@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@600;700&display=swap";:root{--primary:#002fbb;--primary-container:#284ad8;--on-primary:#fff;--secondary:#4c45d5;--surface:#f8f9fa;--surface-container-low:#f3f4f5;--surface-container-lowest:#fff;--on-surface:#191c1d;--on-surface-variant:#454652;--outline-variant:#c5c5d433;--font-display:"Manrope", sans-serif;--font-body:"Inter", sans-serif;--radius-md:.75rem;--radius-xl:1.5rem;--shadow-ambient:0 8px 32px #191c1d0f;--sidebar-width:280px;--topbar-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);color:var(--on-surface);font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--on-surface-variant)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.shrink-0{flex-shrink:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.bottom-0{bottom:0}.z-10{z-index:10}.sticky{position:sticky}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:w-1\/2{width:50%}.md\:flex{display:flex}.md\:hidden{display:none}}.hidden{display:none}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.m-0{margin:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-top:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.w-24{width:6rem}.h-24{height:6rem}.w-32{width:8rem}.h-32{height:8rem}.w-64{width:16rem}.w-80{width:20rem}.w-96{width:24rem}.h-16{height:4rem}.h-48{height:12rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.text-center{text-align:center}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.bg-surface-container-low{background-color:var(--surface-container-low)}.bg-surface-container-lowest{background-color:var(--surface-container-lowest)}.bg-primary{background-color:var(--primary)}.bg-primary\/10{background-color:#002fbb1a}.text-white{color:#fff}.text-primary{color:var(--primary)}.text-on-surface-variant{color:var(--on-surface-variant)}.text-green-600{color:#16a34a}.bg-green-100{background-color:#dcfce7}.text-red-600{color:#dc2626}.bg-red-100{background-color:#fee2e2}.border{border:1px solid var(--outline-variant)}.border-b{border-bottom:1px solid var(--outline-variant)}.border-r{border-right:1px solid var(--outline-variant)}.border-t{border-top:1px solid var(--outline-variant)}.border-none{border:none}.border-white{border-color:#fff}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.hover\:opacity-90:hover{opacity:.9}.card{background:var(--surface-container-lowest);border-radius:var(--radius-md);box-shadow:var(--shadow-ambient);padding:1.5rem}.gradient-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);color:#fff}.glass{-webkit-backdrop-filter:blur(16px);background:#fffc}.layout-root{width:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface-container-lowest);border-right:1px solid var(--outline-variant);z-index:20;flex-direction:column;height:100vh;display:flex;position:fixed;overflow-y:auto}.sidebar-header{padding:1.5rem}.logo-container{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.logo-box{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);color:#fff;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 4px 12px #002fbb33}.logo-text{letter-spacing:-.025em;font-size:1.25rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.sidebar-link{color:var(--on-surface-variant);border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.sidebar-link:hover{background:var(--surface-container-low)}.sidebar-link.active{background:var(--primary);color:#fff;box-shadow:0 8px 16px #002fbb26}.sidebar-divider{background:var(--outline-variant);opacity:.5;height:1px;margin:1rem 0}.sidebar-footer{border-top:1px solid var(--outline-variant);margin-top:auto;padding:1.5rem}.logout-button{width:100%;color:var(--on-surface-variant);background:0 0;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:color .2s;display:flex}.logout-button:hover{color:var(--primary)}.main-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex:1;display:flex}.topbar{height:var(--topbar-height);z-index:10;border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.search-bar{width:24rem;position:relative}.search-icon{color:var(--on-surface-variant);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{background:var(--surface-container-low);border:none;border-radius:.5rem;outline:none;width:100%;padding:.5rem 1rem .5rem 2.5rem;transition:all .2s}.search-input:focus{background:var(--surface-container-lowest);box-shadow:0 0 0 2px #002fbb1a}.topbar-actions{align-items:center;gap:1.5rem;display:flex}.notification-bell{color:var(--on-surface-variant);background:0 0;border-radius:.5rem;padding:.5rem;position:relative}.notification-bell:hover{background:var(--surface-container-low)}.notification-dot{background:var(--primary);border:2px solid #fff;border-radius:9999px;width:.5rem;height:.5rem;position:absolute;top:.375rem;right:.375rem}.user-profile{border-left:1px solid var(--outline-variant);align-items:center;gap:.75rem;padding-left:1rem;display:flex}.user-info{text-align:right}.user-name{font-size:.875rem;font-weight:700}.user-role{color:var(--on-surface-variant);font-size:.75rem}.user-avatar{background:var(--surface-container-low);width:2.5rem;height:2.5rem;color:var(--primary);border-radius:9999px;justify-content:center;align-items:center;font-weight:700;display:flex}.content-area{padding:2rem}