*{box-sizing:border-box}:root{--ink: #1c1a17;--ink-2: #3c3931;--ink-3: #6b675f;--ink-4: #9a958a;--gold: #b3945c;--gold-dark: #8a6d3b;--line: #ecebe7;--line-2: #f2f0ec;--bg-soft: #faf9f6;--bg-side: #fdfcfa;--red: #a5502e;--red-bg: #faeee8;--green: #3e7a4e;--green-bg: #eef5ef}html,body{margin:0;min-height:100%;background:#fff;color:var(--ink);font-family:Instrument Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--gold-dark);text-decoration:none}input,textarea,select,button{font-family:Instrument Sans,system-ui,sans-serif}::placeholder{color:var(--ink-4)}.shell{display:flex;min-height:100vh}.sidebar{width:216px;flex:none;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 0;background:var(--bg-side);position:sticky;top:0;height:100vh}.sidebar-head{padding:0 22px 18px;display:flex;align-items:center;justify-content:space-between}.sidebar-title{font-size:13px;font-weight:700;letter-spacing:.08em}.sidebar-sub{font-size:10px;letter-spacing:.16em;color:var(--gold);font-weight:700;margin-top:2px}.nav-list{display:flex;flex-direction:column;gap:1px;padding:0 12px}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:6px;font-size:13px;color:var(--ink-3);cursor:pointer}.nav-item:hover{background:#f3f1ec;color:var(--ink-3)}.nav-item.active{font-weight:600;background:#f3f1ec;color:var(--ink)}.nav-badge{background:var(--gold);color:#fff;border-radius:9px;font-size:10.5px;font-weight:700;padding:2px 7px}.nav-badge.red{background:var(--red)}.sidebar-foot{margin-top:auto;padding:14px 22px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.page{flex:1;overflow:auto;padding:26px 32px}.mobile-bar{display:none;position:sticky;top:0;z-index:40;background:var(--ink);color:#fff;padding:10px 16px;align-items:center;gap:12px}@media(max-width:860px){.sidebar{position:fixed;z-index:50;left:-240px;transition:left .2s;height:100vh}.sidebar.open{left:0;box-shadow:0 0 40px #1c1a174d}.mobile-bar{display:flex}.page{padding:18px 16px}}.h1{font-size:19px;font-weight:700}.sub{margin-top:4px;font-size:12.5px;color:var(--ink-3)}.section-label{font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--ink-4)}.muted{color:var(--ink-3)}.small{font-size:12px}.tiny{font-size:11px;color:var(--ink-4)}.card{border:1px solid var(--line);border-radius:10px;background:#fff}.card.pad{padding:15px 18px}.list-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line-2)}.list-row.click{cursor:pointer;border-radius:8px}.list-row.click:hover{background:var(--bg-soft)}.thead{display:grid;gap:12px;padding:0 20px 10px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink-4);border-bottom:1px solid var(--line)}.trow{display:grid;gap:12px;padding:13px 20px;align-items:center;border-bottom:1px solid var(--line-2);font-size:12.5px}.trow.click{cursor:pointer;border-radius:8px}.trow.click:hover{background:var(--bg-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:600;border-radius:6px;padding:8px 14px;cursor:pointer;border:none;text-decoration:none;background:var(--ink);color:#fff}.btn:hover{background:var(--ink-2);color:#fff}.btn.gold{background:var(--gold);font-weight:700}.btn.gold:hover{background:#9c8050}.btn.ghost{background:#fff;color:var(--ink-2);border:1px solid #dcdad4}.btn.ghost:hover{background:#f6f4f0;color:var(--ink-2)}.btn.danger{background:#fff;color:var(--red);border:1px solid #e4cfc4}.btn.danger:hover{background:var(--red-bg);color:var(--red)}.btn.xs{font-size:11.5px;padding:5px 10px}.btn:disabled{opacity:.45;cursor:default}.input{width:100%;border:1px solid #dcdad4;border-radius:8px;padding:9px 12px;font-size:13px;outline:none;background:#fff;color:var(--ink)}.input:focus{border-color:var(--gold)}textarea.input{resize:vertical}select.input{appearance:auto}label.field{display:block}label.field .lab{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink-4);margin-bottom:5px;display:block}.pill{display:inline-block;font-size:10.5px;font-weight:700;border-radius:99px;padding:3px 9px;white-space:nowrap}.pill.gold{color:var(--gold-dark);background:#f7f2e7}.pill.green{color:var(--green);background:var(--green-bg)}.pill.red{color:var(--red);background:var(--red-bg)}.pill.gray{color:var(--ink-3);background:var(--line-2)}.pill.dark{color:#fff;background:var(--ink)}.brand-chip{font-size:10px;font-weight:700;letter-spacing:.06em;border:1px solid;border-radius:99px;padding:3px 9px;white-space:nowrap}.avatar{border-radius:50%;background:#f6f4f0;color:#8a8477;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex:none}.progress{height:5px;background:#f1efe9;border-radius:3px;overflow:hidden}.progress>div{height:100%;border-radius:3px;background:var(--gold);transition:width .3s}.progress>div.complete{background:var(--green)}.stage-bar{display:flex;gap:4px}.stage-seg{flex:1;height:4px;border-radius:2px;background:#eae7e0}.stage-seg.on{background:var(--gold)}.stage-seg.lost{background:#e4cfc4}.chat-scroll{flex:1;padding:18px 24px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.msg{max-width:75%;border-radius:10px;padding:11px 14px;font-size:13.5px;line-height:1.5}.msg .meta{margin-top:5px;font-size:11px}.msg.guest{align-self:flex-start;background:#f6f4f0;border-radius:10px 10px 10px 3px}.msg.guest .meta{color:var(--ink-4)}.msg.agent{align-self:flex-end;background:var(--ink);color:#f5f3ee;border-radius:10px 10px 3px}.msg.agent .meta{color:#8a8477}.attachment-chip{display:flex;align-items:center;gap:10px;background:var(--bg-side);border:1px solid #eae7e0;border-radius:8px;padding:9px 14px;max-width:75%;color:inherit}.attachment-chip .icon{width:30px;height:30px;border-radius:6px;background:#f1ede4;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--gold)}.modal-back{position:fixed;inset:0;background:#1c1a1773;display:flex;align-items:center;justify-content:center;z-index:80;padding:16px}.modal{width:640px;max-width:94vw;max-height:88vh;overflow:auto;background:#fff;border-radius:14px;padding:24px 28px;box-shadow:0 20px 60px #1c1a174d}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#f5f3ee;font-size:13px;font-weight:500;border-radius:8px;padding:12px 20px;box-shadow:0 6px 24px #1c1a174d;z-index:99;display:flex;align-items:center;gap:10px;max-width:92vw}.toast:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);flex:none}.notif-stack{position:fixed;top:14px;right:14px;z-index:95;display:flex;flex-direction:column;gap:8px;width:320px;max-width:92vw}.notif{background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:12px 14px;box-shadow:0 8px 30px #1c1a172e;cursor:pointer}.row{display:flex;align-items:center;gap:10px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:720px){.grid2{grid-template-columns:1fr}}.kpi{border:1px solid var(--line);border-radius:10px;padding:14px 16px}.kpi .v{font-size:24px;font-weight:700}.kpi .l{margin-top:3px;font-size:11.5px;color:var(--ink-3);line-height:1.35}