:root{--bg:#f5f6f8;--panel:#fff;--ink:#1a1d24;--muted:#6b7280;--line:#e6e8ec;--brand:#4f46e5;--brand-soft:#eef0ff;--green:#16a34a;--amber:#d97706;--red:#dc2626;--side:#161a23;--side-ink:#c7cdd9;--radius:10px;--shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.04)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.side{background:var(--side);color:var(--side-ink);padding:18px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto}.logo{display:flex;align-items:center;gap:9px;color:#fff;font-weight:700;font-size:15px;padding:6px 8px 16px}.logo .mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#6366f1,#a855f7);display:grid;place-items:center}.nav-label{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;padding:14px 10px 6px}.nav a{display:flex;align-items:center;gap:10px;color:var(--side-ink);padding:8px 10px;border-radius:7px;font-size:13.5px}.nav a:hover{background:#222838;color:#fff}.nav a.active{background:var(--brand);color:#fff}.badge-soon{margin-left:auto;font-size:9.5px;background:#2b3242;color:#8b93a7;padding:1px 6px;border-radius:99px}.main{display:flex;flex-direction:column;min-width:0}.topbar{background:var(--panel);border-bottom:1px solid var(--line);padding:11px 22px;display:flex;align-items:center;gap:16px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.crumb{font-weight:600;font-size:15px}.spacer{flex:1 1}.brand-switch{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:5px 10px;cursor:pointer;font-weight:600;font-size:13px}.brand-switch .dot{width:9px;height:9px;border-radius:99px;background:var(--brand)}.avatar{width:32px;height:32px;border-radius:99px;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.content{padding:22px;overflow:auto}.title{font-size:20px;margin-bottom:2px}.sub{color:var(--muted);margin-bottom:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:18px}.kpi .label{color:var(--muted);font-size:12.5px;margin-bottom:6px}.kpi .val{font-size:24px;font-weight:700}.empty{border:1px dashed var(--line);border-radius:var(--radius);padding:48px;text-align:center;color:var(--muted);background:var(--panel)}.btn{display:inline-flex;align-items:center;gap:7px;background:var(--brand);color:#fff;border:none;border-radius:8px;padding:9px 16px;font-weight:600;font-size:14px;cursor:pointer}.btn.ghost{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.btn:disabled{opacity:.6;cursor:default}.auth-wrap{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.auth-card{width:360px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:28px}.auth-card h1{font-size:18px;margin-bottom:4px}.auth-card p.sub{font-size:13px}.field input{font-family:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--line);border-radius:8px}.error{background:#fdeaea;color:var(--red);border:1px solid #f6c9c9;border-radius:8px;padding:9px 12px;font-size:13px;margin-bottom:14px}.tablecard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:11px 16px;font-weight:600}td,th{border-bottom:1px solid var(--line)}td{padding:12px 16px;vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--brand-soft)}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pill{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:600}.pill.green{background:#e7f6ec;color:var(--green)}.pill.amber{background:#fdf2e2;color:var(--amber)}.pill.grey{background:var(--bg);color:var(--muted)}.pill.blue{background:#e8f0fe;color:#2563eb}.chan-tag{font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px;background:var(--brand-soft);color:var(--brand)}.linkcell{color:var(--brand);font-weight:600}.prof-head{display:flex;gap:16px;align-items:center;margin-bottom:16px}.prof-av{width:52px;height:52px;border-radius:99px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:700}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);margin-bottom:16px}.stat-row .c{padding:14px 18px;border-right:1px solid var(--line)}.stat-row .c:last-child{border-right:none}.stat-row .l{color:var(--muted);font-size:12px}.stat-row .v{font-size:18px;font-weight:700;margin-top:3px}.brand-switch-wrap{position:relative}.brand-switch{font:inherit}.brand-switch .caret{color:var(--muted);margin-left:2px}.brand-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 6px 20px rgba(16,24,40,.12);min-width:190px;padding:5px;z-index:30}.brand-menu-item{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 11px;border-radius:6px;font:inherit;font-size:13.5px;cursor:pointer;color:var(--ink)}.brand-menu-item:hover{background:var(--bg)}.brand-menu-item.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12.5px;color:var(--muted);font-weight:600}.field input,.field select,.field textarea{font-family:inherit;font-size:14px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;width:100%}.field input:focus,.field textarea:focus{outline:none;border-color:var(--brand)}.ok{background:var(--green-soft);color:var(--green);border:1px solid #bfe6cc;border-radius:8px;padding:9px 12px;font-size:13px;margin-bottom:14px}input,select,textarea{font-family:inherit}.tablecard input,.tablecard select{font-size:13px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}.cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.brandcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;display:block}.brandcard:hover{border-color:var(--brand)}.brandcard .bn{font-size:16px;font-weight:700}.brandcard .bmeta{color:var(--muted);font-size:12.5px;margin-top:4px}.brandcard .brow{display:flex;gap:18px;margin-top:14px}.brandcard .brow .n{font-size:18px;font-weight:700}.brandcard .brow .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.inbox{display:grid;grid-template-columns:300px 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);min-height:480px}.ticket-list{border-right:1px solid var(--line);overflow:auto}.tk{padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer;display:block}.tk:hover{background:var(--bg)}.tk .who{font-weight:600;font-size:13px}.tk .pre{color:var(--muted);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convo{padding:18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:8px}.card-h{align-items:center}.card-h,.ctx-row{display:flex;justify-content:space-between}.ctx-row{gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12.5px}.ctx-row:last-child{border-bottom:none}.ctx-row .k{color:var(--muted)}code{background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:12.5px}@media (max-width:820px){.grid-2{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}