:root{--bg: #1a1424;--surface: #241b31;--surface-2: #2e2340;--line: #3a2d4d;--text: #f1eaf7;--muted: #a596ba;--gold: #e8b44a;--gold-dim: #8a6a2a;--rose: #f06b7e;--teal: #4fd1a5;--focus: #c9a6ff;--radius: 10px;--font-body: "Noto Sans Armenian", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--font-display: "Noto Sans Armenian", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--e1: 0 1px 2px rgba(0,0,0,.28);--e2: 0 4px 12px rgba(0,0,0,.34);--e3: 0 12px 32px rgba(0,0,0,.44);--t-fast: .12s;--t: .18s;--t-slow: .26s;--ease: cubic-bezier(.2, .7, .3, 1);--skeleton-sheen: rgba(255,255,255,.06);--on-gold: #1a1424;--gold-strong: var(--gold);--accent: var(--teal);--on-accent: #1a1424;--glass: rgba(36, 27, 49, .74);--glass-brd: rgba(255, 255, 255, .09);--glass-hi: rgba(255, 255, 255, .07);--blur: 16px;--blob: 44%}:root[data-theme=light]{--bg: #f5f2fa;--surface: #ffffff;--surface-2: #f1ecf8;--line: #e2d9ee;--text: #241a30;--muted: #6f6280;--gold: #a8711d;--gold-dim: #cfa858;--rose: #c2185b;--teal: #0097a7;--focus: #7c3aed;--e1: 0 1px 2px rgba(36,26,48,.06);--e2: 0 4px 14px rgba(36,26,48,.09);--e3: 0 12px 32px rgba(36,26,48,.14);--skeleton-sheen: rgba(36,26,48,.05);--on-gold: #ffffff;--gold-strong: #9c6519;--accent: #00808e;--on-accent: #ffffff;--glass: rgba(255, 255, 255, .78);--glass-brd: rgba(255, 255, 255, .85);--glass-hi: rgba(255, 255, 255, .95);--blob: 30%}*{box-sizing:border-box}html,body{margin:0;height:100%}body{color:var(--text);font:14px/1.45 var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(46vw 46vw at 8% 2%,color-mix(in oklab,var(--focus) var(--blob),transparent),transparent 60%),radial-gradient(40vw 40vw at 95% 8%,color-mix(in oklab,var(--teal) var(--blob),transparent),transparent 60%),radial-gradient(48vw 48vw at 82% 96%,color-mix(in oklab,var(--gold) var(--blob),transparent),transparent 60%),radial-gradient(36vw 36vw at 2% 92%,color-mix(in oklab,var(--rose) var(--blob),transparent),transparent 60%),var(--bg);background-attachment:fixed}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}body,.card,.topbar,.aside,.btn,input,select,textarea{transition:background-color var(--t) var(--ease),border-color var(--t) var(--ease),color var(--t) var(--ease)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px;border:2px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:var(--muted)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(1.35);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.35);border-bottom:1px solid var(--glass-brd);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.2px}.brand b{color:var(--rose);font-weight:700}.topbar-actions{display:flex;align-items:center;gap:8px}.lastlogin{display:none;white-space:nowrap}.lang{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:4px 9px;font-size:12px;color:var(--muted);cursor:pointer;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.lang:hover{color:var(--text);border-color:var(--muted)}.lang.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.tabbar{display:flex;background:var(--glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-bottom:1px solid var(--glass-brd);overflow-x:auto}.portal-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;background:var(--glass);border-bottom:1px solid var(--glass-brd);flex-wrap:wrap}.portal-tools>*{min-width:0;max-width:100%}.period-picker{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.period-chip{width:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);font-size:11px;cursor:pointer}.period-chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.period-custom{display:flex;align-items:center;gap:5px;flex-wrap:wrap;width:100%}.period-custom input{width:auto;padding:5px 8px;font-size:11px}.period-custom .btn{padding:5px 9px;font-size:11px}.refresh-bar{display:flex;align-items:center;gap:8px;font-size:11px;margin-left:auto}.refresh-bar .btn{padding:5px 9px;font-size:11px;white-space:nowrap}.spinner{display:inline-block;width:11px;height:11px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px;margin-right:4px}@keyframes spin{to{transform:rotate(360deg)}}.tab{flex:1 0 auto;text-align:center;padding:10px 14px;color:var(--muted);font-size:13px;white-space:nowrap;border-bottom:2px solid transparent;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}.tab:hover{color:var(--text);background:var(--surface-2)}.tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.main{flex:1;padding:16px 16px 90px;min-width:0;max-width:720px;width:100%;margin:0 auto}.main.wide{max-width:1440px}h1{font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:-.3px;margin:0 0 14px}h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:22px 0 10px;font-weight:600}.card{background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(1.35);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.35);border:1px solid var(--glass-brd);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;box-shadow:var(--e1),inset 0 1px 0 var(--glass-hi)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.kpi{transition:box-shadow var(--t) var(--ease),border-color var(--t) var(--ease)}.kpi:hover{box-shadow:var(--e2);border-color:var(--gold-dim)}.kpi .label{color:var(--muted);font-size:11px}.kpi .value{font-family:var(--font-mono);font-size:19px;font-weight:500;margin-top:3px;font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:500;font-size:11px}td.num,th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}td.mono{font-family:var(--font-mono)}tr{transition:background-color var(--t-fast) var(--ease)}tbody tr:hover td,table tr:hover td{background:var(--surface-2)}tr:last-child td{border-bottom:none}.card:has(table){overflow-x:auto}.card:has(table) th:first-child,.card:has(table) td:first-child{position:sticky;left:0;background:var(--surface);z-index:1}.progress{height:6px;min-width:90px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--teal);border-radius:inherit}.drawer-backdrop{position:fixed;inset:0;background:#00000080;z-index:40}.drawer{position:fixed;right:0;top:0;bottom:0;z-index:41;width:min(92vw,620px);background:var(--bg);border-left:1px solid var(--line);box-shadow:var(--e3);padding:18px;overflow:auto}.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;background:var(--surface-2);color:var(--muted);font-weight:500}.pill.active{background:color-mix(in oklab,var(--teal) 16%,transparent);color:var(--teal)}.pill.sleeping{background:color-mix(in oklab,var(--gold) 16%,transparent);color:var(--gold)}.pill.gone{background:color-mix(in oklab,var(--rose) 14%,transparent);color:var(--rose)}.pill.qualified{background:color-mix(in oklab,var(--teal) 16%,transparent);color:var(--teal)}.muted{color:var(--muted)}.neg{color:var(--rose)}.pos{color:var(--teal)}.btn{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:9px 14px;cursor:pointer;font-size:14px;transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.btn:hover:not(:disabled){border-color:var(--muted);box-shadow:var(--e1)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.btn.primary:hover:not(:disabled){background:color-mix(in oklab,var(--accent) 88%,var(--text));border-color:color-mix(in oklab,var(--accent) 88%,var(--text))}.btn.block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:9px 10px;width:100%;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}input,select,textarea{min-width:0}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--focus) 22%,transparent)}input::placeholder{color:var(--muted)}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px}.copyline{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-top:6px;transition:border-color var(--t-fast) var(--ease)}.copyline:hover{border-color:var(--muted)}.copyline code{flex:1;overflow-x:auto;font-family:var(--font-mono);font-size:12px;white-space:nowrap}.empty{padding:32px;text-align:center;color:var(--muted)}.sk{background:var(--surface-2);border-radius:6px;position:relative;overflow:hidden}.sk:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--skeleton-sheen),transparent);animation:sk-sheen 1.4s ease-in-out infinite}@keyframes sk-sheen{to{transform:translate(100%)}}.sk.text{height:12px;margin:6px 0}.sk.line{height:1em}.sk.title{height:20px;width:40%}.toast-host{position:fixed;right:16px;bottom:16px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;min-width:220px;max-width:380px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:8px;box-shadow:var(--e3);padding:10px 14px;font-size:13px;display:flex;align-items:flex-start;gap:10px;animation:toast-in var(--t-slow) var(--ease)}.toast.ok{border-left-color:var(--teal)}.toast.err{border-left-color:var(--rose)}.toast .x{margin-left:auto;cursor:pointer;color:var(--muted);background:none;border:none;padding:0 2px;line-height:1;width:auto}.toast .x:hover{color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media (max-width: 639px){.toast-host{left:12px;right:12px;bottom:12px}.toast{max-width:none}.portal-tools{padding:7px 10px}.topbar{flex-wrap:wrap}.topbar-actions{flex-wrap:wrap;gap:5px}app-period-picker,app-refresh-bar{width:100%}.period-picker{width:100%;overflow-x:auto;flex-wrap:nowrap}.period-chip{flex:0 0 auto}.refresh-bar{width:100%;justify-content:space-between;margin-left:0}.refresh-bar{flex-wrap:wrap}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 640px){.main{padding:20px 24px 40px}.tabbar{justify-content:center}.tab{flex:0 1 auto;padding:12px 20px}.lastlogin{display:block}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}app-root{display:block;min-width:0}.shell,.ashell,.main,.amain,.card,.kpis,.chart-row{min-width:0}.main>*,.amain>*{min-width:0;max-width:100%}router-outlet+*{display:block;min-width:0;max-width:100%}.card{max-width:100%}.card:has(table){overscroll-behavior-x:contain}img,canvas{max-width:100%}@media (max-width: 960px){.shell,.ashell{min-height:100svh}.main,.amain{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(40px,env(safe-area-inset-bottom))}h1,h2,.brand,.kpi .label,.kpi .delta{overflow-wrap:anywhere}h1{display:flex;flex-wrap:wrap;gap:10px;align-items:center}h1 select{margin-left:0!important;max-width:100%}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{padding:12px}.kpi .value{font-size:clamp(17px,4.8vw,22px);overflow-wrap:anywhere}.filters,.pager,.refresh-bar,.topbar-actions{flex-wrap:wrap}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;min-width:0!important;max-width:100%;min-height:44px}button,.btn,.lang,.tab,.nav a,.anav a{min-height:44px}button{touch-action:manipulation;min-width:44px}.filters>input,.filters>select{flex:1 1 140px}.login-wrap{min-height:100svh!important;padding:24px max(16px,env(safe-area-inset-left))!important}.login-card{width:100%!important;max-width:320px!important}.toast-host{bottom:max(12px,env(safe-area-inset-bottom))}.toast{min-width:0;overflow-wrap:anywhere}.drawer{width:100%;max-width:620px;padding-bottom:max(20px,env(safe-area-inset-bottom))}}@media (max-width:600px){.exports{display:flex!important;flex-wrap:wrap}.exports>:first-child{flex:1 1 100%;min-width:0}.exports .btn{flex:1 1 auto}.split{grid-template-columns:minmax(0,1fr)!important}}
