:root,:root[data-admin-theme=light]{color-scheme:light;--bg: #e8edf4;--sidebar: #f7f9fc;--panel: #ffffff;--panel-2: #f4f7fb;--ink: #1c2434;--muted: #667085;--line: #e1e6ef;--accent: #4b68c7;--accent-ink: #ffffff;--accent-soft: #e7edfb;--danger: #b42318;--danger-soft: #fdecec;--ok: #3d7a32;--ok-soft: #e7f6e4;--warn: #8a5a00;--warn-soft: #fff4d8;--shadow: 0 1px 2px rgba(16, 24, 40, .05);--input: #ffffff}:root[data-admin-theme=dark]{color-scheme:dark;--bg: #0e1116;--sidebar: #12161d;--panel: #181c24;--panel-2: #141820;--ink: #e7eaf2;--muted: #9aa3b5;--line: #2a3140;--accent: #6d86db;--accent-ink: #0e1116;--accent-soft: #243056;--danger: #ff8d86;--danger-soft: #3a2224;--ok: #8dcb78;--ok-soft: #1d2c1c;--warn: #e0b15a;--warn-soft: #332816;--shadow: none;--input: #12161d}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Ubuntu,sans-serif;font-size:14px;line-height:1.4}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}code{font-family:inherit;font-size:.92em}h1,h2,p{margin:0}.crm-page{display:flex;flex-direction:column;gap:14px;min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.page-head h1{font-size:20px;font-weight:500;letter-spacing:-.02em}.page-head p,.hint{color:var(--muted);font-size:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.card-pad{padding:14px 16px}.section-label{margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{padding:14px 16px}.kpi b{display:block;margin-top:6px;font-size:22px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.kpi span,.kpi small{color:var(--muted);font-size:12px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.toolbar select,.search-inline{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--input)}.table-wrap{overflow:auto}table.grid{width:100%;border-collapse:collapse;font-size:13px}table.grid th{position:sticky;top:0;padding:8px 12px;background:var(--panel-2);color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.04em;text-align:left;text-transform:uppercase}table.grid td{padding:9px 12px;border-top:1px solid var(--line);vertical-align:middle}table.grid tr.is-clickable{cursor:pointer}table.grid tr.is-selected,table.grid tr.is-clickable:hover{background:var(--accent-soft)}.who{display:flex;flex-direction:column;gap:1px}.who small,.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.02em;white-space:nowrap}.pill.live{background:var(--accent-soft);color:var(--accent)}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.danger{background:var(--danger-soft);color:var(--danger)}.split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}.detail dt{margin-top:10px;color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.detail dd{margin:2px 0 0}.bars{display:flex;align-items:flex-end;gap:8px;height:92px}.bars i{flex:1;border-radius:4px 4px 2px 2px;background:var(--accent);opacity:.85}.two{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan strong{font-size:18px;font-weight:500}.plan ul{margin:10px 0 0;padding-left:16px;color:var(--muted);font-size:12px}.empty{padding:28px 16px;color:var(--muted);text-align:center}.tickets{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:460px}.ticket-list{border-right:1px solid var(--line);max-height:640px;overflow:auto}.ticket{display:block;width:100%;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.ticket.is-on,.ticket:hover{background:var(--accent-soft)}.ticket b{display:block;font-weight:500}.ticket-body{padding:18px 20px}.ticket-body h2{margin:8px 0 12px;font-size:18px;font-weight:500}.ticket-body p{max-width:68ch;white-space:pre-wrap}@media (max-width: 1100px){.kpis,.plans,.two,.split,.tickets{grid-template-columns:1fr}.ticket-list{max-height:280px;border-right:0;border-bottom:1px solid var(--line)}}
