:root{--bg:#f6f6f3;--panel:#fff;--panel-2:#fbfbf9;--ink:#14140f;--ink-2:#3a3a33;--muted:#74746a;--line:#e6e6df;--line-2:#deded5;--accent:#111110;--accent-ink:#fff;--ok:#1c7c4a;--ok-bg:#f1faf4;--ok-line:#cfe8d9;--warn:#8a6a1f;--warn-bg:#fdf7e8;--warn-line:#f1e0b8;--danger:#b4332f;--danger-bg:#fdf3f2;--radius:14px;--shadow:0 1px 2px #14140f0a, 0 8px 24px #14140f0a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14.5px;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.015em;margin:0;font-weight:600}p{margin:0}code{border:1px solid var(--line);background:#f1f1ec;border-radius:5px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.app{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--panel-2);border-right:1px solid var(--line);flex-direction:column;gap:4px;height:100vh;padding:16px 12px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{letter-spacing:-.02em;align-items:center;gap:9px;padding:4px 8px 14px;font-size:16px;font-weight:650;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.nav{gap:1px;display:grid}.nav-item{color:var(--ink-2);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:500;transition:background .12s;display:flex}.nav-item svg{stroke-width:1.7px;color:#6f6f65;width:16px;height:16px}.nav-item:hover{background:#f0f0ea}.nav-item.active{background:var(--accent);color:#fff}.nav-item.active svg{color:#fff}.nav-spacer{flex:1}.sidebar-foot{gap:10px;padding-top:10px;display:grid}.promo{color:#2c7a4f;align-items:flex-start;gap:8px;padding:6px 8px;font-size:12.5px;font-weight:500;display:flex}.promo svg{width:15px;height:15px;margin-top:2px}.quota{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px}.quota-head{color:var(--ink-2);justify-content:space-between;font-size:12px;font-weight:500;display:flex}.quota-bar{background:#efefe9;border-radius:999px;height:5px;margin:8px 0 6px;overflow:hidden}.quota-bar span{background:var(--accent);border-radius:999px;height:100%;display:block}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 8px 4px;display:flex}.avatar{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.profile-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.profile-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.main{flex-direction:column;min-width:0;display:flex}.banner{background:var(--warn-bg);border-bottom:1px solid var(--warn-line);color:var(--warn);align-items:center;gap:10px;padding:11px 26px;font-size:13px;display:flex}.banner svg{flex:none;width:16px;height:16px}.banner .btn{margin-left:auto}.content{width:100%;max-width:1040px;padding:26px 28px 70px}.page-head{margin-bottom:18px}.page-head h1{font-size:25px;line-height:1.2}.page-head p{color:var(--muted);margin-top:5px;font-size:13.5px}.page-head .head-row{align-items:flex-start;gap:14px;display:flex}.page-head .head-row .btn{margin-left:auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card+.card,.group+.group{margin-top:14px}.card-title{font-size:14.5px;font-weight:600}.card-sub{color:var(--muted);margin-top:2px;font-size:12.5px}.group{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.group-head{margin-bottom:4px}.item-row{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;margin-top:10px;padding:11px 12px;display:flex}.item-row.required{border-color:var(--warn-line);background:#fffdf4}.item-icon{color:#54544a;background:#f4f4ef;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.item-icon svg{width:17px;height:17px}.item-title{align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.row-sub{color:var(--muted);margin-top:1px;font-size:12px}.pill{border:1px solid var(--line-2);color:var(--muted);white-space:nowrap;background:#fafaf7;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:550;display:inline-flex}.pill.ok{color:var(--ok);border-color:var(--ok-line);background:var(--ok-bg)}.pill.warn{color:var(--warn);border-color:var(--warn-line);background:var(--warn-bg)}.pill.bad{color:var(--danger);background:var(--danger-bg);border-color:#f0cfcc}.row-action{align-items:center;gap:8px;margin-left:auto;display:flex}.btn{background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .12s,background .12s;display:inline-flex}.btn:hover{opacity:.9}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{padding:6px 11px;font-size:12.5px}.btn.ghost{color:var(--ink);border-color:var(--line-2);background:#fff}.btn.ghost:hover{background:#f7f7f3}.btn.danger{color:var(--danger);background:#fff;border-color:#f0cfcc}.btn.link{color:var(--ink);text-underline-offset:2px;background:0 0;padding:0;font-weight:550;text-decoration:underline}.btn svg{width:15px;height:15px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 16px}.stat-label{color:var(--muted);font-size:12px}.stat-value{letter-spacing:-.02em;margin-top:4px;font-size:24px;font-weight:650}.stat-foot{color:var(--muted);margin-top:2px;font-size:11.5px}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding:8px 10px;font-size:11.5px;font-weight:550}.table td{vertical-align:top;border-bottom:1px solid #f1f1ec;padding:10px}.table tr:last-child td{border-bottom:0}.form{gap:12px;display:grid}.field{gap:5px;display:grid}.field>span{color:var(--ink-2);font-size:12px;font-weight:550}input,textarea,select{border:1px solid var(--line-2);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:9px;outline:none;padding:9px 11px;font-size:13.5px}input:focus,textarea:focus,select:focus{border-color:#a9a99c;box-shadow:0 0 0 3px #14140f0d}textarea{resize:vertical}.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-2);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:550;display:inline-flex}.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.muted{color:var(--muted);font-size:12.5px}.error{color:var(--danger);margin-top:8px;font-size:12.5px}.notice{color:var(--ok);margin-top:8px;font-size:12.5px}.empty{border:1px dashed var(--line-2);text-align:center;color:var(--muted);background:#fcfcfa;border-radius:12px;padding:26px;font-size:13px}.empty strong{color:var(--ink);margin-bottom:3px;font-size:13.5px;display:block}.chat-grid{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:14px;display:grid}.room-list{gap:3px;margin-top:8px;display:grid}.room{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 9px;display:flex}.room:hover{background:#f4f4ef}.room.active{border-color:var(--line);background:#f2f2ec}.room-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:550;display:block;overflow:hidden}.room-meta{color:var(--muted);font-size:11.5px}.thread{flex-direction:column;gap:7px;min-height:380px;max-height:54vh;padding:12px 4px 14px;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;word-break:break-word;border:1px solid var(--line);background:#fff;border-radius:11px;max-width:76%;padding:8px 11px;font-size:13.5px;line-height:1.45}.bubble.out{background:#e7f8e9;border-color:#cdebd2;border-bottom-right-radius:3px;align-self:flex-end}.bubble.in{border-bottom-left-radius:3px;align-self:flex-start}.bubble-meta{color:#7d8a80;margin-top:3px;font-size:10.5px;display:block}.composer{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding-top:12px;display:grid}.composer textarea{min-height:42px;max-height:120px}.auth-wrap{background:radial-gradient(1200px 500px at 50% -180px, #fff 0%, transparent 70%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth{gap:16px;width:100%;max-width:400px;display:grid}.auth-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;gap:14px;padding:26px;display:grid}.auth h1{font-size:22px}.auth-mark{align-items:center;gap:9px;font-size:17px;font-weight:650;display:flex}.modal-backdrop{z-index:60;background:#14140f57;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(580px,100%);max-height:86vh;padding:20px;overflow:auto;box-shadow:0 20px 60px #14140f2e}.modal-head{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.modal-head h3{font-size:17px}.modal-head .btn{margin-left:auto}.qr{border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:180px;height:180px;margin:6px auto;display:grid;overflow:hidden}.qr img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}@media (max-width:900px){.app{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:20px 16px 60px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-grid,.two-col{grid-template-columns:1fr}}.nav-dot{background:#e8a33d;border-radius:50%;flex:none;width:7px;height:7px;margin-left:auto}.nav-item.active .nav-dot{background:#ffc36b}.room-chips{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.chip.tab{cursor:pointer}.inbox{flex-direction:column;max-width:820px;margin:0 auto;display:flex}.inbox-thread{flex-direction:column;gap:8px;min-height:420px;max-height:58vh;padding:6px 2px 14px;display:flex;overflow-y:auto}.day-divider{color:var(--muted);align-self:center;padding:12px 0 6px;font-size:11.5px}.inbox .bubble{max-width:74%;font-size:13.5px}.inbox .bubble.in{background:#f5f5f1;border-color:#ecece6}.inbox .bubble.out{background:#e7f8e9;border-color:#cdebd2}.attachment{border:1px dashed var(--line-2);color:var(--ink-2);background:#fbfbf9;border-radius:10px;align-items:center;gap:8px;margin-top:7px;padding:8px 10px;font-size:12px;display:flex}.attachment svg{width:14px;height:14px;color:var(--muted)}.attachment .sub{color:var(--muted);font-size:11px}.composer-shell{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.composer-pill{border:1px solid var(--line-2);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:5px 6px 5px 12px;display:flex}.composer-pill input{box-shadow:none;background:0 0;border:0;padding:8px 0}.composer-pill input:focus{box-shadow:none}.icon-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn:hover{background:#f4f4ef}.send-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.send-btn:disabled{background:#c9c9c0}