:root{--bg:#f3f1ec;--card:#fff;--tx:#101828;--mu:#5b6475;--bd:#e3dfd6;--ac:#ff5a1f;--acx:#140a04;--in:#f3f1ec;--er:#c81e1e;--ok:#0f8a4b;--am:#b45309;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0b1220;--card:#131c2e;--tx:#f4f1ea;--mu:#93a0b8;--bd:#243049;--ac:#ff6a2b;--in:#0b1220;--er:#ff7b7b;--ok:#4ade80;--am:#fbbf24;}}
:root[data-theme="dark"]{--bg:#0b1220;--card:#131c2e;--tx:#f4f1ea;--mu:#93a0b8;--bd:#243049;--ac:#ff6a2b;--in:#0b1220;--er:#ff7b7b;--ok:#4ade80;--am:#fbbf24;}
*,*::before,*::after{box-sizing:inherit}
html{height:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.5 Barlow,system-ui,sans-serif;min-height:100%}
h1,h2,h3,.big{font-family:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;font-weight:800;letter-spacing:.01em;margin:0;line-height:1}
.wrap{max-width:1000px;margin:0 auto;padding:16px}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 16px}
.logo{font:800 26px "Barlow Condensed",Impact,sans-serif}
.logo b{color:var(--ac)}
.card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:20px;margin-bottom:16px}
.grid{display:grid;gap:16px}
@media(min-width:760px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:2fr 1fr}}
label{display:block;font-size:14px;color:var(--mu);margin:10px 0 4px}
input,select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--bd);background:var(--in);color:var(--tx);font:inherit}
input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
.btn{display:inline-block;border:0;border-radius:10px;padding:11px 18px;font:700 16px Barlow,sans-serif;background:var(--ac);color:var(--acx);cursor:pointer;text-decoration:none;text-align:center}
.btn.ghost{background:transparent;color:var(--tx);border:1px solid var(--bd)}
.btn.sm{padding:6px 12px;font-size:14px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mu{color:var(--mu)}.er{color:var(--er)}.ok{color:var(--ok)}
.tabs{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto}
.tabs button{border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:999px;padding:8px 16px;font:600 15px Barlow,sans-serif;cursor:pointer;white-space:nowrap}
.tabs button[aria-pressed="true"]{background:var(--ac);color:var(--acx);border-color:var(--ac)}
.scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--bd);white-space:nowrap}
th{color:var(--mu);font-weight:500;font-size:14px}
.code{font:800 clamp(44px,12vw,72px)/1 "Barlow Condensed",Impact,sans-serif;letter-spacing:.06em;color:var(--ac);border:2px dashed var(--ac);border-radius:14px;padding:18px 8px;text-align:center;margin:14px 0;word-break:break-all}
.hero{background:var(--ac);color:var(--acx);border-radius:20px;padding:28px 22px;margin-bottom:16px}
.hero h1{font-size:clamp(34px,8vw,60px)}
.hero p{margin:10px 0 0;font-weight:500}
.pct{font:800 clamp(80px,22vw,128px)/.9 "Barlow Condensed",Impact,sans-serif}
.bar{height:12px;border-radius:99px;background:var(--in);border:1px solid var(--bd);overflow:hidden;margin-top:14px}
.bar i{display:block;height:100%;background:var(--ac);transition:width .6s}
.note{border-left:4px solid var(--ok);background:var(--in);padding:12px 14px;border-radius:8px;margin-bottom:16px}
.avatar{width:42px;height:42px;border-radius:50%;background:var(--ac);color:var(--acx);display:flex;align-items:center;justify-content:center;font:800 20px "Barlow Condensed",sans-serif;flex:none}
.li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bd)}
.li:last-child{border:0}
.tag{margin-left:auto;font-weight:700;color:var(--ac)}
.badge{display:inline-block;min-width:32px;text-align:center;padding:3px 10px;border-radius:99px;font-weight:700;background:var(--in);color:var(--mu);border:1px solid var(--bd)}
.badge.on{background:var(--ac);color:var(--acx);border-color:var(--ac)}
.pwd{font:600 15px ui-monospace,Menlo,monospace;background:var(--in);border:1px solid var(--bd);border-radius:8px;padding:3px 8px;color:var(--ac)}
.btn.ghost.er{color:var(--er)}
.lnk{background:none;border:0;color:var(--ac);font:700 14px Barlow,sans-serif;cursor:pointer;padding:0}
.lnk:hover{text-decoration:underline}
.btn:disabled{opacity:.5;cursor:not-allowed}
.tr{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin-bottom:8px}
.chip{display:inline-block;border:1px solid var(--bd);border-radius:10px;padding:8px 12px;margin:0 8px 8px 0;font-size:14px}
.chip.on{background:var(--ac);color:var(--acx);border-color:var(--ac);font-weight:700}
.ib{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--bd);background:transparent;color:var(--tx);border-radius:10px;padding:8px;cursor:pointer;font:600 14px Barlow,sans-serif}
.ib:hover{background:var(--in)}
.ib.view{border-color:var(--ac);color:var(--ac);padding:8px 12px;font-weight:700}
.ib.del{color:var(--er)}
.ib:disabled{opacity:.3;cursor:not-allowed}
.chev svg{transition:transform .2s}.chev.open svg{transform:rotate(180deg)}
tbody.op{background:var(--in)}
.sk{height:42px;border-radius:10px;background:var(--bd);margin:8px 0;animation:pl 1.1s ease-in-out infinite}
@keyframes pl{50%{opacity:.4}}
@media (prefers-reduced-motion:reduce){.sk{animation:none}}
.badge.pend{background:rgba(245,158,11,.15);color:var(--am);border-color:rgba(245,158,11,.5)}
.badge.dot::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px}
.sub{border:1px solid var(--bd);border-radius:14px;padding:12px;background:var(--card)}
.impbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:#ff8a3d;color:#140a04;font-weight:700;padding:10px 16px;margin:-16px -16px 14px}
.impbar .btn{background:#140a04;color:#fff}
.ov{position:fixed;inset:0;z-index:100;background:rgba(2,6,23,.72);display:flex;align-items:center;justify-content:center;padding:16px}
.dlg{width:100%;max-width:440px;background:var(--card);color:var(--tx);border:1px solid var(--bd);border-radius:20px;padding:24px;max-height:90vh;overflow-y:auto}
.dlg h2{font-size:30px}
.mi{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 24px "Barlow Condensed",sans-serif;margin-bottom:12px}
.mi.warn{background:rgba(245,158,11,.18);color:var(--am)}
.mi.okk{background:rgba(34,197,94,.2);color:var(--ok)}
.mb{margin-top:8px;color:var(--mu)}.mb b{color:var(--tx)}
.pwdbox{display:flex;gap:10px;align-items:center;justify-content:space-between;border:2px dashed var(--ac);border-radius:12px;padding:12px 14px;margin-top:8px}
.pwdbox code{font:700 22px ui-monospace,Menlo,monospace;color:var(--ac);word-break:break-all}
.btn.danger{background:var(--er);color:var(--bg)}
.tight th,.tight td{padding:10px 6px}.tight td:nth-child(2){white-space:normal;min-width:90px}
.badge.prog{background:rgba(59,130,246,.14);color:#3b82f6;border-color:rgba(59,130,246,.45)}
.kpihead{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}
.kpihead b{font:800 22px "Barlow Condensed",Impact,sans-serif;letter-spacing:.01em}
.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));margin-bottom:18px}
.kpi{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:16px}
.kpi small{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mu)}
.kpi .ico{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,106,43,.14);color:var(--ac);flex:none}
.kpi.ok .ico{background:rgba(74,222,128,.14);color:var(--ok)}.kpi.warn .ico{background:rgba(251,191,36,.16);color:var(--am)}.kpi.bad .ico{background:rgba(244,63,94,.14);color:var(--er)}
.kpi .v{font:800 40px/1 "Barlow Condensed",Impact,sans-serif;margin:10px 0 4px}
.kpi .s{font-size:13px;color:var(--mu)}
.kpi .bar{display:flex;height:6px;border-radius:99px;background:var(--in);overflow:hidden;margin-top:10px}
.kpi .bar i{display:block;height:100%}
.kpi .duo{display:flex;gap:20px;margin:10px 0 4px}
.kpi .duo b{display:block;font:800 36px/1 "Barlow Condensed",Impact,sans-serif}
.kpi .duo span{font-size:12px;color:var(--mu)}
.kpi .names{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:8px;font-size:13px}
.badge.canc{background:rgba(244,63,94,.12);color:var(--er);border-color:rgba(244,63,94,.4)}
.login{max-width:380px;margin:8vh auto 0}
.login h1{font-size:44px;margin:6px 0 14px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}