:root{--bg: #0a0f1a;--surface: #111a2e;--surface-2: #16203a;--border: #22304d;--border-soft: #1a2740;--ink: #e8eef8;--muted: #a4b6cf;--dim: #8494ad;--brand: #2dd4bf;--blue: #5b8cff;--red: #f0616d;--amber: #f5b74e;--radius: 12px;--gap: 16px;--nav-h: 60px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}a{color:var(--brand);text-decoration:none}.shell{min-height:100%;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:#0a0f1aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-soft)}.topbar h1{margin:0;font-size:17px;font-weight:600}.topbar .sub{font-size:13px;color:var(--dim)}.content{flex:1;width:100%;max-width:880px;margin:0 auto;padding:var(--gap);display:flex;flex-direction:column;gap:var(--gap)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:6;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;text-align:center;padding:10px 4px;font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:4px;min-height:var(--nav-h);justify-content:center}.tabbar a.active{color:var(--brand)}.tabbar .ico{font-size:19px;line-height:1}@media(min-width:900px){.shell{flex-direction:row;padding-bottom:0}.tabbar{position:sticky;top:0;height:100vh;width:220px;flex-direction:column;border-top:none;border-right:1px solid var(--border);padding:18px 10px;gap:4px}.tabbar a{flex:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;font-size:15px;min-height:44px;padding:10px 12px;border-radius:10px;text-align:left}.tabbar a.active{background:var(--surface-2)}.main{flex:1;min-width:0}.content{padding:24px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card+.card{margin-top:0}.list{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}h2{font-size:18px;margin:0}.muted{color:var(--muted);font-size:14px}.dim{color:var(--dim);font-size:13px}label{display:block;font-size:14px;color:var(--muted);margin-bottom:6px}input,textarea,select{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--ink);font:inherit;font-size:16px}input:focus,textarea:focus,select:focus{outline:2px solid var(--brand);outline-offset:1px}textarea{min-height:110px;resize:vertical}button{font:inherit;font-weight:600;padding:12px 16px;min-height:44px;border-radius:10px;border:1px solid transparent;background:var(--brand);color:#06231f;cursor:pointer}button.ghost{background:transparent;border-color:var(--border);color:var(--ink)}button.danger{background:transparent;border-color:var(--red);color:var(--red)}button:disabled{opacity:.55;cursor:default}.badge{font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.badge.open{color:var(--amber);border-color:var(--amber)}.badge.answered{color:var(--brand);border-color:var(--brand)}.badge.pending{color:var(--blue);border-color:var(--blue)}.badge.closed{color:var(--dim)}.error{color:var(--red);font-size:14px}.notice{border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:8px;padding:12px;font-size:14px;color:var(--muted);background:var(--surface-2)}.msg{border-radius:12px;padding:12px;background:var(--surface-2);border:1px solid var(--border-soft)}.msg.mine{border-color:var(--border);background:#14233d}.msg.internal{border-color:var(--amber);background:#221c10}.msg .meta{font-size:12px;color:var(--dim);margin-bottom:6px}.msg .body{white-space:pre-wrap;word-break:break-word}.center{min-height:100dvh;display:grid;place-items:center;padding:20px}.auth{width:100%;max-width:380px}.crm .content{max-width:1280px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-soft)}th{color:var(--dim);font-weight:500;white-space:nowrap}tr.clickable:hover td{background:var(--surface-2);cursor:pointer}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.toolbar button{padding:8px 12px;min-height:38px}.scroll-x{overflow-x:auto}.grid-2{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:720px){.grid-2{grid-template-columns:1fr 1fr}.grid-2 .span-2{grid-column:1 / -1}}.files{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.file{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:13px;max-width:100%;overflow-wrap:anywhere}button.link{background:none;border:none;color:var(--brand);padding:0;min-height:0;font-size:13px;font-weight:500;cursor:pointer}button.link.danger-link{color:var(--dim);font-size:16px;line-height:1}button.link.danger-link:hover{color:var(--red)}.file-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;margin:0;padding:10px 14px;min-height:44px;border:1px solid var(--border);border-radius:10px;color:var(--ink);font-size:15px;font-weight:600;cursor:pointer}.file-btn:hover{border-color:var(--brand)}.chat-log{max-height:55vh;overflow-y:auto;gap:10px}