@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html.theme-switching *,html.theme-switching *:before,html.theme-switching *:after{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease!important}:root,[data-theme=dark]{--admin-bg: #080810;--admin-surface: #0f0f1a;--admin-surface2: #15151f;--admin-border: #252535;--admin-text: #e4e6f4;--admin-text2: #60637a;--admin-accent: #f5a623}[data-theme=light]{--admin-bg: #f0f1f8;--admin-surface: #ffffff;--admin-surface2: #eceef7;--admin-border: #d4d6e8;--admin-text: #0a0a18;--admin-text2: #6e6f88;--admin-accent: #c8780a}:root,[data-theme=dark]{--bg: #0f1117;--surface: #1a1d27;--surface2: #22263a;--surface3: #2a2f47;--text: #e8eaf2;--text2: #8b8fa8;--text3: #555870;--border: #2a2f47;--accent: #00d4aa;--accent2: #ff6b6b;--accent3: #ffd166;--accent4: #7c6af6;--radius: 10px;--radius-sm: 6px;--sidebar-width: 220px;--sidebar-collapsed: 56px;--header-height: 52px;--v-color: #00d4aa}[data-theme=light]{--bg: #f0f2fa;--surface: #ffffff;--surface2: #e8eaf6;--surface3: #dde0ef;--text: #0f1117;--text2: #4e526e;--text3: #8b8fa8;--border: #ced1e8;--accent: #00b894;--accent2: #e55555;--accent3: #e8a010;--accent4: #6c5ce7}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Figtree,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--v-color, var(--accent))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px}.card-title{font-size:11px;letter-spacing:2px;color:var(--text2);margin-bottom:12px;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.metric{background:var(--surface2);border-radius:var(--radius-sm);padding:12px;text-align:center}.metric-val{font-size:24px;font-weight:700;color:var(--v-color, var(--accent));letter-spacing:.5px;transition:color .3s ease}.metric-lbl{font-size:10px;color:var(--text2);margin-top:4px;letter-spacing:1px;text-transform:uppercase}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:800px){.grid2,.grid3,.grid4{grid-template-columns:1fr}}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:10px;letter-spacing:1px;font-weight:700;white-space:nowrap}.badge-active{background:#00d4aa22;color:var(--accent);border:1px solid rgba(0,212,170,.2666666667)}.badge-pause{background:#ffd16622;color:var(--accent3);border:1px solid rgba(255,209,102,.2666666667)}.badge-done{background:#fff1;color:var(--text2);border:1px solid var(--border)}.badge-warn{background:#ff6b6b22;color:var(--accent2);border:1px solid rgba(255,107,107,.2666666667)}.badge-queue{background:#7c6af622;color:var(--accent4);border:1px solid rgba(124,106,246,.2666666667)}.btn{padding:8px 18px;border-radius:var(--radius-sm);border:1px solid;cursor:pointer;font-family:inherit;font-size:12px;letter-spacing:1px;font-weight:700;transition:all .15s;text-decoration:none;display:inline-block}.btn-sm{padding:5px 12px;font-size:11px}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn-primary:hover{opacity:.85}.btn-danger{background:transparent;color:var(--accent2);border-color:var(--accent2)}.btn-danger:hover{background:var(--accent2);color:#000}.btn-warn{background:transparent;color:var(--accent3);border-color:var(--accent3)}.btn-warn:hover{background:var(--accent3);color:#000}.btn-ghost{background:transparent;color:var(--text2);border-color:var(--border)}.btn-ghost:hover{border-color:var(--v-color, var(--accent));color:var(--v-color, var(--accent))}.btn-purple{background:transparent;color:var(--accent4);border-color:var(--accent4)}.btn-purple:hover{background:var(--accent4);color:#000}.btn:disabled{opacity:.4;cursor:not-allowed}.input,.select,.textarea{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text);font-family:inherit;font-size:13px;width:100%}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--v-color, var(--accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--v-color, var(--accent)) 15%,transparent)}.textarea{min-height:60px;resize:vertical}.label{font-size:11px;color:var(--text2);margin-bottom:5px;letter-spacing:1px;text-transform:uppercase;display:block}.form-group{margin-bottom:12px}.divider{height:1px;background:var(--border);margin:14px 0}.empty-state{text-align:center;padding:30px 20px;color:var(--text3);font-size:12px;letter-spacing:1px}.tag{display:inline-block;padding:2px 6px;background:var(--surface3);border-radius:3px;font-size:10px;color:var(--text2);margin:2px}.pill{display:inline-block;padding:2px 8px;background:var(--surface3);border-radius:10px;font-size:10px;color:var(--text2);margin-right:4px}.mono-sm{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text3);letter-spacing:.5px}.row-flex{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.alert-box{background:#ff6b6b22;border:1px solid rgba(255,107,107,.2666666667);color:var(--accent2);padding:8px 12px;border-radius:var(--radius-sm);font-size:11px;margin-bottom:10px}.alert-box.alert-error{background:#ff6b6b22;border-color:#ff6b6b44;color:var(--accent2)}.alert-box.alert-success{background:#22c55e18;border-color:#22c55e44;color:#22c55e}.info-box{background:#7c6af622;border:1px solid rgba(124,106,246,.2666666667);color:var(--accent4);padding:8px 12px;border-radius:var(--radius-sm);font-size:11px;margin-bottom:10px}.ok-box{background:#00d4aa22;border:1px solid rgba(0,212,170,.2666666667);color:var(--accent);padding:8px 12px;border-radius:var(--radius-sm);font-size:11px;margin-bottom:10px}.mini-table{width:100%;border-collapse:collapse;font-size:11px}.mini-table th{text-align:left;color:var(--text3);padding:6px 4px;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:1px;font-weight:400;font-size:10px}.mini-table td{padding:7px 4px;border-bottom:1px solid var(--border);color:var(--text2)}.mini-table tr:last-child td{border-bottom:none}.mini-table tr.clickable{cursor:pointer}.mini-table tr.clickable:hover td{background:var(--surface2);color:var(--text)}.avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0;background:#00d4aa22;color:var(--accent)}.progress-bar{height:4px;background:var(--surface2);border-radius:2px;overflow:hidden;margin:6px 0}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.kpi-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.kpi-row:last-child{border-bottom:none}.kpi-name{color:var(--text2);font-size:12px}.kpi-val{font-weight:700;font-size:13px}.kpi-good{color:var(--accent)}.kpi-warn{color:var(--accent3)}.kpi-bad{color:var(--accent2)}.bar-row{display:grid;grid-template-columns:90px 1fr 50px;gap:10px;align-items:center;padding:5px 0}.bar-lbl{font-size:11px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:8px;background:var(--surface2);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s}.bar-val{font-size:11px;color:var(--text);text-align:right;font-weight:700}.service-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);gap:10px;flex-wrap:wrap}.service-row:last-child{border-bottom:none}.service-row.selected-row{background:#00d4aa0f;border-radius:4px;padding-inline:6px}.op-row{display:flex;align-items:center;gap:10px;padding:8px;background:var(--surface2);border-radius:var(--radius-sm);margin-bottom:6px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.page-title{font-size:14px;font-weight:700;letter-spacing:2px;color:var(--text);text-transform:uppercase}.switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}.switch input:disabled{cursor:not-allowed}.switch__track{position:absolute;inset:0;background:var(--surface3);border-radius:10px;transition:background .2s ease}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000059;transition:transform .2s ease}.switch input:checked+.switch__track{background:var(--v-color, var(--accent))}.switch input:checked+.switch__track:after{transform:translate(16px)}.switch input:disabled+.switch__track{opacity:.5}.modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto}.modal-box h3{font-size:13px;letter-spacing:2px;color:var(--text);margin-bottom:14px;text-transform:uppercase}.form-row3{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.subject-form{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:10px;margin-bottom:10px}.subject-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--border)}.subject-row:last-child{border-bottom:none}.price-panel{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;margin:4px 0 8px}.price-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--border)}.price-row:last-child{border-bottom:none}.price-svc-name{flex:1;font-size:12px;font-weight:600}.price-base{font-size:10px;color:var(--text2);white-space:nowrap}.price-input{width:100px;text-align:right;font-size:12px;padding:4px 6px 4px 18px!important}.price-sym{position:absolute;left:6px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text2);pointer-events:none}