:root{--gw-pine:#17352e;--gw-jade:#2a7a66;--gw-ember:#c45c26;--gw-ink:#14181c;--gw-mute:#5c6670;--gw-faint:#8b949e;--gw-canvas:#f2f3f5;--gw-panel:#fff;--gw-raised:#f7f8f9;--gw-line:#e3e6ea;--gw-overlay:#0c10147a;--gw-danger:#c0392b;--gw-warn:#b8831a;--gw-ok:#1f7a4d;--gw-focus:#2a7a6659;--gw-shadow:0 1px 0 #14181c0a, 0 8px 24px #14181c0f;--gw-shadow-lg:0 16px 48px #14181c24;--gw-sidebar:264px;--gw-inbox-list:328px;--gw-customer:292px;--ease-gw:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--gw-ink);background:var(--gw-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Satoshi,system-ui,sans-serif;line-height:1.45}[data-theme=dark]{--gw-pine:#3fa88a;--gw-jade:#4db89a;--gw-ember:#e07a3d;--gw-ink:#e9ecef;--gw-mute:#9aa3ad;--gw-faint:#6b7480;--gw-canvas:#0b0d0f;--gw-panel:#121518;--gw-raised:#1a1e23;--gw-line:#2a3038;--gw-overlay:#0000009e;--gw-danger:#e05a4f;--gw-warn:#d4a017;--gw-ok:#3cb878;--gw-focus:#4db89a66;--gw-shadow:0 1px 0 #ffffff08, 0 8px 28px #00000059;--gw-shadow-lg:0 20px 56px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}h1,h2,h3,.display{letter-spacing:-.025em;font-family:Satoshi,IBM Plex Sans,sans-serif}a{color:var(--gw-jade);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--gw-jade);outline-offset:2px}.btn{letter-spacing:-.01em;cursor:pointer;height:36px;transition:background .16s var(--ease-gw), border-color .16s var(--ease-gw), color .16s var(--ease-gw), transform .14s var(--ease-gw), box-shadow .16s var(--ease-gw), opacity .16s;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-family:Satoshi,sans-serif;font-size:13.5px;font-weight:560;display:inline-flex}.btn:active:not(:disabled){transform:scale(.975)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gw-pine);color:#f5f7f6}[data-theme=dark] .btn-primary{color:#0b0d0f}.btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--gw-shadow)}.btn-secondary{background:var(--gw-panel);border-color:var(--gw-line);color:var(--gw-ink)}.btn-secondary:hover:not(:disabled){background:var(--gw-raised)}.btn-ghost{color:var(--gw-mute);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--gw-raised);color:var(--gw-ink)}.btn-ember{background:var(--gw-ember);color:#fff}.btn-sm{height:30px;padding:0 10px;font-size:12.5px}.btn-lg{height:42px;padding:0 18px;font-size:14.5px}.btn-icon{width:36px;padding:0}.btn-block{width:100%}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label,.field-label{color:var(--gw-mute);font-size:12px;font-weight:500}.field input,.field textarea,.field select,.input,.textarea,.select{background:var(--gw-panel);border:1px solid var(--gw-line);width:100%;color:var(--gw-ink);height:38px;transition:border-color .16s var(--ease-gw), box-shadow .16s var(--ease-gw);border-radius:6px;padding:0 12px}.field textarea,.textarea{resize:vertical;height:auto;min-height:96px;padding:10px 12px}.field input:focus,.field textarea:focus,.field select:focus,.input:focus,.textarea:focus{border-color:var(--gw-jade);box-shadow:0 0 0 3px var(--gw-focus);outline:none}.alert{color:var(--gw-danger);background:#c0392b14;border:1px solid #c0392b33;border-radius:6px;margin-bottom:14px;padding:10px 12px;font-size:13px}.alert-ok{color:var(--gw-ok);background:#1f7a4d1a;border-color:#1f7a4d40}.badge{letter-spacing:.01em;background:var(--gw-raised);height:22px;color:var(--gw-mute);border:1px solid var(--gw-line);border-radius:4px;align-items:center;gap:4px;padding:0 8px;font-size:11.5px;font-weight:550;display:inline-flex}.badge-ember{color:var(--gw-ember);background:#c45c261f;border-color:#c45c2638}.badge-jade{color:var(--gw-jade);background:#2a7a661f;border-color:#2a7a6638}.badge-ok{color:var(--gw-ok);background:#1f7a4d1f;border-color:#1f7a4d38}.panel{background:var(--gw-panel);border:1px solid var(--gw-line);border-radius:10px;padding:18px}.ember-tick{background:var(--gw-ember);border-radius:2px;width:3px;height:24px;display:inline-block}.mark{background:linear-gradient(135deg, var(--gw-pine) 0%, var(--gw-jade) 55%, transparent 55%), linear-gradient(315deg, #c45c26d9 0%, transparent 48%);border-radius:8px;width:48px;height:48px;margin-bottom:20px}.auth-layout{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-brand{border-right:1px solid var(--gw-line);background:radial-gradient(900px 480px at 8% 12%,#2a7a6624,#0000 58%),radial-gradient(720px 420px at 92% 88%,#c45c261a,#0000 55%),linear-gradient(155deg,#f7f8f9 0%,#eef1f3 48%,#e8ecef 100%);flex-direction:column;justify-content:space-between;padding:48px;display:flex}[data-theme=dark] .auth-brand{color:#f4f7f6;background:radial-gradient(1200px 600px at 12% 18%,#2a7a662e,#0000 55%),radial-gradient(900px 500px at 88% 82%,#c45c2624,#0000 50%),linear-gradient(165deg,#0e1614 0%,#12181c 45%,#0b0f12 100%);border-right-color:#0000}.auth-form-wrap{background:var(--gw-panel);justify-content:center;align-items:center;padding:32px;display:flex}.auth-card{width:100%;max-width:400px}.app-shell{grid-template-columns:var(--gw-sidebar) 1fr;height:100vh;display:grid}.sidebar{border-right:1px solid var(--gw-line);background:var(--gw-panel);flex-direction:column;min-width:0;display:flex}.sidebar-brand{border-bottom:1px solid var(--gw-line);align-items:center;gap:10px;height:52px;padding:0 16px;display:flex}.sidebar-brand .logo{background:var(--gw-pine);color:#f5f7f6;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}[data-theme=dark] .sidebar-brand .logo{color:#0b0d0f}.nav-item{width:100%;color:var(--gw-mute);cursor:pointer;text-align:left;transition:background .16s var(--ease-gw), color .16s var(--ease-gw);background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px 8px 12px;font-size:13.5px;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--gw-raised);color:var(--gw-ink);text-decoration:none}.nav-item.active{background:var(--gw-raised);color:var(--gw-ink);font-weight:500}.nav-item.active:before{content:"";background:var(--gw-ember);border-radius:2px;width:2.5px;position:absolute;top:8px;bottom:8px;left:0}.main{flex-direction:column;min-width:0;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--gw-line);background:color-mix(in srgb, var(--gw-panel) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:12px;height:52px;padding:0 18px;display:flex}.content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.content-pad{flex:1;padding:20px 24px;overflow:auto}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.kpi .label{color:var(--gw-mute);margin-bottom:8px;font-size:12px}.kpi .value{letter-spacing:-.03em;font-family:Satoshi,sans-serif;font-size:28px}.inbox-grid{grid-template-columns:var(--gw-inbox-list) 1fr var(--gw-customer);flex:1;height:100%;min-height:0;display:grid}.inbox-grid.customer-closed{grid-template-columns:var(--gw-inbox-list) 1fr}.customer-pane{border-left:1px solid var(--gw-line);background:var(--gw-panel);flex-direction:column;min-width:0;min-height:0;display:flex}.conv-list{border-right:1px solid var(--gw-line);background:var(--gw-panel);flex-direction:column;min-height:0;display:flex}.conv-row{border-bottom:1px solid var(--gw-line);cursor:pointer;text-align:left;width:100%;transition:background .15s var(--ease-gw);background:0 0;border-top:0;border-left:0;border-right:0;grid-template-columns:36px 1fr auto;gap:10px;padding:12px 14px;display:grid;position:relative}.conv-row:hover{background:var(--gw-raised)}.conv-row.active{background:color-mix(in srgb, var(--gw-jade) 8%, var(--gw-panel))}.conv-row.unread:before{content:"";background:var(--gw-ember);border-radius:2px;width:2.5px;position:absolute;top:10px;bottom:10px;left:0}.avatar{background:linear-gradient(145deg, var(--gw-jade), var(--gw-pine));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Satoshi,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.avatar-sm{width:28px;height:28px}.msg-thread{background:var(--gw-canvas);flex-direction:column;min-width:0;min-height:0;display:flex}.msg-bubble{border-radius:10px;max-width:min(520px,85%);padding:10px 12px;font-size:13.5px;line-height:1.45}.msg-in{background:var(--gw-raised);border:1px solid var(--gw-line);border-bottom-left-radius:3px}.msg-out{background:color-mix(in srgb, var(--gw-pine) 92%, #000);color:#f4f7f6;border-bottom-right-radius:3px;margin-left:auto}[data-theme=dark] .msg-out{color:#0b0d0f;background:var(--gw-pine)}.msg-note{background:#b8831a1a;border:1px dashed #b8831a59;border-radius:8px;max-width:min(480px,90%);margin:0 auto}.composer{border-top:1px solid var(--gw-line);background:var(--gw-panel);padding:12px 16px}.composer-box{border:1px solid var(--gw-line);background:var(--gw-canvas);transition:border-color .16s var(--ease-gw), box-shadow .16s var(--ease-gw);border-radius:6px}.composer-box:focus-within{border-color:var(--gw-jade);box-shadow:0 0 0 3px var(--gw-focus)}.scroll-y{overscroll-behavior:contain;overflow-y:auto}.modal-root{z-index:80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-backdrop{cursor:pointer;background:var(--gw-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:0;position:absolute;inset:0}.modal-panel{z-index:1;background:var(--gw-panel);border:1px solid var(--gw-line);width:min(480px,100%);max-height:min(88vh,840px);box-shadow:var(--gw-shadow-lg);animation:gw-modal-in .18s var(--ease-gw);border-radius:12px;flex-direction:column;display:flex;position:relative}.modal-wide{width:min(640px,100%)}.modal-header{border-bottom:1px solid var(--gw-line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.modal-body{flex:1;min-height:0;padding:16px;overflow:auto}.modal-footer{border-top:1px solid var(--gw-line);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}@keyframes gw-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--gw-line);vertical-align:top;padding:10px 14px}.data-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--gw-faint);background:var(--gw-raised);font-size:11px;font-weight:550}.data-table tr:hover td{background:color-mix(in srgb, var(--gw-jade) 4%, transparent)}.bar-chart{align-items:flex-end;gap:6px;height:120px;display:flex}.bar-chart .bar{background:linear-gradient(180deg, var(--gw-jade), var(--gw-pine));opacity:.85;border-radius:4px 4px 0 0;flex:1;min-width:0}@media (width<=1100px){.inbox-grid{grid-template-columns:var(--gw-inbox-list) 1fr}.customer-pane{z-index:30;width:min(320px,92vw);box-shadow:var(--gw-shadow-lg);position:absolute;inset:0 0 0 auto}}@media (width<=900px){.auth-layout{grid-template-columns:1fr}.auth-brand{display:none}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.inbox-grid,.inbox-grid.customer-closed{grid-template-columns:1fr}}