:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--c-slate-50:#f8fafc;--c-slate-100:#f1f5f9;--c-slate-200:#e2e8f0;--c-slate-300:#cbd5e1;--c-slate-400:#94a3b8;--c-slate-500:#64748b;--c-slate-600:#475569;--c-slate-700:#334155;--c-slate-800:#1e293b;--c-slate-900:#0f172a;--c-slate-950:#020617;--app-bg:var(--c-slate-50);--app-surface-1:#ffffffd9;--app-surface-2:#fff9;--app-border:var(--c-slate-200);--app-border-hover:var(--c-slate-300);--app-text:var(--c-slate-900);--app-text-muted:var(--c-slate-500);--app-radius-sm:8px;--app-radius:12px;--app-radius-card:calc(var(--app-radius) + 4px);--app-radius-xl:20px;--app-shadow-0:0 1px 2px 0 #0000000d;--app-shadow-1:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--app-shadow-card:0 10px 15px -3px #0000000a, 0 4px 6px -2px #00000005;--app-shadow-hover:0 20px 25px -5px #0000000f, 0 10px 10px -5px #00000008;--app-primary:#10b981;--app-primary-rgb:16, 185, 129;--app-primary-soft:#10b9811f;--app-primary-soft-hover:#10b9812e;--app-glass-blur:12px;--app-card-bg:#fff;--app-card-bg-subtle:#f8fafc;--app-card-border:var(--c-slate-200);--app-success:#10b981;--app-info:#3b82f6;--app-warning:#f59e0b;--app-error:#ef4444;--app-modal-solid-card:#fff;--app-modal-solid-soft:#f8fafc;--app-modal-solid-border:#cbd5e1;--app-modal-glass:#ffffffb8;--app-modal-glass-border:#cbd5e199;--app-section-gap:24px;--app-section-gap-compact:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html.app-dark{--app-bg:var(--c-slate-950);--app-surface-1:#0f172acc;--app-surface-2:#0f172a8c;--app-border:var(--c-slate-800);--app-border-hover:var(--c-slate-700);--app-text:var(--c-slate-100);--app-text-muted:var(--c-slate-400);--app-shadow-0:0 1px 2px 0 #0000004d;--app-shadow-1:0 4px 6px -1px #0006;--app-shadow-card:0 10px 15px -3px #0006;--app-shadow-hover:0 20px 25px -5px #00000080;--app-modal-solid-card:#0f172a;--app-modal-solid-soft:#111c31;--app-modal-solid-border:#334155;--app-modal-glass:#0f172abf;--app-modal-glass-border:#33415599;--app-primary-soft:#10b9812e;--app-primary-soft-hover:#10b98142;--app-card-bg:#111c31;--app-card-bg-subtle:#0f172a;--app-card-border:var(--c-slate-800)}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{background-color:var(--app-bg);color:var(--app-text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s,color .3s}#app{height:100%}.glass{-webkit-backdrop-filter:blur(var(--app-glass-blur)) saturate(1.5)}.glass-card{background:var(--app-surface-2);border:1px solid var(--app-border);box-shadow:var(--app-shadow-0);border-radius:var(--app-radius-card);-webkit-backdrop-filter:blur(var(--app-glass-blur)) saturate(1.25);transition:transform .2s,box-shadow .2s,border-color .2s,border-radius .2s}.glass-card.interactive:hover{box-shadow:var(--app-shadow-card);border-color:var(--app-border-hover);transform:translateY(-2px)}.n-card>.n-card-header{padding:20px 24px 16px}.n-card>.n-card__content{padding:0 24px 24px}.n-card.n-card--bordered{border-color:var(--app-border)}.n-card:not(.n-card--embedded){background:var(--app-card-bg);border-color:var(--app-card-border);box-shadow:var(--app-shadow-1)}.n-card.glass-card:not(.n-card--embedded){background:var(--app-surface-2);-webkit-backdrop-filter:blur(var(--app-glass-blur)) saturate(1.25);box-shadow:var(--app-shadow-0)}.n-drawer .n-drawer-body-content-wrapper{background:var(--app-surface-2);-webkit-backdrop-filter:blur(var(--app-glass-blur)) saturate(1.25)}body .n-modal .n-card:not(.n-card--embedded),body .n-dialog .n-card:not(.n-card--embedded){--app-modal-panel-bg:#ffffffa6;--app-modal-panel-bg-soft:#f8fafcb3;--app-modal-hover-bg:#f1f5f9bf;--app-modal-input-bg:#ffffffd9;--n-color:var(--app-modal-glass)!important;background:var(--app-modal-glass)!important;border:1px solid var(--app-modal-glass-border)!important;box-shadow:var(--app-shadow-card)!important;-webkit-backdrop-filter:blur(24px)saturate(1.8)!important}html.app-dark body .n-modal .n-card:not(.n-card--embedded),html.app-dark body .n-dialog .n-card:not(.n-card--embedded){--app-modal-panel-bg:#0f172aa6;--app-modal-panel-bg-soft:#111c31b3;--app-modal-hover-bg:#1e293bb3;--app-modal-input-bg:#0f172ad9;--n-color:var(--app-modal-glass)!important;background:var(--app-modal-glass)!important;border:1px solid var(--app-modal-glass-border)!important;-webkit-backdrop-filter:blur(24px)saturate(1.8)!important}body .n-modal .n-input,body .n-modal .n-base-selection,body .n-dialog .n-input,body .n-dialog .n-base-selection{--n-color:var(--app-modal-input-bg,#fffffff5)!important;--n-color-disabled:var(--app-modal-input-bg,#fffffff5)!important;--n-color-active:var(--app-modal-input-bg,#fffffff5)!important;--n-color-focus:var(--app-modal-input-bg,#fffffff5)!important}.force-solid-modal .n-card:not(.n-card--embedded){background:var(--app-modal-glass)!important;border:1px solid var(--app-modal-glass-border)!important;box-shadow:var(--app-shadow-card)!important;-webkit-backdrop-filter:blur(24px)saturate(1.8)!important}.glass-modal .n-card:not(.n-card--embedded),.solid-modal-card .n-card:not(.n-card--embedded){box-shadow:var(--app-shadow-card);background:var(--app-modal-glass)!important;border:1px solid var(--app-modal-glass-border)!important;-webkit-backdrop-filter:blur(24px)saturate(1.8)!important}html.app-dark .glass-modal .n-card:not(.n-card--embedded),html.app-dark .solid-modal-card .n-card:not(.n-card--embedded){background:var(--app-modal-glass)!important;border:1px solid var(--app-modal-glass-border)!important}.glass-modal,.solid-modal-card{--app-modal-panel-bg:#ffffff8c;--app-modal-panel-bg-soft:#f8fafc99;--app-modal-hover-bg:#f1f5f9a6;--app-modal-input-bg:#fffc}html.app-dark .glass-modal,html.app-dark .solid-modal-card{--app-modal-panel-bg:#0f172a8c;--app-modal-panel-bg-soft:#0f172a99;--app-modal-hover-bg:#1e293b99;--app-modal-input-bg:#0f172acc}.glass-modal .n-input,.glass-modal .n-base-selection,.solid-modal-card .n-input,.solid-modal-card .n-base-selection{--n-color:var(--app-modal-input-bg)!important;--n-color-disabled:var(--app-modal-input-bg)!important;--n-color-active:var(--app-modal-input-bg)!important;--n-color-focus:var(--app-modal-input-bg)!important}.glass-modal .n-data-table-th{color:var(--app-text-muted);background:#94a3b826;font-weight:600}.app-dark .glass-modal .n-data-table-th{background:#0f172a99}.glass-modal .n-data-table-td{background:0 0}.glass-modal .n-data-table-th,.glass-modal .n-data-table-td{border-color:#94a3b847}.app-dark .glass-modal .n-data-table-th,.app-dark .glass-modal .n-data-table-td{border-color:#94a3b82e}.glass-modal .n-data-table{--n-td-color:transparent!important;--n-td-color-modal:transparent!important;--n-th-color:#94a3b826!important;--n-th-color-modal:#94a3b826!important;--n-border-color:#94a3b847!important;--n-border-color-modal:#94a3b847!important}.app-dark .glass-modal .n-data-table{--n-th-color:#0f172a99!important;--n-th-color-modal:#0f172a99!important;--n-border-color:#94a3b82e!important;--n-border-color-modal:#94a3b82e!important}.glass-modal .n-data-table-wrapper,.glass-modal .n-data-table-base-table,.glass-modal .n-data-table-table{background:0 0!important}.n-modal-mask,.n-dialog-mask{-webkit-backdrop-filter:none;background-color:#0f172a6b!important}html.app-dark .n-modal-mask,html.app-dark .n-dialog-mask{background-color:#0000008c!important}.n-popover,.n-dropdown-menu{-webkit-backdrop-filter:blur(var(--app-glass-blur)) saturate(1.5);--n-color:var(--app-surface-2)!important;background-color:var(--n-color)!important}.solid-modal-menu{--n-color:#fffffff5!important;background-color:var(--n-color)!important;-webkit-backdrop-filter:blur(calc(var(--app-glass-blur) * .55)) saturate(1.15)!important;border:1px solid #cbd5e1eb!important;box-shadow:0 14px 36px #0f172a1f!important}html.app-dark .solid-modal-menu{--n-color:#0f172af0!important;background-color:var(--n-color)!important;border:1px solid #475569e6!important;box-shadow:0 18px 40px #00000073!important}html:not(.app-dark) .n-tooltip{--n-color:#ffffffeb!important;--n-text-color:#0f172aeb!important;color:#0f172aeb!important}html.app-dark .n-tooltip{--n-color:#0f172ad9!important;--n-text-color:#f8fafceb!important;color:#f8fafceb!important}.card{background:var(--app-card-bg);border:1px solid var(--app-card-border);border-radius:var(--app-radius-card);box-shadow:var(--app-shadow-1);transition:border-color .2s,box-shadow .2s,transform .2s}.card.interactive{cursor:pointer}.card.interactive:hover{border-color:var(--app-border-hover);box-shadow:var(--app-shadow-card);transform:translateY(-1px)}.card.flat{box-shadow:none}.card.subtle{background:var(--app-card-bg-subtle)}.card-header{border-bottom:1px solid var(--app-card-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-header-title{color:var(--app-text);font-size:15px;font-weight:600;line-height:1.3}.card-header-desc{color:var(--app-text-muted);margin-top:2px;font-size:12px}.card-header-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.card-body{padding:16px 20px}.card-body.compact{padding:12px 16px}.card-body.tight{padding:0}.card-footer{border-top:1px solid var(--app-card-border);justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px;display:flex}.kpi-grid{gap:var(--app-section-gap-compact);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.section-grid-2{gap:var(--app-section-gap);grid-template-columns:repeat(auto-fit,minmax(360px,1fr));display:grid}.section-stack{gap:var(--app-section-gap);flex-direction:column;display:flex}.section-stack-compact{gap:var(--app-section-gap-compact);flex-direction:column;display:flex}.status-dot{background:var(--c-slate-400);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.is-online{background:var(--app-success);box-shadow:0 0 0 3px #10b98126}.status-dot.is-warning{background:var(--app-warning);box-shadow:0 0 0 3px #f59e0b26}.status-dot.is-error{background:var(--app-error);box-shadow:0 0 0 3px #ef444426}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-slate-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--c-slate-400)}html.app-dark ::-webkit-scrollbar-thumb{background:var(--c-slate-700)}html.app-dark ::-webkit-scrollbar-thumb:hover{background:var(--c-slate-600)}.cinematic{--app-bg:#0e0e0e;--app-surface-1:#1c1b1bb8;--app-surface-2:#2a2a2a8c;--app-surface-solid:#1c1b1b;--app-surface-solid-2:#2a2a2a;--app-surface-solid-3:#353534;--app-border:#5e3f3b2e;--app-border-hover:#5e3f3b52;--app-card-border:transparent;--app-card-bg:#1c1b1b;--app-card-bg-subtle:#201f1f;--app-text:#e5e2e1;--app-text-muted:#e9bcb6;--app-radius-sm:10px;--app-radius:16px;--app-radius-card:20px;--app-radius-xl:24px;--app-shadow-0:0 2px 6px #00000073;--app-shadow-1:0 8px 16px #00000073;--app-shadow-card:0 16px 32px #00000080;--app-shadow-hover:0 24px 48px #0000008c;--app-shadow-ambient:0 24px 48px #0000008c;--app-accent-red:#e50914;--app-accent-red-soft:#ffb4aa;--app-accent-gradient:linear-gradient(135deg, #ffb4aa 0%, #e50914 100%);--app-font-display:"Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--app-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.cinematic ::selection{background:var(--app-accent-red);color:#fff7f6}.cinematic .font-display,.cinematic .headline{font-family:var(--app-font-display);letter-spacing:-.02em}.cinematic .section-title-accent{font-family:var(--app-font-display);letter-spacing:-.01em;color:var(--app-text);align-items:center;gap:14px;margin:0;font-size:1.375rem;font-weight:800;line-height:1.2;display:flex}.cinematic .section-title-accent:before{content:"";background:var(--app-primary,#e50914);border-radius:2px;flex-shrink:0;width:4px;height:1.2em}.cinematic .n-card:not(.n-card--embedded){background:var(--app-card-bg);box-shadow:var(--app-shadow-1);border:none}.cinematic .card{box-shadow:var(--app-shadow-1);border:none}.cinematic .card.flat,.cinematic .card.subtle{box-shadow:none}.cinematic .card-header{border-bottom:1px solid #ffffff0f}.cinematic .card-footer{border-top:1px solid #ffffff0f}.shadow-ambient{box-shadow:var(--app-shadow-ambient)}.cinematic .pill{background:var(--app-surface-solid-3);color:var(--app-text);-webkit-backdrop-filter:blur(12px);border-radius:10px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:500;line-height:1.4;display:inline-flex}.cinematic .pill.pill-accent{background:var(--app-accent-red);color:#fff7f6}.cinematic .pill.pill-glass{background:#ffffff14;border:1px solid #ffffff14}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.fade-slide-enter-from{opacity:0;transform:translateY(12px)}.fade-slide-leave-to{opacity:0;transform:translateY(-12px)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.scale-fade-enter-active,.scale-fade-leave-active{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.scale-fade-enter-from,.scale-fade-leave-to{opacity:0;transform:scale(.95)}.slide-left-enter-active,.slide-left-leave-active{transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.slide-left-enter-from{opacity:0;transform:translate(20px)}.slide-left-leave-to{opacity:0;transform:translate(-20px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes ping{0%{opacity:.5;transform:scale(1)}75%,to{opacity:0;transform:scale(1.5)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-fade-in-up{animation:.4s cubic-bezier(.4,0,.2,1) fadeInUp}.animate-fade-in-down{animation:.4s cubic-bezier(.4,0,.2,1) fadeInDown}.animate-slide-in-right{animation:.4s cubic-bezier(.4,0,.2,1) slideInRight}.animate-scale-in{animation:.3s cubic-bezier(.4,0,.2,1) scaleIn}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-ping{animation:1.5s cubic-bezier(0,0,.2,1) infinite ping}.animate-spin{animation:1s linear infinite spin}.animate-bounce{animation:1s infinite bounce}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.hover-lift{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform .2s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s}.hover-glow:hover{box-shadow:0 0 20px rgba(var(--app-primary-rgb), .4)}.shimmer{background:linear-gradient(90deg,#fff0 0%,#fff3 20%,#ffffff80 60%,#fff0) 0 0/1000px 100%;animation:2s infinite shimmer}.app-dark .shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff0d 20%,#ffffff1a 60%,#fff0) 0 0/1000px 100%}.transition-all{transition:all .2s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:color .2s,background-color .2s,border-color .2s}.transition-transform{transition:transform .2s cubic-bezier(.4,0,.2,1)}.transition-opacity{transition:opacity .2s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.fade-slide-enter-active,.fade-slide-leave-active,.fade-enter-active,.fade-leave-active,.scale-fade-enter-active,.scale-fade-leave-active,.slide-left-enter-active,.slide-left-leave-active,.transition-all,.transition-colors,.transition-transform,.transition-opacity,.hover-lift,.hover-scale,.hover-glow{transition:none!important}.animate-fade-in,.animate-fade-in-up,.animate-fade-in-down,.animate-slide-in-right,.animate-scale-in,.animate-pulse,.animate-ping,.animate-spin,.animate-bounce,.shimmer{animation:none!important}}
