:root{--bg:#f7faf9;--surface:#fff;--surface-2:#f0f5f4;--line:#e3ebea;--ink:#16323a;--ink-2:#52696e;--ink-3:#85989c;--teal:#10707d;--teal-deep:#0b4a53;--teal-soft:#e7f2f1;--gold:#a87b24;--gold-soft:#f7f0e1;--danger:#b7513f;--danger-soft:#fbedea;--ok:#1e7a46;--ok-soft:#e9f5ee;--shadow:0 1px 2px #16323a0d, 0 8px 24px #10707d12}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%}.login-wrap{background:radial-gradient(ellipse 700px 500px at 85% -5%, #10707d14, transparent 60%), radial-gradient(ellipse 600px 420px at -5% 108%, #a87b240f, transparent 55%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:24.5rem;box-shadow:var(--shadow);border-radius:16px;padding:2.4rem 2.2rem 2rem}.logo-block{text-align:center;margin-bottom:1.6rem}.logo-block img{width:auto;height:52px}.logo-block span{letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-top:.55rem;font-size:.7rem;font-weight:700;display:block}.login-card h1{margin-bottom:.3rem;font-size:1.22rem}.login-card p.sub{color:var(--ink-2);margin-bottom:1.4rem;font-size:.85rem}.field{margin-bottom:1rem}.field label{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.35rem;font-size:.72rem;font-weight:600;display:block}.field input,.field select,.field textarea{background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:10px;padding:.65rem .85rem}.field input:focus,.field textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #10707d1f}.btn{background:var(--teal-deep);color:#fff;border:none;border-radius:10px;padding:.62rem 1.2rem;font-size:.88rem;font-weight:600;transition:background .15s;display:inline-block}.btn:hover{background:var(--teal)}.btn.full{width:100%;padding:.75rem}.btn.ghost{background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}.btn.ghost:hover{color:var(--teal-deep);border-color:var(--teal);background:var(--teal-soft)}.btn.danger{background:var(--danger-soft);color:var(--danger);border:1px solid #b7513f59}.btn.danger:hover{background:#f6ded8}.error-box{background:var(--danger-soft);color:var(--danger);border:1px solid #b7513f4d;border-radius:10px;margin-bottom:1rem;padding:.6rem .85rem;font-size:.85rem}.ok-box{background:var(--ok-soft);color:var(--ok);border:1px solid #1e7a4640;border-radius:10px;margin-bottom:1rem;padding:.6rem .85rem;font-size:.85rem}.login-foot{text-align:center;color:var(--ink-3);margin-top:1.3rem;font-size:.74rem}.login-foot a{color:var(--teal);font-weight:600}.shell{min-height:100vh;display:flex}.side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:.15rem;width:15.5rem;height:100vh;padding:1.4rem .9rem;display:flex;position:sticky;top:0}.side-logo{padding:.2rem .6rem 1.3rem}.side-logo img{width:auto;height:40px;display:block}.side-logo span{letter-spacing:.13em;text-transform:uppercase;color:var(--teal);margin-top:.4rem;font-size:.64rem;font-weight:700;display:block}.nav-link{color:var(--ink-2);border-radius:10px;align-items:center;gap:.6rem;padding:.55rem .85rem;font-size:.88rem;font-weight:600;transition:background .12s,color .12s;display:flex}.nav-link:hover{background:var(--surface-2);color:var(--ink)}.nav-link.active{background:var(--teal-soft);color:var(--teal-deep)}.side .spacer{flex:1}.side .who{color:var(--ink-3);border-top:1px solid var(--line);padding:.8rem .85rem 0;font-size:.76rem}.main{flex:1;min-width:0;padding:2rem 2.4rem 3rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}.page-head h1{letter-spacing:-.01em;font-size:1.35rem}.page-head .hint{color:var(--ink-3);font-size:.8rem}.kpis{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.9rem;margin-bottom:1.5rem;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:1rem 1.15rem}.kpi b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.7rem;font-weight:800;display:block}.kpi.gold b{color:var(--gold)}.kpi.teal b{color:var(--teal)}.kpi span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;font-weight:600}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin-bottom:1.2rem;padding:1.3rem 1.4rem}.card h2{margin-bottom:.9rem;font-size:1rem}table.tbl{border-collapse:collapse;width:100%;font-size:.87rem}.tbl th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);background:var(--surface-2);padding:.6rem .8rem;font-size:.66rem;font-weight:700}.tbl th:first-child{border-top-left-radius:10px}.tbl th:last-child{border-top-right-radius:10px}.tbl td{border-bottom:1px solid var(--line);vertical-align:top;padding:.65rem .8rem}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:#fafcfb}.badge{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.2rem .62rem;font-size:.64rem;font-weight:700;display:inline-block}.badge.bot{background:var(--teal-soft);color:var(--teal-deep)}.badge.human{background:var(--gold-soft);color:var(--gold)}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--danger-soft);color:var(--danger)}.badge.dim{background:var(--surface-2);color:var(--ink-3)}.frow{grid-template-columns:8.5rem 1fr 3.2rem;align-items:center;gap:.7rem;margin-bottom:.5rem;font-size:.82rem;display:grid}.frow .bar{background:linear-gradient(90deg, #2fa3b0, var(--teal));border-radius:999px;min-width:4px;height:.7rem}.frow em{color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums;font-size:.78rem;font-style:normal}.chat-view{flex-direction:column;gap:.5rem;max-width:44rem;display:flex}.msg{border:1px solid var(--line);background:var(--surface);border-radius:12px;max-width:85%;padding:.6rem .85rem;font-size:.88rem}.msg .meta{color:var(--ink-3);margin-top:.25rem;font-size:.62rem;display:block}.msg.in{border-top-left-radius:4px;align-self:flex-start}.msg.out{background:var(--teal-soft);border-color:#d2e6e4;border-top-right-radius:4px;align-self:flex-end}.msg.sys{background:var(--gold-soft);color:var(--gold);border-color:#ebddbc;align-self:center;font-size:.78rem}textarea.code{min-height:30rem;font-family:ui-monospace,monospace;font-size:.8rem;line-height:1.5}.qr-box{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:1rem;display:inline-block}.qr-box img{width:240px;height:240px;display:block}.actions-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.8rem;display:flex}.note{color:var(--ink-3);font-size:.8rem}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}