:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Outfit", sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--emerald-50: #f0fdf4;--emerald-100: #dcfce7;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--slate-50: #f8fafc;--slate-100: #e2e8f0;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #030712;--orange-500: #f97316;--orange-600: #ea580c;--blue-500: #3b82f6;--blue-600: #2563eb;--purple-500: #a855f7;--purple-600: #9333ea;--red-600: #dc2626;--bg-main: #ffffff;--bg-soft: #f8fafc;--bg-sidebar: #0f172a;--border-color: #e2e8f0;--border-dark: #1e293b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-sans);background:var(--bg-soft);color:var(--slate-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.01em}.tracking-wider{letter-spacing:.08em}.text-white{color:#fff}.text-slate-300{color:var(--slate-300)}.text-slate-400{color:var(--slate-400)}.text-slate-500{color:var(--slate-500)}.text-slate-600{color:var(--slate-600)}.text-slate-700{color:var(--slate-700)}.text-slate-900{color:var(--slate-900)}.text-emerald-500{color:var(--emerald-500)}.text-emerald-600{color:var(--emerald-600)}.text-emerald-700{color:var(--emerald-700)}.text-orange-500{color:var(--orange-500)}.text-blue-500{color:var(--blue-500)}.text-purple-500{color:var(--purple-500)}.text-red-600{color:var(--red-600)}.bg-white{background:#fff}.bg-white\/90{background:#ffffffe6}.bg-white\/80{background:#fffc}.bg-slate-50{background:var(--slate-50)}.bg-slate-100{background:var(--slate-100)}.bg-slate-200{background:var(--slate-200)}.bg-slate-700{background:var(--slate-700)}.bg-slate-800{background:var(--slate-800)}.bg-slate-900{background:var(--slate-900)}.bg-emerald-50{background:var(--emerald-50)}.bg-emerald-100{background:var(--emerald-100)}.bg-emerald-500{background:var(--emerald-500)}.bg-emerald-600{background:var(--emerald-600)}.bg-orange-50{background:#fff7ed}.bg-blue-50{background:#eff6ff}.bg-purple-50{background:#faf5ff}.bg-black\/40{background:#0006}.border{border:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-2{border-width:2px;border-color:var(--border-color)}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-slate-100{border-color:var(--slate-100)}.border-slate-200{border-color:var(--slate-200)}.border-slate-300{border-color:var(--slate-300)}.border-slate-800{border-color:var(--slate-800)}.border-emerald-200{border-color:#a7f3d0}.border-emerald-400{border-color:#4ade80}.border-emerald-500{border-color:var(--emerald-500)}.border-l-emerald-500{border-left-color:var(--emerald-500)}.border-l-orange-500{border-left-color:var(--orange-500)}.border-l-blue-500{border-left-color:var(--blue-500)}.border-l-purple-500{border-left-color:var(--purple-500)}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:16px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.hover\:shadow-md:hover{box-shadow:var(--shadow-md)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.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-6{padding-left:1.5rem;padding-right:1.5rem}.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-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.m-0{margin:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mx-auto{margin-left:auto;margin-right:auto}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){margin-top:.25rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}.space-y-8>:not([hidden])~:not([hidden]){margin-top:2rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-screen{height:100vh}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-64{width:16rem}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-full{grid-column:1 / -1}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.transition-colors{transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.transition-all{transition:all .2s ease}.transition-transform{transition:transform .2s ease}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.transform{transform:translate(0)}.-translate-y-1\/2{transform:translateY(-50%)}.-translate-x-1\/2{transform:translate(-50%)}.scale-110{transform:scale(1.1)}.hover\:bg-emerald-50:hover{background:var(--emerald-50)}.hover\:bg-emerald-600:hover{background:var(--emerald-600)}.hover\:bg-slate-50:hover{background:var(--slate-50)}.hover\:bg-slate-100:hover{background:var(--slate-100)}.hover\:bg-slate-700:hover{background:var(--slate-700)}.hover\:bg-slate-800:hover{background:var(--slate-800)}.hover\:bg-slate-800\/60:hover{background:#1e293b99}.hover\:border-emerald-400:hover{border-color:#4ade80}.hover\:border-slate-300:hover{border-color:var(--slate-300)}.hover\:text-white:hover{color:#fff}.hover\:text-slate-900:hover{color:var(--slate-900)}.hover\:text-emerald-700:hover{color:var(--emerald-700)}.opacity-0{opacity:0}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.backdrop-blur{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sidebar{background:linear-gradient(180deg,#030712,#0b1525 45%,#0f172a);border-right:1px solid var(--border-dark);color:var(--slate-300)}.sidebar nav{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.sidebar nav::-webkit-scrollbar{width:6px;opacity:0;transition:opacity .3s ease}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:999px;border:1px solid rgba(255,255,255,.2);opacity:0}.sidebar:hover nav::-webkit-scrollbar,.sidebar nav:focus-visible::-webkit-scrollbar{opacity:1}.sidebar:hover nav::-webkit-scrollbar-thumb,.sidebar nav:focus-visible::-webkit-scrollbar-thumb{opacity:1}.sidebar-item-inactive{color:var(--slate-300);transition:background .2s ease,color .2s ease,box-shadow .2s ease}.sidebar-item-inactive:hover{background:#1e293bb3;color:#fff;box-shadow:0 10px 20px #0f172a66}.sidebar-section-title{color:#ffffffb3;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.sidebar-collapse-btn{width:48px;height:48px;border-radius:999px;background:#0f172ab8;border:1px solid rgba(255,255,255,.4);color:var(--slate-300);box-shadow:0 6px 15px #00000040;transition:background .2s ease,color .2s ease,border .2s ease}.sidebar-collapse-btn:hover{background:#0f172ae6;color:#fff;border-color:#fff9}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.focus\:outline-none:focus{outline:none}.focus\:border-emerald-500:focus{border-color:var(--emerald-500)}.focus\:ring-2:focus{outline:2px solid rgba(16,185,129,.5);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-lg);padding:.625rem 1rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:var(--emerald-500);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--emerald-600);box-shadow:var(--shadow-md)}.btn-primary:focus{outline:2px solid rgba(16,185,129,.5);outline-offset:2px}.btn-secondary{background:transparent;color:var(--slate-900);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--emerald-500);color:var(--emerald-700);background:var(--emerald-50)}.btn-ghost{background:transparent;color:var(--slate-600);border:1px solid transparent}.btn-ghost:hover{background:var(--slate-100);color:var(--slate-900)}.btn-icon{padding:.5rem;border-radius:var(--radius-lg)}.card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-elevated{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card-metric{border-left:4px solid var(--emerald-500);background:#fff;padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-sm)}.card-metric.orange{border-left-color:var(--orange-500)}.card-metric.blue{border-left-color:var(--blue-500)}.card-metric.purple{border-left-color:var(--purple-500)}.input,.select,.textarea{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.625rem .75rem;background:#fff;color:var(--slate-900);font-size:.875rem;transition:all .2s ease}.input:hover,.select:hover,.textarea:hover{border-color:var(--slate-300)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--emerald-500);box-shadow:0 0 0 3px #10b9811a}.input::placeholder{color:var(--slate-400)}.sidebar{background:linear-gradient(to bottom,var(--slate-900),var(--slate-950));border-right:1px solid var(--border-dark);color:var(--slate-300)}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.7) transparent}.sidebar-scroll::-webkit-scrollbar{width:6px;opacity:0;transition:opacity .3s ease}.sidebar-scroll::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#fff9;border-radius:999px;border:1px solid rgba(255,255,255,.3)}.sidebar:hover .sidebar-scroll,.sidebar-scroll:focus-visible{scrollbar-color:rgba(255,255,255,.7) transparent}.sidebar:hover .sidebar-scroll::-webkit-scrollbar,.sidebar-scroll:focus-visible::-webkit-scrollbar{opacity:1}.sidebar-item-active{background:var(--emerald-500);color:#fff;box-shadow:var(--shadow-md)}.sidebar-item-inactive{color:var(--slate-300)}.sidebar-item-inactive:hover{background:#1e293b99;color:#fff}.sidebar-section-title{color:#64748b99;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.header{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}@media(min-width:640px){.sm\:flex{display:flex}.sm\:grid{display:grid}}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid{display:grid}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.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\:col-span-2{grid-column:span 2 / span 2}.md\:p-6{padding:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pl-64{padding-left:16rem}.md\:pl-16{padding-left:4rem}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:translate-x-0{transform:translate(0)}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:opacity-100{opacity:1}.lg\:pointer-events-auto{pointer-events:auto}}.cursor-pointer{cursor:pointer}.whitespace-nowrap{white-space:nowrap}.group:hover .group-hover\:block{display:block}