:root{--bg:#080c14;--surface:#0f1729;--surface-hover:#1a2540;--border:#1e2d4a;--border-light:#2d3f5c;--accent:#f59e0b;--accent-light:#fbbf24;--accent-dark:#d97706;--accent-glow:#f59e0b26;--success:#22c55e;--success-bg:#22c55e1a;--danger:#ef4444;--danger-bg:#ef44441a;--muted:#64748b;--foreground:#f1f5f9}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::selection{background:var(--accent-glow);color:var(--accent)}html body input,html body select,html body textarea,html body [type=text],html body [type=email],html body [type=password],html body [type=number],html body [type=tel],html body [type=url],html body [type=search],html body [type=date],html body [type=time],html body [type=datetime-local]{border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s;background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--foreground)!important;-webkit-text-fill-color:var(--foreground)!important;box-shadow:none!important;outline:none!important}html body input::placeholder,html body textarea::placeholder{color:var(--muted);opacity:1}html body input:focus,html body select:focus,html body textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)!important;outline:none!important}html body select option{background:var(--surface);color:var(--foreground)}button{cursor:pointer;border:none;font-family:inherit}button:disabled{opacity:.5;cursor:not-allowed}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-3\.5{padding-top:14px;padding-bottom:14px}.py-4{padding-top:16px;padding-bottom:16px}.py-8{padding-top:32px;padding-bottom:32px}.px-3{padding-left:12px;padding-right:12px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-auto{margin-left:auto}.mr-2{margin-right:8px}.space-y-0\.5>*+*{margin-top:2px}.space-y-4>*+*{margin-top:16px}.space-y-5>*+*{margin-top:20px}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-md{max-width:448px}.max-w-7xl{max-width:80rem}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.text-xs{font-size:11px;line-height:1.4}.text-sm{font-size:13px;line-height:1.5}.text-lg{font-size:18px;line-height:1.4}.text-xl{font-size:20px;line-height:1.3}.text-2xl{font-size:24px;line-height:1.2}.text-3xl{font-size:30px;line-height:1.2}.text-4xl{font-size:36px;line-height:1.1}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.leading-tight{line-height:1.25}.leading-none{line-height:1}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.italic{font-style:italic}.uppercase{text-transform:uppercase;letter-spacing:.05em}.capitalize{text-transform:capitalize}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-muted{color:var(--muted)}.text-success{color:var(--success)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.bg-white{background:#fff}.bg-transparent{background:0 0}.bg-background{background:var(--bg)}.bg-surface{background:var(--surface)}.bg-surface-hover:hover{background:var(--surface-hover)}.bg-card{background:var(--surface)}.bg-accent{background:var(--accent);color:#0a0e1a}.bg-success-bg{background:var(--success-bg)}.bg-danger-bg{background:var(--danger-bg)}.bg-accent-glow{background:var(--accent-glow)}.border{border-style:solid;border-width:1px}.border-border{border-color:var(--border)}.border-accent{border-color:var(--accent)}.border-danger{border-color:var(--danger)}.border-success{border-color:var(--success)}.rounded{border-radius:4px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000004d}.shadow-lg{box-shadow:0 10px 15px -3px #0006}.shadow-xl{box-shadow:0 20px 25px -5px #0006}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.right-4{right:16px}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.z-10{z-index:10}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.overflow-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-1\.5{width:6px}.w-3{width:12px}.w-4{width:16px}.w-5{width:20px}.w-8{width:32px}.w-9{width:36px}.w-10{width:40px}.w-12{width:48px}.w-16{width:64px}.h-1\.5{height:6px}.h-2{height:8px}.h-3{height:12px}.h-4{height:16px}.h-5{height:20px}.h-8{height:32px}.h-9{height:36px}.h-12{height:48px}.h-40{height:160px}.h-48{height:192px}.h-64{height:256px}.h-screen{height:100vh}.aspect-square{aspect-ratio:1}.transition-all{transition:all .15s}.transition-colors{transition:color .15s,background-color .15s,border-color .15s}.transition-transform{transition:transform .15s}.duration-200{transition-duration:.2s}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.inline-flex{display:inline-flex}.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-2{grid-column:span 2/span 2}.object-cover{object-fit:cover}.cursor-pointer{cursor:pointer}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.scale-105{transform:scale(1.05)}.translate-y-0{transform:translateY(0)}.-translate-x-1\/2{transform:translate(-50%)}.translate-y-1\/2{transform:translateY(50%)}.-translate-y-2{transform:translateY(-8px)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.divide-y>*+*{border-top-style:solid;border-top-width:1px;border-color:var(--border)}.ring-1{box-shadow:0 0 0 1px var(--border)}.sidebar-link{color:#94a3b8;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.sidebar-link:hover{background:var(--surface-hover);color:var(--foreground)}.sidebar-link.active{background:var(--accent-glow);color:var(--accent);font-weight:600}.sidebar-link.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--border-light);transform:translateY(-1px)}.kpi-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.kpi-card:hover:before{opacity:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.card-elevated{background:var(--surface-hover);border:1px solid var(--border-light);border-radius:16px}.table-row{border-bottom:1px solid var(--border);transition:background .1s}.table-row:hover{background:var(--surface-hover)}.table-row:last-child{border-bottom:none}.badge{letter-spacing:.02em;border-radius:99px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.progress-bar{background:var(--border);border-radius:99px;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-dark), var(--accent));border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.avatar{background:var(--accent-glow);width:40px;height:40px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.calendar-day{aspect-ratio:1;border-radius:8px;justify-content:center;align-items:center;font-size:12px;transition:all .1s;display:flex}.calendar-day:hover{background:var(--surface-hover)}.empty-state{text-align:center;color:var(--muted);padding:60px 20px}.gradient-text{background:linear-gradient(135deg, var(--accent-light), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.animate-fadeIn{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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\:p-8{padding:32px}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}