:root{--bg: #f4f6f8;--card: #fff;--text: #0f172a;--muted: #64748b;--line: #e2e8f0;--chip: #f1f5f9;--accent: #0f766e;--hero-1: #0f766e;--hero-2: #115e59;--hero-3: #3730a3;--warn: #b45309;--bad: #b4532a;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0b1220;--card: #131c2e;--text: #e5e7eb;--muted: #94a3b8;--line: #1f2a40;--chip: #1a2438;--accent: #2dd4bf;--hero-1: #134e4a;--hero-2: #0f2a3d;--hero-3: #1e1b4b;--warn: #fbbf24;--bad: #fb923c;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:500;font-feature-settings:"tnum"}h1,h2,h3{margin:0;font-weight:800}.muted{color:var(--muted)}.center{min-height:100%;display:grid;place-items:center;padding:16px}.hero-bg,.hero{background:linear-gradient(120deg,var(--hero-1),var(--hero-2) 45%,var(--hero-3));color:#fff}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px 18px}.signin{width:380px;max-width:100%;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center;color:var(--text);padding:32px}.btn{border:0;border-radius:12px;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--hero-1),var(--hero-3))}.btn.ghost{background:var(--card);color:var(--text);border:1px solid var(--line)}.btn.small{padding:7px 12px;font-size:13px}.error{color:var(--bad);font-size:13px}.page{max-width:1240px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.top{display:flex;align-items:center;gap:10px}.hero{border-radius:22px;padding:20px 22px}.hero h2{font-size:20px;margin-bottom:14px}.pills{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pill{background:#ffffff24;border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;font-size:12px}.pill b{font-size:22px;margin:2px 0}.pill span{opacity:.85}.hero-note{font-size:12px;opacity:.8;margin:12px 0 0}.grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media(max-width:800px){.grid{grid-template-columns:1fr}.hide-sm{display:none}}h3{font-size:15px;display:flex;margin-bottom:12px}h3 small{margin-left:auto;color:var(--muted);font-weight:600;font-size:12px}.bars{display:flex;align-items:flex-end;gap:3px;height:140px}.bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.bar i{width:100%;border-radius:4px 4px 0 0;background:linear-gradient(var(--hero-3),var(--accent));min-height:2px}.bar span{font-size:9px;color:var(--muted);height:11px}.legend{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:6px}.meter{margin-bottom:12px;font-size:13px}.meter-row{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.track{height:8px;background:var(--chip);border-radius:4px;overflow:hidden}.track i{display:block;height:100%;background:var(--accent)}.track.warn i{background:var(--warn)}.warn-note{font-size:13px;color:var(--warn);margin:6px 0 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}th{text-align:left;color:var(--muted);font-size:12px;padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:9px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.small-text{font-size:12px}.tag{font-size:11px;font-weight:800;border-radius:7px;padding:2px 7px}.tag.ok{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.tag.warn{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}.tag.bad{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}.tag.grey{background:var(--chip);color:var(--muted)}.apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}.app{border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.app-head{display:flex;align-items:center;gap:10px}.app-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--hero-1),var(--hero-3))}.app-file{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.app-actions{display:flex;gap:6px}a.btn{text-decoration:none;display:inline-block}.tabs{display:flex;gap:6px}.tabs .chip{position:relative}.chip{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:20px;padding:6px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--bg)}.count{background:var(--bad);color:#fff;border-radius:10px;font-size:11px;font-weight:800;padding:1px 7px}.link{background:none;border:0;padding:0;color:var(--accent);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}.support{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}.support-list{display:flex;flex-direction:column;gap:4px;padding:12px}.support-filters{display:flex;gap:6px;padding:0 4px 8px}.thread{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:none;color:inherit;font:inherit;padding:9px 8px;border-radius:12px;cursor:pointer}.thread.sel,.thread:hover{background:var(--chip)}.thread-text{flex:1;min-width:0;display:flex;flex-direction:column}.thread-name{display:flex;justify-content:space-between;gap:8px}.thread-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none;background:color-mix(in srgb,var(--accent) 18%,var(--card));color:var(--accent)}.support-empty{padding:40px;text-align:center}.convo{display:flex;flex-direction:column;gap:12px;min-width:0}.convo-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.convo-facts{display:flex;flex-wrap:wrap;gap:4px 14px;flex:1}.convo-msgs{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto;padding:4px 2px}.bubble{align-self:flex-start;max-width:80%;background:var(--chip);border-radius:16px 16px 16px 5px;padding:9px 13px;display:flex;flex-direction:column;gap:6px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:var(--accent);color:var(--bg);border-radius:16px 16px 5px}.bubble small{font-size:10.5px;opacity:.7}.bubble img{max-width:220px;max-height:300px;border-radius:10px;display:block}.convo-reply{display:flex;gap:8px;align-items:flex-end}.convo-reply textarea{flex:1;resize:vertical;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);font:inherit;padding:10px 12px}.btn:disabled{opacity:.5;cursor:default}.btn.danger{background:transparent;color:var(--bad);border:1px solid color-mix(in srgb,var(--bad) 50%,var(--line))}.row-actions{display:flex;gap:6px;align-items:center}@media(max-width:800px){.support{grid-template-columns:1fr}.bubble{max-width:92%}}.attached{display:flex;align-items:center;gap:10px;font-size:13px;background:var(--chip);border-radius:10px;padding:6px 12px}.bubble .link{color:inherit;text-align:left}
