:root{--bg:#f4f5f7;--surface:#fff;--surface-alt:#fafbfc;--ink:#171a1f;--ink-soft:#6b7280;--border:#e3e5ea;--border-strong:#cfd3da;--accent:#0e6e63;--accent-ink:#fff;--accent-soft:#e3f1ee;--positive:#1f7a4d;--positive-soft:#e6f4ec;--warning:#9a6400;--warning-soft:#fbefd8;--cover:#14171c;--cover-raised:#1d2127;--cover-text:#e9eaec;--cover-text-dim:#878d97;--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--radius:8px;--radius-sm:6px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);margin:0}h1,h2,h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;margin:0 0 6px;font-weight:700}h1{font-size:24px}h2{font-size:17px}h3{font-size:15px}.muted{color:var(--ink-soft)}.small{font-size:12px}.error{color:#b02a2a;font-size:14px}.success{color:var(--positive);font-size:14px}.auth-page{background:var(--cover);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border-radius:14px;flex-direction:column;gap:4px;width:380px;padding:38px 36px 32px;display:flex;box-shadow:0 30px 70px #00000059}.auth-card .brand-mark{font-family:var(--font-display);color:var(--ink);margin-bottom:18px;font-size:18px;font-weight:800}.auth-card .brand-mark span{color:var(--accent)}.auth-card h1{margin-bottom:2px;font-size:20px}.auth-card .muted{margin:0 0 20px;font-size:14px}input,textarea,select{background:var(--surface);border:1px solid var(--border-strong);color:var(--ink);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-body);width:100%;padding:9px 12px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;min-height:70px}label{color:var(--ink-soft);margin:12px 0 4px;font-size:12.5px;font-weight:500;display:block}button{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-family:var(--font-body);border:none;margin-top:12px;padding:10px 18px;font-weight:600;transition:background .15s,transform 50ms}button:hover{background:#0b5a51}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:default}button.danger{color:#b02a2a;background:0 0;border:1px solid #e3b4b4}button.danger:hover{background:#fbeaea}.shell{min-height:100vh;display:flex}.sidebar{background:var(--cover);width:224px;color:var(--cover-text);flex-direction:column;flex-shrink:0;padding:22px 0;display:flex}.sidebar .brand{border-bottom:1px solid #272b31;margin-bottom:14px;padding:0 22px 20px}.sidebar .brand .mark{font-family:var(--font-display);color:var(--cover-text);font-size:18px;font-weight:800}.sidebar .brand .mark span{color:#39c2ae}.sidebar .brand .sub{color:var(--cover-text-dim);margin-top:3px;font-size:12px}.sidebar nav{flex-direction:column;flex:1;gap:1px;display:flex}.sidebar nav a{color:var(--cover-text-dim);border-left:3px solid #0000;padding:9px 22px;font-size:14px;font-weight:500;text-decoration:none}.sidebar nav a:hover{color:var(--cover-text)}.sidebar nav a.active{color:var(--cover-text);border-left-color:var(--accent);background:var(--cover-raised)}.sidebar .signout{border-top:1px solid #272b31;margin-top:12px;padding:14px 22px 0}.sidebar .signout button{color:var(--cover-text-dim);background:0 0;border:1px solid #343a42;width:100%;margin-top:14px;font-weight:500}.sidebar .signout button:hover{color:var(--cover-text);background:0 0;border-color:#454c56}.main{flex:1;max-width:1020px;padding:34px 44px}.main-header{justify-content:space-between;align-items:baseline;margin-bottom:22px;display:flex}.panel,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;padding:20px 22px}.panel.notice{background:var(--warning-soft);border-color:#ecd9a8}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.inline-form input{flex:1;width:auto;min-width:160px}.inline-form button{margin-top:0}table{border-collapse:collapse;width:100%;margin-top:10px}th{text-align:left;color:var(--ink-soft);border-bottom:1px solid var(--border-strong);padding:8px 10px;font-size:12px;font-weight:600}td{text-align:left;border-bottom:1px solid var(--border);padding:10px;font-size:14px}tr:last-child td{border-bottom:none}.badge{background:var(--accent-soft);color:var(--accent);border-radius:20px;margin-left:8px;padding:2px 9px;font-size:11px;font-weight:600}.variation-row{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:8px;display:grid}.product-item,.faq-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.product-item:last-child,.faq-item:last-child{border-bottom:none}.page{max-width:1040px;margin:0 auto;padding:36px 24px}.topbar{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.inbox{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:260px 1fr;gap:0;height:calc(100vh - 170px);display:grid;overflow:hidden}.inbox-list{background:var(--surface-alt);border-right:1px solid var(--border);padding:8px;overflow-y:auto}.inbox-item{border-radius:var(--radius-sm);cursor:pointer;border-left:3px solid #0000;margin-bottom:2px;padding:10px 12px}.inbox-item:hover{background:var(--bg)}.inbox-item.active{background:var(--accent-soft);border-left-color:var(--accent)}.mode-badge{float:right;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}.mode-badge.ai{background:var(--positive-soft);color:var(--positive)}.mode-badge.human{background:var(--warning-soft);color:var(--warning)}.inbox-thread{background:var(--surface);flex-direction:column;padding:18px 22px;display:flex}.thread-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.thread-messages{flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.bubble{border-radius:var(--radius-sm);max-width:70%;padding:9px 13px;font-size:14px;line-height:1.45}.bubble img{border-radius:var(--radius-sm);max-width:100%;margin-top:4px}.bubble.INBOUND{background:var(--surface-alt);border:1px solid var(--border);align-self:flex-start}.bubble.OUTBOUND_AI{background:var(--accent);color:var(--accent-ink);align-self:flex-end}.bubble.OUTBOUND_HUMAN{background:var(--positive);color:#fff;align-self:flex-end}.thread-reply{gap:8px;margin-top:12px;display:flex}.thread-reply input{flex:1}.thread-reply button{margin-top:0}@media (width<=860px){.shell{flex-direction:column}.sidebar{width:100%}.sidebar nav{flex-direction:row;overflow-x:auto}.main{padding:24px}.inbox{grid-template-columns:1fr;height:auto}}