:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1220;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:#0b1220;min-height:100vh}button,input{font:inherit}button{font-weight:600}.page-shell{color:#0f172a;background:linear-gradient(135deg,#edf2ff 0%,#dfeafc 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.theme-dark{color:#e2e8f0;background:linear-gradient(135deg,#0a1220 0%,#101b2d 100%)}.theme-light{color:#0f172a;background:linear-gradient(135deg,#edf2ff 0%,#dfeafc 100%)}.theme-light.dashboard-page{background:#e9f0fb}.login-page{background:radial-gradient(circle at top,#ff990026,#0000 35%),linear-gradient(135deg,#edf2ff 0%,#dfeafc 100%)}.theme-dark .login-page{background:radial-gradient(circle at top,#ff990026,#0000 35%),linear-gradient(135deg,#0a1220 0%,#101b2d 100%)}.theme-light .login-panel,.theme-light .sidebar,.theme-light .metric-card,.theme-light .panel-list,.theme-light .config-panel,.theme-light .list-row,.theme-light .content-row,.theme-light .scope-box,.theme-light .nav-item,.theme-light .demo-box,.theme-light .create-user-form input,.theme-light .create-user-form select,.theme-light .login-form input{color:#0f172a;background:#ffffffd1;border-color:#3b82f629}.theme-light .login-panel,.theme-light .sidebar,.theme-light .metric-card,.theme-light .panel-list,.theme-light .config-panel{box-shadow:0 18px 50px #0f172a14}.theme-light .brand-mark{box-shadow:0 8px 22px #f903}.theme-light .eyebrow,.theme-light .scope-role,.theme-light .metric-card em,.theme-light .nav-item.active,.theme-light .status-pill,.theme-light .helper-text{color:#1d4ed8}.theme-light .nav-item{color:#0f172a;background:#94a3b814}.theme-light .nav-item.active{background:#3b82f61f;border-color:#3b82f633}.theme-light .primary-btn{color:#111827;background:linear-gradient(135deg,#f59e0b,#fbbf24)}.theme-light .secondary-btn,.theme-light .logout-btn{color:#0f172a;background:#e2e8f0}.theme-light .status-pill{color:#166534;background:#dcfce7;border-color:#86efac}.theme-light .user-table-wrap table,.theme-light .status-wrap{color:#0f172a}.theme-light .status-dot.online{background:#16a34a}.theme-light .status-dot.maintenance{background:#d97706}.theme-light .login-form input::placeholder,.theme-light .create-user-form input::placeholder,.theme-light .create-user-form select,.theme-light .action-form input::placeholder,.theme-light .search-field input::placeholder{color:#475569}.theme-light .user-table-wrap th,.theme-light .user-table-wrap td,.theme-light .list-row,.theme-light .content-row,.theme-light .rows,.theme-light .demo-box,.theme-light .metric-card,.theme-light .panel-list,.theme-light .config-panel,.theme-light .sidebar{border-color:#94a3b833}.theme-light .login-panel{background:#ffffffd1;border:1px solid #94a3b840}.theme-light .login-panel h1,.theme-light .dashboard-main h1,.theme-light .sidebar h2,.theme-light .panel-head h3,.theme-light .user-table-wrap h3,.theme-light .metric-card strong,.theme-light .list-row strong,.theme-light .content-row strong,.theme-light .scope-box strong,.theme-light .login-panel label,.theme-light .create-user-form label,.theme-light .user-box,.theme-light .dashboard-main,.theme-light .row-meta,.theme-light .demo-box,.theme-light .login-footer,.theme-light .nav-item,.theme-light .user-box span,.theme-light .demo-box ul,.theme-light .list-row small,.theme-light .content-row small{color:#0f172a}.theme-dark .login-panel,.theme-dark .sidebar,.theme-dark .metric-card,.theme-dark .panel-list,.theme-dark .config-panel,.theme-dark .list-row,.theme-dark .content-row,.theme-dark .scope-box,.theme-dark .nav-item,.theme-dark .demo-box,.theme-dark .theme-toggle button,.theme-dark .login-form input,.theme-dark .create-user-form input,.theme-dark .create-user-form select{color:#f8fafc;background:#0f172adb}.theme-dark .theme-toggle button.active,.theme-light .theme-toggle button.active{color:#111827;background:linear-gradient(135deg,#f90,#ffb347)}.theme-switcher{color:inherit;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.theme-switcher.compact{margin-top:0}.theme-toggle{background:#94a3b81f;border:1px solid #94a3b82e;border-radius:999px;gap:6px;padding:4px;display:inline-flex}.theme-toggle button{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:999px;padding:8px 12px}.theme-toggle button.active{font-weight:700}.password-field{gap:8px;display:flex}.password-field input{flex:1;min-width:0}.password-toggle,.text-btn{color:#2563eb;cursor:pointer;font:inherit;background:0 0;border:none;font-size:.88rem}.password-toggle{border:1px solid #94a3b852;border-radius:10px;padding:0 10px}.theme-dark .password-toggle,.theme-dark .text-btn{color:#93c5fd}.theme-light .login-form input,.theme-light .create-user-form input,.theme-light .create-user-form select{color:#0f172a;background:#fffc}.wide-panel{width:min(100%,980px)}.action-form{background:#94a3b80f;border:1px solid #94a3b838;border-radius:12px;flex-direction:column;gap:16px;margin:18px 0;padding:18px;display:flex}.player-download{background:#2563eb0f;border:1px solid #2563eb40;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:16px;margin:0 0 24px;padding:18px;display:grid}.player-download h3,.player-download p{margin:0}.player-download p{color:#475569;margin-top:6px}.player-download .success-box,.player-download .error-box{grid-column:1/-1;margin:0}.action-form h3{margin:0}.action-form label,.search-field{color:inherit;flex-direction:column;gap:8px;font-size:.9rem;display:flex}.action-form input,.action-form select,.search-field input{width:100%;color:inherit;font:inherit;background:0 0;border:1px solid #94a3b852;border-radius:10px;padding:11px 12px}select option,.action-form select option,.create-user-form select option,.field-grid select option{color:#f8fafc;background-color:#0f172a}.theme-light .action-form{background:#fff9}.theme-light .action-form input,.theme-light .action-form select,.theme-light .search-field input{color:#0f172a;background:#fff}.theme-light select option,.theme-light .action-form select option,.theme-light .create-user-form select option,.theme-light .field-grid select option{color:#0f172a;background-color:#fff}.search-field{max-width:560px;margin-bottom:18px}.action-buttons{flex-wrap:wrap;gap:10px;display:flex}.player-setup{color:inherit;background:#2563eb14;border:1px solid #2563eb59;border-radius:12px;margin:18px 0;padding:18px}.player-setup p{margin:0 0 14px}.player-setup dl{gap:10px;margin:0 0 14px;display:grid}.player-setup dl div{grid-template-columns:130px minmax(0,1fr);gap:12px;display:grid}.player-setup dt{color:#1d4ed8;font-weight:700}.player-setup dd{overflow-wrap:anywhere;margin:0}.player-setup details{margin-top:14px}.player-setup summary{cursor:pointer;color:#1d4ed8;font-weight:700}.player-setup pre{color:#f8fafc;white-space:pre-wrap;overflow-wrap:anywhere;background:#0f172a;border-radius:8px;max-height:240px;margin:12px 0 0;padding:12px;font-size:.78rem;overflow:auto}.active-assigned-tag{color:#2563eb;background:#2563eb14;border-radius:6px;margin-top:4px;padding:3px 8px;font-size:.8rem;display:inline-block}.theme-dark .active-assigned-tag{color:#93c5fd;background:#93c5fd1f}.danger-btn-sm{color:#ef4444;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;padding:4px 10px;font-size:.82rem;font-weight:600}.danger-btn-sm:hover{background:#ef444438}.success-box{color:#86efac;background:#22c55e1a;border:1px solid #22c55e59;border-radius:10px;margin:0 0 16px;padding:10px 12px}.sub-nav-tabs{border-bottom:1px solid #94a3b833;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding-bottom:12px;display:flex}.sub-tab{color:inherit;cursor:pointer;background:#94a3b81a;border:1px solid #94a3b833;border-radius:10px;padding:9px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.sub-tab:hover{background:#3b82f626}.sub-tab.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.drag-drop-zone{text-align:center;cursor:pointer;background:#3b82f60a;border:2px dashed #3b82f666;border-radius:12px;margin-bottom:16px;padding:24px 18px;transition:all .2s}.drag-drop-zone:hover,.drag-drop-zone.has-file{background:#3b82f617;border-color:#2563eb}.dropzone-placeholder{flex-direction:column;align-items:center;gap:6px;display:flex}.upload-cloud-icon{margin-bottom:4px;font-size:2.2rem}.dropzone-placeholder strong{color:inherit;font-size:1rem}.dropzone-placeholder span{opacity:.8;font-size:.88rem}.dropzone-placeholder small{color:#64748b;margin-top:4px;font-size:.76rem}.dropzone-file-info{text-align:left;align-items:center;gap:12px;display:flex}.dropzone-file-info .file-icon{font-size:1.8rem}.upload-progress-bar{background:#94a3b833;border-radius:999px;justify-content:center;align-items:center;height:22px;margin-top:10px;display:flex;position:relative;overflow:hidden}.progress-fill{background:#2563eb;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.upload-progress-bar span{color:#fff;z-index:1;font-size:.78rem;font-weight:700;position:relative}.theme-light .success-box{color:#166534}.helper-text{color:#64748b;margin:0;font-size:.82rem}.status-wrap{text-transform:capitalize;color:inherit;align-items:center;gap:8px;display:inline-flex}.monitor-status{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-width:90px;padding:7px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.monitor-status.online{color:#22c55e;background:#22c55e1f}.monitor-status.maintenance{color:#f59e0b;background:#f59e0b1f}@media (width<=860px){.dashboard-page{flex-direction:column}.sidebar{width:100%;min-height:auto}.metric-grid,.content-grid,.field-grid,.content-row,.list-row{grid-template-columns:1fr}.panel-head,.theme-switcher{flex-direction:column;align-items:flex-start}.player-setup dl div{grid-template-columns:1fr;gap:3px}.player-download{grid-template-columns:1fr}}.login-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172adb;border:1px solid #94a3b840;border-radius:24px;width:min(100%,480px);padding:32px;box-shadow:0 24px 80px #0f172a99}.brand-block{align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand-mark{color:#111827;background:linear-gradient(135deg,#f90,#ffb347);border-radius:16px;place-items:center;width:54px;height:54px;font-size:1.2rem;font-weight:800;display:grid}.brand-mark.small{width:42px;height:42px;font-size:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#ffb347;margin:0 0 4px;font-size:.72rem}.login-panel h1,.dashboard-main h1,.sidebar h2,.panel-head h3,.user-table-wrap h3{color:#f8fafc;margin:0}.login-form,.create-user-form{flex-direction:column;gap:18px;display:flex}.login-form label,.create-user-form label{color:#cbd5e1;flex-direction:column;gap:8px;font-size:.9rem;display:flex}.login-form input,.create-user-form input,.create-user-form select{color:#f8fafc;background:#0f172ab3;border:1px solid #94a3b84d;border-radius:12px;padding:12px 14px;font-size:1rem}.login-form input:focus,.create-user-form input:focus,.create-user-form select:focus{border-color:#0000;outline:2px solid #f90c}.primary-btn,.secondary-btn,.logout-btn,.nav-item{cursor:pointer;border:none;border-radius:12px;transition:transform .2s,opacity .2s}.primary-btn{color:#111827;background:linear-gradient(135deg,#f90,#ffb347);margin-top:6px;padding:14px 18px;font-weight:700}.primary-btn:hover,.secondary-btn:hover,.logout-btn:hover,.nav-item:hover{transform:translateY(-1px)}.error-box{color:#fecaca;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;padding:10px 12px;font-size:.9rem}.login-footer{color:#cbd5e1;justify-content:space-between;align-items:center;margin-top:22px;font-size:.9rem;display:flex}.secondary-btn,.logout-btn{color:#e2e8f0;background:#94a3b81f;padding:8px 12px}.demo-box{color:#cbd5e1;border-top:1px solid #94a3b833;margin-top:24px;padding-top:18px}.demo-box ul{gap:6px;margin:8px 0 0;padding-left:18px;display:grid}.dashboard-page{background:#0b1220;justify-content:stretch;padding:0}.sidebar{background:#0f172ae6;border-right:1px solid #94a3b82e;flex-direction:column;gap:18px;width:260px;min-height:100vh;padding:22px 18px;display:flex}.sidebar-header{align-items:center;gap:12px;display:flex}.scope-box{color:#f8fafc;background:#ff990014;border:1px solid #ff990040;border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.scope-role{color:#ffb347;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.nav-menu{flex-direction:column;gap:8px;margin-top:8px;display:flex}.nav-item{text-align:left;color:#e2e8f0;background:#94a3b80f;padding:12px 14px}.nav-item.active{color:#fff3d0;background:#ff990026;border:1px solid #ff99004d}.user-box{color:#cbd5e1;border-top:1px solid #94a3b82e;flex-direction:column;gap:10px;margin-top:auto;padding-top:18px;display:flex}.dashboard-main{flex-direction:column;flex:1;gap:24px;padding:28px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.status-pill{color:#bbf7d0;background:#22c55e1f;border:1px solid #22c55e59;border-radius:999px;padding:8px 12px;font-size:.8rem}.metric-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:18px;display:grid}.metric-card,.panel-list,.config-panel{background:#0f172ae6;border:1px solid #94a3b82e;border-radius:18px;padding:18px 20px}.metric-card{color:#cbd5e1;flex-direction:column;gap:10px;display:flex}.metric-card strong{color:#f8fafc;font-size:clamp(1.8rem,2vw,2.4rem)}.metric-card em{color:#9ae6b4;font-style:normal}.content-grid{grid-template-columns:1.2fr .8fr;gap:20px;display:grid}.panel-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.field-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:16px;display:grid}.user-table-wrap{margin-top:24px}.user-table-wrap table{border-collapse:collapse;color:#e2e8f0;width:100%;margin-top:14px}.user-table-wrap th,.user-table-wrap td{text-align:left;border-bottom:1px solid #94a3b824;padding:12px 10px}.rows{flex-direction:column;gap:12px;display:flex}.list-row,.content-row{color:#e2e8f0;background:#94a3b80d;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:14px 12px;display:grid}.content-row{grid-template-columns:1fr auto}.list-row strong,.content-row strong{color:#f8fafc;display:block}.list-row small,.content-row small{color:#94a3b8;margin-top:4px;display:block}.status-wrap{text-transform:capitalize;align-items:center;gap:8px;display:inline-flex}.status-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.status-dot.online{background:#22c55e}.status-dot.maintenance{background:#f59e0b}.row-meta{color:#cbd5e1;font-size:.85rem}@media (width<=860px){.dashboard-page{flex-direction:column}.sidebar{border-bottom:1px solid #94a3b82e;border-right:none;width:100%;min-height:auto}.nav-menu{flex-flow:wrap;gap:6px}.nav-item{text-align:center;flex:calc(33.33% - 6px);min-width:90px;padding:8px 10px;font-size:.85rem}.dashboard-main{padding:16px}.metric-grid,.content-grid,.field-grid,.modes-grid{grid-template-columns:1fr!important}.content-row,.list-row{gap:10px;grid-template-columns:1fr!important}.sub-nav-tabs{flex-direction:column}.sub-tab{text-align:center;width:100%}.topbar{flex-direction:column;align-items:flex-start;gap:8px}.action-buttons{width:100%}.action-buttons button{flex:1}}