@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&display=swap";.layout{background-color:var(--background);min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg,#0f172a);color:var(--sidebar-text-main);z-index:50;border-right:1px solid var(--sidebar-border);height:100vh;transition:all var(--transition-slow);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:4px 0 20px #0000000d}.sidebar.closed{width:var(--sidebar-collapsed)}.sidebar .logo-container{align-items:center;display:flex}.sidebar a:hover{color:#fff;background:#ffffff0d}.sidebar a.active{color:var(--primary);box-shadow:none;background:#10b9811f}.sidebar-overlay{z-index:49;-webkit-backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:hidden}.header{height:var(--header-height);z-index:40;background:var(--header-bg,#ffffffe0);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:0 32px;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.content{max-width:var(--content-max);flex:1;width:100%;margin:0 auto;padding:36px 40px}th{background-color:var(--background);border-bottom:1px solid var(--border);white-space:nowrap;text-transform:uppercase!important;letter-spacing:.09em!important;color:var(--text-muted)!important;padding:12px 16px!important;font-size:.68rem!important;font-weight:800!important}td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:10px 16px!important;font-size:.82rem!important}.MuiDataGrid-root{overflow:hidden;border-radius:var(--radius-lg)!important;border:none!important;font-size:.82rem!important}.MuiDataGrid-columnHeaderTitle{text-transform:uppercase!important;letter-spacing:.09em!important;font-size:.68rem!important;font-weight:800!important}.MuiDataGrid-columnHeaders{background:var(--background)!important;border-bottom:1px solid var(--border)!important}.MuiDataGrid-cell{border-bottom:1px solid var(--border-subtle)!important;font-size:.82rem!important}.MuiDataGrid-row:hover{background-color:var(--border-subtle)!important}.MuiDataGrid-footerContainer{background:var(--background)!important;border-top:1px solid var(--border)!important}.MuiButton-root{border-radius:var(--radius-md)!important;text-transform:none!important;letter-spacing:0!important;transition:all var(--transition-base)!important;padding:8px 18px!important;font-family:Inter,sans-serif!important;font-size:.84rem!important;font-weight:700!important}.MuiOutlinedInput-root{border-radius:var(--radius-md)!important;background:var(--surface)!important;transition:box-shadow var(--transition-fast), border-color var(--transition-fast)!important;font-family:Inter,sans-serif!important;font-size:.85rem!important}.MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 3px #10b9811a!important}.MuiChip-root{letter-spacing:0!important;font-family:Inter,sans-serif!important;font-weight:700!important}.MuiDialog-paper{border-radius:var(--radius-2xl)!important}.MuiDrawer-paper{overflow:hidden!important}.MuiTooltip-tooltip{border-radius:var(--radius-sm)!important;padding:6px 10px!important;font-family:Inter,sans-serif!important;font-size:.75rem!important;font-weight:700!important}.MuiSelect-select{font-family:Inter,sans-serif!important;font-size:.84rem!important}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}h3{font-size:1.75rem!important}h4{font-size:1.5rem!important}h5{font-size:1.2rem!important}:not([style*=animation]):not([class*=shimmer]):not([class*=animate]):not([class*=pulse]):not([class*=float]):not([class*=shake]){transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-fast), opacity var(--transition-fast)}@media (width<=1280px){.content{padding:28px 32px}}@media (width<=1024px){:root{--header-height:64px}.header{padding:0 24px}.content{padding:24px}}@media (width<=768px){:root{--sidebar-width:280px}.sidebar{height:100vh;transition:transform var(--transition-slow);z-index:60;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:8px 0 40px #0000004d;width:var(--sidebar-width)!important}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar-overlay{display:block}.header{padding:0 16px}.content{padding:20px 16px}th{padding:10px 12px!important;font-size:.62rem!important}td{padding:8px 12px!important;font-size:.78rem!important}}@media (width<=480px){.content{padding:16px 12px}h3{font-size:1.4rem!important}h4{font-size:1.2rem!important}h5{font-size:1rem!important}}:root{--primary:#10b981;--primary-hover:#059669;--primary-dark:#047857;--primary-subtle:#d1fae5;--primary-glow:#10b98140;--secondary:#0f172a;--secondary-light:#1e293b;--secondary-muted:#334155;--accent:#6366f1;--accent-hover:#4f46e5;--accent-subtle:#ede9fe;--success:#22c55e;--success-bg:#22c55e14;--error:#ef4444;--error-bg:#ef444414;--warning:#f59e0b;--warning-bg:#f59e0b14;--info:#0ea5e9;--info-bg:#0ea5e914;--background:#f8fafc;--surface:#fff;--surface-raised:#fff;--surface-overlay:#fffffff2;--text-main:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--text-disabled:#94a3b8;--text-inverse:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--border-subtle:#f1f5f9;--sidebar-width:280px;--sidebar-collapsed:80px;--sidebar-bg:#fff;--sidebar-border:#e2e8f0;--sidebar-divider:#f1f5f9;--sidebar-logo-bg:#10b98114;--sidebar-logo-invert:1;--sidebar-text-main:#475569;--sidebar-text-hover:#0f172a;--sidebar-text-muted:#94a3b8;--sidebar-hover-bg:#0f172a0a;--header-height:72px;--content-max:1600px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000a;--shadow-sm:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-2xl:0 25px 50px -12px #0000002e;--shadow-inner:inset 0 2px 4px 0 #0000000a;--shadow-primary:0 8px 24px #10b98133;--shadow-accent:0 8px 24px #6366f133;--gradient-primary:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-accent:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-hero:linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);--gradient-surface:linear-gradient(180deg, #fff 0%, #f8fafc 100%);--gradient-warm:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-cool:linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);--glass:#ffffffb3;--glass-dark:#0f172acc;--glass-border:#ffffff59;--glass-border-dark:#ffffff14;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.175, .885, .32, 1.275)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--secondary);letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;line-height:1.2}a{color:var(--primary);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--primary-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;transition:all var(--transition-base);font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e199;border-radius:20px}.premium-card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-slow), border-color var(--transition-slow), transform var(--transition-slow);position:relative;overflow:hidden}.premium-card:hover{box-shadow:var(--shadow-xl);border-color:#10b98126;transform:translateY(-2px)}.premium-card-flat{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-xs);overflow:hidden}.stat-card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition-slow);position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.glass-effect{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border)}.glass-dark{background:var(--glass-dark);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--glass-border-dark)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-accent{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot-success{background:var(--success)}.status-dot-error{background:var(--error)}.status-dot-warning{background:var(--warning)}.status-dot-info{background:var(--info)}.status-dot-pulse{animation:2s infinite dot-pulse}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.table-row-hover{transition:background-color var(--transition-fast);cursor:default}.table-row-hover:hover{background-color:#f8fafc!important}.table-row-hover:hover td{background-color:#f8fafc}.btn-hover-effect{transition:all var(--transition-base)}.btn-hover-effect:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-hover-effect:active{box-shadow:none;transform:translateY(0)}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--transition-fast)}.clickable:hover{opacity:.85}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-slide{animation:.5s cubic-bezier(.22,1,.36,1) forwards fadeInSlide}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.4s forwards fadeIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-right{animation:.3s forwards slideInRight}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}.pulse-hover:hover{animation:2s ease-in-out infinite pulse-subtle}@keyframes dot-pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 6px #10b98100}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.8s infinite shimmer}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float-animation{animation:6s ease-in-out infinite float}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.18s}.hide-mobile{display:block}.show-mobile{display:none}@media (width<=768px){.hide-mobile{display:none}.show-mobile{display:block}}.text-xs{font-size:.65rem}.text-sm{font-size:.75rem}.text-base{font-size:.85rem}.text-lg{font-size:.95rem}.text-xl{font-size:1.1rem}.font-mono{letter-spacing:.02em;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.live-dot{background:var(--error);border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.live-dot:after{content:"";background:var(--error);border-radius:50%;animation:2s infinite dot-pulse;position:absolute;inset:0}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.divider{background:var(--border);width:100%;height:1px}.divider-vertical{background:var(--border);align-self:stretch;width:1px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--secondary:#f8fafc;--secondary-light:#e2e8f0;--secondary-muted:#cbd5e1;--background:#0f172a;--surface:#1e293b;--sidebar-bg:#090d16;--sidebar-border:#ffffff0f;--sidebar-divider:#ffffff0f;--sidebar-logo-bg:#ffffff14;--sidebar-logo-invert:0;--sidebar-text-main:#fff9;--sidebar-text-hover:#fff;--sidebar-text-muted:#ffffff59;--sidebar-hover-bg:#ffffff0a;--surface-raised:#334155;--surface-overlay:#1e293bf2;--text-main:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-disabled:#64748b;--text-inverse:#0f172a;--border:#334155;--border-strong:#475569;--border-subtle:#1e293b;--primary-subtle:#10b98126;--accent-subtle:#6366f126;--shadow-xs:0 1px 2px 0 #00000080;--shadow-sm:0 1px 3px 0 #0009;--shadow-md:0 4px 6px -1px #0009;--shadow-lg:0 10px 15px -3px #0009;--shadow-xl:0 20px 25px -5px #0009;--shadow-2xl:0 25px 50px -12px #000c;--gradient-surface:linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--glass:#0f172ab3;--glass-border:#ffffff14;--header-bg:#0f172ae0;scrollbar-color:#475569 transparent}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#64748b}html[data-theme=dark] .MuiPaper-root{background-color:var(--surface)!important;color:var(--text-main)!important;border-color:var(--border)!important}html[data-theme=dark] .MuiDrawer-paper{background-color:var(--surface)!important;border-color:var(--border)!important}html[data-theme=dark] .MuiDialog-paper{background-color:var(--surface)!important}html[data-theme=dark] .MuiDialogTitle-root{color:var(--text-main)!important}html[data-theme=dark] .MuiDialogContentText-root{color:var(--text-secondary)!important}html[data-theme=dark] .MuiIconButton-root:not(.Mui-disabled){color:var(--text-main)!important}html[data-theme=dark] .MuiOutlinedInput-root{background-color:var(--surface)!important;color:var(--text-main)!important}html[data-theme=dark] .MuiOutlinedInput-notchedOutline{border-color:var(--border)!important}html[data-theme=dark] .MuiInputLabel-root{color:var(--text-muted)!important}html[data-theme=dark] .MuiInputLabel-root.Mui-focused{color:var(--primary)!important}html[data-theme=dark] .MuiSelect-icon{color:var(--text-muted)!important}html[data-theme=dark] .MuiMenu-paper{background-color:var(--surface)!important;border:1px solid var(--border)!important}html[data-theme=dark] .MuiMenuItem-root{color:var(--text-main)!important}html[data-theme=dark] .MuiMenuItem-root:hover{background-color:var(--border-subtle)!important}html[data-theme=dark] .MuiMenuItem-root.Mui-selected{background-color:var(--primary-subtle)!important;color:var(--primary)!important}html[data-theme=dark] .MuiDataGrid-root{border-color:var(--border)!important}html[data-theme=dark] .MuiDataGrid-cell{border-color:var(--border-subtle)!important;color:var(--text-main)!important}html[data-theme=dark] .MuiDataGrid-columnHeaders{background-color:var(--background)!important;border-bottom:1px solid var(--border)!important}html[data-theme=dark] .MuiDataGrid-columnHeader{color:var(--text-main)!important}html[data-theme=dark] .MuiDataGrid-footerContainer{background-color:var(--background)!important;border-top:1px solid var(--border)!important}html[data-theme=dark] .MuiDataGrid-row:hover{background-color:var(--border-subtle)!important}html[data-theme=dark] th{background-color:var(--background)!important;color:var(--text-muted)!important;border-color:var(--border)!important}html[data-theme=dark] td{border-color:var(--border-subtle)!important;color:var(--text-main)!important}html[data-theme=dark] .table-row-hover:hover,html[data-theme=dark] .table-row-hover:hover td{background-color:var(--border-subtle)!important}html[data-theme=dark] .status-dot-pulse{box-shadow:0 0 #10b98166}