:root{--bg: #070710;--sidebar: rgba(10, 10, 22, .98);--topbar: rgba(7, 7, 16, .88);--surface: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .07);--surface-3: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--text: rgba(255, 255, 255, .78);--text-strong: #ffffff;--text-muted: rgba(255, 255, 255, .5);--text-subtle: rgba(255, 255, 255, .32);--brand: #5d5fef;--brand-strong: #5d5fef;--brand-2: #7c3aed;--brand-tint: rgba(93, 95, 239, .16);--brand-text: #c4c6ff;--success: #4ade80;--success-tint: rgba(74, 222, 128, .12);--warning: #fbbf24;--warning-tint: rgba(251, 191, 36, .12);--danger: #f87171;--danger-tint: rgba(248, 113, 113, .12);--neutral-tint: rgba(255, 255, 255, .07);--input-bg: rgba(255, 255, 255, .04);--body-gradient: linear-gradient(180deg, rgba(93, 95, 239, .1) 0%, rgba(93, 95, 239, 0) 360px), linear-gradient(135deg, #070710 0%, #0b0b16 50%, #0d0d1c 100%);--radius: 8px;--shadow: 0 18px 42px rgba(0, 0, 0, .22)}:root[data-theme=light]{--bg: #f6f7fb;--sidebar: #ffffff;--topbar: rgba(255, 255, 255, .9);--surface: #ffffff;--surface-2: #f1f3f9;--surface-3: #e8ebf5;--border: #dfe3ee;--border-strong: #c6ccda;--text: #344054;--text-strong: #111827;--text-muted: #667085;--text-subtle: #98a2b3;--brand: #5d5fef;--brand-strong: #4f46e5;--brand-2: #7c3aed;--brand-tint: rgba(93, 95, 239, .12);--brand-text: #3730a3;--success: #16a34a;--success-tint: rgba(22, 163, 74, .1);--warning: #b45309;--warning-tint: rgba(180, 83, 9, .11);--danger: #dc2626;--danger-tint: rgba(220, 38, 38, .1);--neutral-tint: rgba(100, 116, 139, .1);--input-bg: #ffffff;--body-gradient: linear-gradient(180deg, rgba(93, 95, 239, .08) 0%, rgba(93, 95, 239, 0) 320px), #f6f7fb;--shadow: 0 18px 42px rgba(17, 24, 39, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--body-gradient);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{color:var(--text-strong);margin:0;letter-spacing:0}button,input,select{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.shell-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid var(--border);padding:18px 14px;transition:width .18s ease}.brand-block{display:flex;align-items:center;gap:10px;height:54px;padding:0 8px;margin-bottom:18px}.shell-collapsed .brand-block{justify-content:center;padding:0}.shell-collapsed .brand-copy{display:none}.brand-block strong{display:block;color:var(--text-strong);font-size:.95rem}.brand-block span:last-child{display:block;color:var(--text-subtle);font-size:.75rem;margin-top:2px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-weight:800;font-size:.9rem;box-shadow:0 4px 14px #5d5fef59}.nav{display:grid;gap:4px}.nav a{position:relative;display:flex;align-items:center;gap:10px;min-height:38px;padding:0 11px;border-radius:7px;color:var(--text-muted);font-size:.88rem;font-weight:600}.nav a:hover{background:var(--surface-2);color:var(--text-strong)}.nav a.active{background:var(--brand-tint);color:var(--brand-text)}.nav-icon{flex:0 0 22px;width:22px;display:inline-grid;place-items:center;color:currentColor;font-size:1rem;font-weight:800}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-tip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(-4px);min-width:max-content;pointer-events:none;opacity:0;padding:7px 10px;border-radius:7px;background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text-strong);box-shadow:var(--shadow);font-size:.8rem;font-weight:700;z-index:90;transition:opacity .12s ease,transform .12s ease}.shell-collapsed .nav a{justify-content:center;padding:0}.shell-collapsed .nav-label{display:none}.shell-collapsed .nav a:hover .nav-tip,.shell-collapsed .nav a:focus-visible .nav-tip,.shell-collapsed .collapse-btn:hover .nav-tip,.shell-collapsed .collapse-btn:focus-visible .nav-tip{opacity:1;transform:translateY(-50%) translate(0)}.sidebar-footer{margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--border);display:grid;gap:10px}.sidebar-btn{width:100%;justify-content:flex-start}.collapse-btn{position:relative}.shell-collapsed .sidebar-footer{padding-inline:0}.shell-collapsed .sidebar-btn{justify-content:center;padding-inline:0}.main-shell{min-width:0}.appbar{position:sticky;top:0;z-index:30;min-height:64px;display:flex;align-items:center;gap:16px;padding:0 28px;background:var(--topbar);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand-sub{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;border:1px solid var(--border);color:var(--brand-text);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.appbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.theme-icon{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.95rem;font-weight:800}.theme-icon:hover{background:var(--surface-2);color:var(--text-strong)}.theme-icon.active{background:var(--brand-tint);border-color:#5d5fef52;color:var(--brand-text)}.profile{display:grid;gap:2px;text-align:right}.profile strong{color:var(--text-strong);font-size:.82rem}.profile span{color:var(--text-subtle);font-size:.72rem}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));font-size:.78rem;font-weight:800}.content{width:min(100%,1380px);margin:0 auto;padding:28px}.page-head{margin-bottom:22px}.page-head-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.page-head h1{font-size:1.55rem;font-weight:760}.page-head p{margin:6px 0 0;color:var(--text-muted);font-size:.92rem}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.panel,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:18px}.panel{overflow:hidden}.panel-head{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-bottom:1px solid var(--border)}.panel-head h2{font-size:.98rem;font-weight:720}.section-gap{margin-top:18px}.grid{display:grid;gap:14px}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric{min-height:124px;display:grid;align-content:start;gap:7px;padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.metric strong{color:var(--text-strong);font-size:1.75rem;line-height:1.1}.metric-label{color:var(--text-subtle);font-size:.72rem;font-weight:760;text-transform:uppercase;letter-spacing:.07em}.metric-meta{color:var(--text-muted);font-size:.8rem}.metric-success{border-color:#5d5fef4d;background:linear-gradient(180deg,var(--brand-tint),var(--surface))}.metric-warning{border-color:#f59e0b42;background:linear-gradient(180deg,rgba(245,158,11,.08),var(--surface))}.metric-danger{border-color:#fb718542;background:linear-gradient(180deg,rgba(251,113,133,.08),var(--surface))}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.dashboard-grid-wide{align-items:start}.status-list{display:grid;padding:8px 16px 12px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;border-bottom:1px solid var(--border)}.status-row:last-child{border-bottom:0}.status-row span{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted)}.status-row strong{color:var(--text-strong)}.dot{width:8px;height:8px;border-radius:50%;background:var(--text-subtle)}.dot-success{background:var(--success)}.dot-warning{background:var(--warning)}.dot-danger{background:var(--danger)}.dot-neutral{background:var(--text-subtle)}.btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text-strong);font-size:.84rem;font-weight:700;cursor:pointer}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent;color:#fff;box-shadow:0 0 22px #5d5fef47}.btn-primary:hover{background:var(--brand);border-color:var(--brand)}.btn-danger{background:var(--danger-tint);color:var(--danger);border-color:#fb718552}.btn-danger:hover{background:#fb71852e}.btn-sm{min-height:31px;padding:0 10px;font-size:.78rem}.btn-ghost{background:transparent}.field{display:grid;gap:6px}.field label{color:var(--text-muted);font-size:.78rem;font-weight:650}.input{width:100%;height:40px;padding:0 11px;border-radius:7px;border:1px solid var(--border);background:var(--input-bg);color:var(--text-strong);font-size:.88rem}.input-sm{max-width:250px;height:34px;font-size:.82rem}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-span{grid-column:1 / -1}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;border:1px solid var(--border);font-size:.72rem;font-weight:760}.badge-success{background:var(--success-tint);color:var(--success);border-color:#34d39947}.badge-warning{background:var(--warning-tint);color:var(--warning);border-color:#f59e0b4d}.badge-danger{background:var(--danger-tint);color:var(--danger);border-color:#fb71854d}.badge-neutral{background:var(--neutral-tint);color:var(--text-muted);border-color:var(--border)}table.tbl{width:100%;border-collapse:collapse}table.tbl th{height:42px;padding:0 14px;color:var(--text-subtle);background:#ffffff04;border-bottom:1px solid var(--border);text-align:left;font-size:.7rem;font-weight:780;text-transform:uppercase;letter-spacing:.06em}table.tbl td{padding:12px 14px;border-bottom:1px solid var(--border);font-size:.86rem;vertical-align:middle}table.tbl tbody tr:hover td{background:#ffffff06}table.tbl tbody tr:last-child td{border-bottom:0}table.tbl strong{color:var(--text-strong);font-weight:720}.cell-actions{text-align:right;white-space:nowrap}.muted{color:var(--text-muted)}.small{font-size:.76rem}.empty{color:var(--text-muted);text-align:center;padding:28px 16px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.toolbar .input{max-width:280px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-end{justify-content:flex-end}.spacer{flex:1}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,410px)}.auth-card .card{padding:26px}.auth-revamp{padding:28px}.login-shell{width:min(100%,980px);min-height:560px;display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.login-brand{display:grid;align-content:space-between;gap:28px;padding:34px;background:linear-gradient(135deg,#5d5fef38,#7c3aed1f),var(--surface-2);border-right:1px solid var(--border)}.login-brand-block{margin:0;padding:0;height:auto}.login-copy h1{font-size:2.4rem;line-height:1.04;max-width:460px}.login-copy p{margin:14px 0 0;max-width:460px;color:var(--text-muted);font-size:1rem;line-height:1.6}.login-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.login-stats div{min-height:76px;display:grid;align-content:center;gap:4px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.login-stats strong{color:var(--text-strong);font-size:.9rem}.login-stats span{color:var(--text-muted);font-size:.76rem}.login-panel{display:grid;align-content:center;gap:22px;padding:34px;background:var(--surface)}.login-panel-head h2{font-size:1.35rem}.login-panel-head p{margin:6px 0 0;color:var(--text-muted);font-size:.9rem}.notice{padding:11px 13px;border-radius:7px;font-size:.84rem;margin-bottom:14px}.notice-danger{background:var(--danger-tint);color:var(--danger);border:1px solid rgba(248,113,113,.28)}.notice-warning{background:var(--warning-tint);color:var(--warning);border:1px solid rgba(251,191,36,.28)}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#05050c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:24px}.modal-card{width:min(var(--modal-width),100%);max-height:min(85vh,820px);overflow:auto;padding:0}.modal-head,.modal-foot{display:flex;align-items:center;gap:10px;padding:16px 20px}.modal-head{justify-content:space-between;border-bottom:1px solid var(--border)}.modal-foot{justify-content:flex-end;border-top:1px solid var(--border);flex-wrap:wrap}.modal-body{padding:20px}.spinner{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--brand);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:grid;place-items:center;min-height:60vh}@media(max-width:1080px){.shell,.shell-collapsed{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:flex;align-items:center;gap:14px;padding:12px 16px}.brand-block{margin:0;min-width:190px}.shell-collapsed .brand-block{justify-content:flex-start;padding:0 8px}.shell-collapsed .brand-copy{display:block}.nav{display:flex;gap:6px;overflow-x:auto}.nav a{white-space:nowrap}.shell-collapsed .nav a{justify-content:flex-start;padding:0 11px}.shell-collapsed .nav-label{display:inline}.nav-tip{display:none}.sidebar-footer{margin-top:0;margin-left:auto;padding:0;border-top:0;display:flex;align-items:center}.sidebar-btn{width:auto;justify-content:center}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(min-width:1081px)and (max-width:1280px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content{padding:24px}}@media(max-width:900px){.appbar{min-height:auto;padding:12px 18px;align-items:flex-start}.appbar-right{flex-wrap:wrap;justify-content:flex-end;gap:8px}.panel-head{align-items:flex-start;flex-direction:column}.panel-head .row,.toolbar{width:100%}.panel-head .input,.toolbar .input,.input-sm{max-width:none;flex:1 1 220px}.login-shell{min-height:auto;grid-template-columns:1fr}.login-brand{border-right:0;border-bottom:1px solid var(--border)}}@media(max-width:720px){.content{padding:18px 14px}.appbar{padding:0 14px}.appbar .profile{display:none}.page-head-row{display:grid}.page-actions{justify-content:flex-start}.metrics-grid,.form-grid{grid-template-columns:1fr}.panel{overflow-x:auto}table.tbl{min-width:720px}.sidebar{align-items:flex-start;flex-direction:column}.brand-block{min-width:auto}.nav{width:100%}.sidebar-footer{width:100%;margin-left:0;padding-top:12px;border-top:1px solid var(--border);display:grid}.sidebar-btn{width:100%;justify-content:flex-start}.login-shell{grid-template-columns:1fr}.login-brand{border-right:0;border-bottom:1px solid var(--border);padding:24px}.login-copy h1{font-size:1.85rem}.login-stats{grid-template-columns:1fr}.login-panel{padding:24px}}@media(max-width:640px){.content{padding:16px 12px}.appbar{display:grid;gap:10px}.appbar-right{width:100%;margin-left:0;justify-content:flex-start}.appbar .btn{margin-left:auto}.brand-sub{width:max-content}.page-head h1{font-size:1.32rem}.page-head p{font-size:.86rem}.metrics-grid{grid-template-columns:1fr;gap:10px}.metric{min-height:auto;padding:14px}.metric strong{font-size:1.45rem}.dashboard-grid{gap:12px;margin-bottom:12px}.panel,.card{border-radius:7px}.panel{overflow:visible}table.tbl,table.tbl thead,table.tbl tbody,table.tbl tr,table.tbl th,table.tbl td{display:block;width:100%;min-width:0}table.tbl thead{display:none}table.tbl tr{padding:12px 14px;border-bottom:1px solid var(--border)}table.tbl tr:last-child{border-bottom:0}table.tbl td{padding:5px 0;border-bottom:0;white-space:normal}table.tbl td.cell-actions{text-align:left;padding-top:10px}.row-end{justify-content:flex-start}.cell-actions .row,.row-end .btn{width:100%}.cell-actions .btn{flex:1 1 130px}.toolbar,.page-actions,.panel-head .row{display:grid;grid-template-columns:1fr}.toolbar .btn,.page-actions .btn,.panel-head .btn,.toolbar .input,.panel-head .input{width:100%}.modal-backdrop{align-items:end;padding:10px}.modal-card{width:100%;max-height:calc(100vh - 20px);border-radius:10px}.modal-head,.modal-body,.modal-foot{padding:14px}.modal-foot .btn{flex:1 1 140px}.login-brand,.login-panel{padding:20px}.login-copy h1{font-size:1.62rem}}@media(max-width:460px){.sidebar{padding:10px 12px}.nav{gap:4px}.nav a{min-height:36px;font-size:.82rem}.brand-block{width:100%}.sidebar-footer{gap:8px}.theme-icon,.avatar{width:30px;height:30px}.appbar-right .btn{width:100%;margin-left:0}.login-stats{display:none}}