:root{color:#17211b;font-synthesis:none;--ink:#17211b;--muted:#68736c;--line:#dce5de;--paper:#f4f7f4;--card:#fff;--accent:#1d6b45;--accent-dark:#154d33;--accent-soft:#e2f3e8;--danger:#a33a3a;--warning:#8a6418;background:#f4f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 15px;font-weight:700;text-decoration:none}button:hover{background:var(--accent-dark)}button:disabled{opacity:.55;cursor:not-allowed}.button.secondary{background:var(--accent-soft);color:var(--accent)}.button.ghost{color:#c6d1ca;text-align:left;background:0 0}.button.small{padding:7px 11px;font-size:13px}.icon-button{color:var(--ink);background:0 0;padding:0 5px;font-size:26px}.app-layout{min-height:100vh}.sidebar{color:#fff;background:#11271c;flex-direction:column;width:250px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;font-size:18px;font-weight:850;display:flex}.brand>span{color:#17321f;background:#c8f36b;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.brand small,.account small{color:#91aa9b;font-size:11px;font-weight:500;display:block}.brand.large{font-size:21px}.brand.large>span{width:48px;height:48px}.sidebar nav{flex:1;gap:6px;margin:32px 0;display:grid}.sidebar nav a{color:#bdcbc2;border-radius:10px;padding:11px 13px;font-weight:650;text-decoration:none}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#244334}.account{border-top:1px solid #2b4537;padding:14px 10px}.main-content{max-width:1550px;margin-left:250px;padding:32px 4vw 64px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.page-header h1{margin:0;font-size:32px}.page-header .muted{margin:5px 0 0}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:850}.muted{color:var(--muted)}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:21px;box-shadow:0 8px 28px #14301f0a}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panel h2{margin:0;font-size:18px}.panel h3{margin:22px 0 4px;font-size:15px}.actions,.form-actions{align-items:center;gap:10px;display:flex}.metrics{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:18px;display:grid}.metric span{color:var(--muted)}.metric strong{margin-top:7px;font-size:27px;display:block}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.breakdown{gap:3px;display:grid}.breakdown>div,.channel-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:11px 0;display:flex}.breakdown span{text-transform:capitalize}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:13px 11px}th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px}td small,td strong{display:block}td small{color:var(--muted);margin-top:3px}.status{color:#536059;text-transform:capitalize;background:#eef1ef;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.status.active,.status.confirmed,.status.delivered,.status.submitted{background:var(--accent-soft);color:var(--accent)}.status.handed_over,.status.processing,.status.revision_pending{color:var(--warning);background:#fff1cf}.status.cancelled,.status.failed{color:var(--danger);background:#fde8e8}.state{text-align:center;color:var(--muted);padding:42px}.state strong{color:var(--ink);margin-bottom:4px;display:block}.state p{margin:0}.state.error,.form-error{color:var(--danger)}.form-success{color:var(--accent)}form{gap:14px;display:grid}label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:3px solid #cce8d6}textarea{resize:vertical;min-height:88px}.checkbox{grid-template-columns:auto 1fr;align-items:center;display:flex}.checkbox input{width:auto}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid .full{grid-column:1/-1}.form-actions{justify-content:flex-end;margin-top:6px}dialog{border:0;border-radius:17px;width:min(650px,92vw);padding:0;box-shadow:0 30px 90px #10201855}dialog::backdrop{background:#10201899}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header h2{margin:0;font-size:20px}.modal-body{padding:22px}.login-page{background:#fff;grid-template-columns:1.2fr 1fr;min-height:100vh;display:grid}.login-story{color:#fff;background:#11271c;flex-direction:column;justify-content:space-between;padding:7vw;display:flex}.login-story h1{max-width:800px;margin:12px 0 20px;font-size:clamp(38px,5vw,70px);line-height:1.02}.login-story p:not(.eyebrow){color:#b9c9bf;max-width:630px;font-size:18px}.login-card{place-self:center;width:min(430px,85%)}.login-card h2{margin:0;font-size:30px}.login-card>p.muted{margin-bottom:24px}.segmented{background:#eef2ef;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:4px;display:grid}.segmented button{color:var(--muted);background:0 0}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 2px 9px #142a1c15}.conversation-layout{grid-template-columns:340px minmax(0,1fr);gap:18px;height:calc(100vh - 145px);display:grid}.conversation-list,.transcript{overflow:auto}.conversation-row{text-align:left;width:100%;color:var(--ink);background:0 0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:13px 9px;display:flex}.conversation-row:hover,.conversation-row.selected{background:#edf5f0}.conversation-row span:first-child{min-width:0}.conversation-row strong,.conversation-row small{text-overflow:ellipsis;display:block;overflow:hidden}.conversation-row small{color:var(--muted);font-weight:500}.messages{flex-direction:column;gap:10px;display:flex}.message{background:#eef2ef;border-radius:13px;max-width:75%;padding:10px 13px}.message.customer{background:#dff0e6;align-self:flex-end}.message.seller{background:#fff0cc}.message small{text-transform:capitalize;color:var(--muted)}.message p{white-space:pre-wrap;margin:2px 0}.reply-form{background:#fff;grid-template-columns:1fr auto;padding-top:15px;display:grid;position:sticky;bottom:0}.channel-list span small{color:var(--muted);display:block}.settings-grid>.panel{align-self:start}@media (width<=1000px){.metrics{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.conversation-layout{grid-template-columns:280px 1fr}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-card{padding:60px 0}}@media (width<=720px){.sidebar{width:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,1fr);margin:18px 0}.main-content{margin:0;padding:24px 16px}.page-header{flex-direction:column}.metrics,.form-grid{grid-template-columns:1fr}.conversation-layout{grid-template-columns:1fr;height:auto}.conversation-list{max-height:330px}.transcript{min-height:500px}}.conversation-list .panel-header,.transcript .panel-header{z-index:3;background:var(--card);border-bottom:1px solid var(--line);padding:21px 0 14px;position:sticky;top:-21px}.messages{min-height:calc(100% - 70px);padding-top:4px}.handover-summary{color:var(--warning);background:#fff7df;border:1px solid #efd99c;border-radius:12px;gap:4px;margin:0 0 14px;padding:12px 14px;font-size:13px;display:grid}.handover-summary span{text-transform:none}.handover-summary strong{color:var(--ink)}.handover-summary.urgent{border-left:5px solid #d68b00;box-shadow:0 6px 18px #8a64181f}.conversation-row.needs-attention{background:#fff8e6;border:1px solid #edd28a;box-shadow:inset 4px 0 #d68b00}.conversation-row.needs-attention:hover,.conversation-row.needs-attention.selected{background:#fff2cc}.attention-reason{margin-top:4px;color:var(--warning)!important;font-weight:750!important}.attention-summary{color:var(--warning);background:#fff1cf;border-radius:999px;align-items:center;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.sidebar nav a{justify-content:space-between;align-items:center;gap:10px;display:flex}.nav-alert-count{color:#392600;background:#ffcb57;border-radius:999px;place-items:center;min-width:23px;height:23px;padding:0 6px;font-size:12px;display:grid}.alert-toggle{color:#d7e2db;text-align:left;background:#193526;border:1px solid #3a5848;margin:0 0 14px;padding:9px 10px;font-size:12px}.alert-toggle:hover,.alert-toggle.enabled{color:#fff;background:#294b39}.reply-form{z-index:3;border-top:1px solid var(--line);padding:15px 0 21px;bottom:-21px}.variant-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding-top:8px;display:flex}.variant-heading small{color:var(--muted);margin-top:3px;display:block}.variant-list{gap:8px;display:grid}.variant-row{grid-template-columns:1.2fr 1fr .8fr .7fr auto;align-items:center;gap:8px;display:grid}.variant-row input{min-width:0}@media (width<=720px){.variant-row{grid-template-columns:1fr 1fr}.variant-row button{grid-column:1/-1}}.combo-row{grid-template-columns:1.4fr .5fr 1fr auto;gap:8px;display:grid}.import-preview pre{white-space:pre-wrap;background:#f2f5f3;border-radius:10px;max-height:420px;padding:12px;font-size:12px;overflow:auto}.legal-page{color:#172033;background:#f4f6fb;min-height:100vh;padding:clamp(1.25rem,4vw,4rem) 1rem}.legal-document{background:#fff;border:1px solid #dce2ee;border-radius:18px;width:min(820px,100%);margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem);box-shadow:0 20px 55px #202f4e17}.legal-brand{color:#5637e8;margin-bottom:2.5rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-block}.legal-eyebrow,.legal-updated{color:#68738a}.legal-eyebrow{letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:.78rem;font-weight:800}.legal-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.25rem)}.legal-updated{margin:.75rem 0 0;font-size:.92rem}.legal-content{margin-top:3rem;line-height:1.75}.legal-content section{margin-top:2.25rem}.legal-content h2{margin-bottom:.65rem;font-size:1.2rem}.legal-content p,.legal-content li{color:#3f4a60}.legal-content li+li{margin-top:.45rem}.legal-content a,.legal-footer a{color:#5637e8}.legal-content address{color:#3f4a60;font-style:normal}.legal-footer{border-top:1px solid #e6eaf2;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:3.5rem;padding-top:1.5rem;font-size:.9rem;display:flex}.quality-review{border-top:1px solid var(--border);gap:.65rem;padding:1rem;display:grid}.quality-review>div,.quality-review form,.feedback-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.quality-review form input{flex:1;min-width:12rem}
