:root{--bg:#f3f5f4;--ink:#182b2a;--muted:#687a77;--green:#126c58;--line:#dde5e1;--soft:#eef6f2}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:14px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #67b49b;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#112e2b;color:#dce9e3;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;text-decoration:none;align-items:center;font-size:18px;font-weight:750;letter-spacing:.8px}.brand-icon{display:grid;place-items:center;width:38px;height:42px;border:1px solid #7da68f;border-radius:10px;font-size:28px;color:#b9e09f}.brand small{display:block;font-size:8px;letter-spacing:1.9px;font-weight:500;color:#a1b8ad;margin-top:5px}.workspace{margin:32px 0 28px;padding:12px 0;border-top:1px solid #35514a;border-bottom:1px solid #35514a;font-size:11px;display:flex;gap:7px;align-items:center}.live-dot{width:6px;height:6px;background:#b7d79a;border-radius:50%}.pill{font-size:9px;letter-spacing:.8px;font-weight:700;background:#e9efeb;border:1px solid #d9e3dd;color:#60766b;border-radius:5px;padding:5px 6px;white-space:nowrap}.workspace .pill{background:#29463e;color:#c1dba9;border-color:#3d5c4e;margin-left:auto;font-size:8px}.nav-label{font-size:10px;letter-spacing:1.8px;color:#8ba99e;margin:0 8px 15px}nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;border:0;background:none;color:#bacec4;border-radius:8px;padding:13px 10px;text-align:left}.nav-item .nav-count{margin-left:auto;font-size:11px;color:#94afa0}.nav-item.active{background:#d0e6b4;color:#173f31;font-weight:700}.nav-item.active .nav-count{color:#365b38}.nav-icon{width:18px;font-size:17px}.sidebar-bottom{margin-top:auto;padding:24px 8px 0}.sidebar-bottom strong{font-size:16px;color:#d3e9bd}.sidebar-bottom p{font-size:12px;line-height:1.8;color:#9cb7a9}.privacy{font-size:10px;color:#81a797}main{margin-left:240px;padding:36px 36px 20px;max-width:1900px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:700;color:#648579;letter-spacing:1.8px;margin:0 0 12px}h1{font-size:34px;letter-spacing:-1.2px;margin:0 0 10px;font-weight:650}.subtitle{color:var(--muted);margin:0;font-size:13px}.button{border:1px solid var(--green);background:var(--green);color:white;border-radius:7px;padding:10px 13px;font-weight:600;font-size:12px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:5px}.secondary{background:white;color:#375b50;border:1px solid #d5e0d8}.danger{background:#fff9f7;border-color:#e7d3c9;color:#925b45}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats>div{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}.stats span{color:var(--muted);font-size:12px}.stats strong{font-size:32px;letter-spacing:-1px;font-weight:650;display:block;margin:12px 0 8px}.stats>div:nth-child(2){background:#e7efdf;border-color:#d4e2c5}.stats small{font-size:10px;color:#7e8e83}.source-banner{display:flex;align-items:center;gap:12px;background:#f9f5e9;border:1px solid #e9e2ca;border-radius:8px;padding:13px 16px;margin-bottom:24px;color:#7a693c}.source-icon{font-size:25px}.source-banner strong{font-size:12px}.source-banner p{font-size:11px;margin:5px 0 0;line-height:1.6}.content{display:grid;grid-template-columns:minmax(340px,1fr) minmax(340px,440px);gap:20px;align-items:start}.list-area,.detail{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.list-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 20px 10px;gap:10px}h2{font-size:19px;font-weight:650;margin:0}.list-heading p{color:var(--muted);font-size:11px;margin:7px 0}.filters{display:flex;gap:9px;padding:10px 20px}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:#fafcfb;flex:1;min-width:0;padding-left:10px}.search span{font-size:23px;color:#82968b}.search input{width:100%;min-width:0;border:none;background:none;padding:11px 9px;font-size:12px;outline:none}select{border:1px solid var(--line);border-radius:6px;padding:9px;background:white;color:#52695e;max-width:170px;font-size:11px}.hint{font-size:10px;line-height:1.6;color:#7a8d84;margin:0;padding:2px 20px 15px}.customer{display:block;text-align:left;width:100%;border:0;border-top:1px solid #edf1ee;background:white;padding:16px 20px;transition:background .15s}.customer:hover{background:#f7faf7}.customer.selected{background:#edf5ee;box-shadow:inset 3px 0 #2b7955}.customer-top{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;background:#eff1e9;color:#6a7b53;border-radius:9px;width:35px;height:35px;font-size:12px;font-weight:700;flex-shrink:0}.customer-title{font-weight:650;font-size:13px;word-break:break-word}.customer-user{font-size:11px;color:#87948a;margin-top:4px;overflow:hidden;text-overflow:ellipsis;max-width:230px;white-space:nowrap}.badge{margin-left:auto;border-radius:5px;background:#f4f0e4;color:#9a8352;font-size:9px;padding:5px 7px;white-space:nowrap}.badge.ready{background:#e2f2e8;color:#29744b}.customer-segment{font-size:11px;color:#61766a;line-height:1.5;margin:11px 0 7px}.customer-meta{display:flex;gap:15px;font-size:10px;color:#87998b}.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 20px}.pagination span{font-size:11px;color:var(--muted)}.empty-detail{padding:55px 30px;text-align:center;min-height:400px}.empty-mark{display:grid;place-items:center;background:#f0f5e9;border:1px solid #e1e8d9;color:#71975d;width:60px;height:60px;border-radius:18px;margin:0 auto 25px;font-size:30px}.empty-detail p{font-size:12px;line-height:1.9;color:var(--muted)}.steps{display:grid;gap:16px;text-align:left;margin:35px auto 0;max-width:240px;font-size:11px;color:#7e8e82}.detail-head{padding:23px;background:#f9fbf7;border-bottom:1px solid var(--line)}.detail-head h2{font-size:19px;overflow-wrap:anywhere}.detail-head p{color:var(--muted);font-size:11px;margin:7px 0}.detail-section{padding:20px;border-bottom:1px solid var(--line)}.detail-section h3{font-size:12px;font-weight:700;margin:0 0 13px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.facts label{display:block;font-size:10px;color:#7a8d83;margin-bottom:5px}.facts strong{font-size:12px;font-weight:550;word-break:break-word}.notice{font-size:11px;line-height:1.7;background:#faf4e9;border-radius:7px;color:#846c40;padding:11px;margin:10px 0}.notice.blocked{background:#f9ece9;color:#92584c}.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{font-size:9px;padding:5px 7px;background:#f0f4ef;color:#6b7f64;border-radius:4px}.form-row{display:flex;gap:8px;margin:10px 0}.form-row select{flex:1;max-width:none;min-width:0}.check{display:flex;gap:8px;font-size:11px;line-height:1.7;color:#526c5e;margin:12px 0}.check input{flex-shrink:0;align-self:start;margin-top:4px;accent-color:var(--green)}.field-label{display:block;font-size:11px;color:#526c5e;margin:14px 0 7px}textarea{width:100%;resize:vertical;border:1px solid #d7e2d9;border-radius:7px;padding:12px;line-height:1.7;font-size:12px;color:#294b3b;background:#fbfdfb}textarea:disabled{color:#8e9c92;background:#f3f5f3}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.actions .button{flex:1;white-space:nowrap}.small-note{font-size:10px;line-height:1.6;color:#89998c;margin:8px 0}.message{background:#f4f6f2;border-radius:7px;padding:10px 12px;margin:9px 0;overflow-wrap:anywhere}.message.business{background:#edf5ea}.message p{white-space:pre-wrap;font-size:11px;line-height:1.7;margin:6px 0 0}.message small{font-size:9px;color:#7b8e7e}.history{font-size:10px;color:#7c8e7e;line-height:2}.empty-list{padding:50px 25px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.empty-list strong{color:#3f624d;display:block;font-size:16px;margin-bottom:10px}input[type=date]{border:1px solid var(--line);border-radius:6px;padding:9px;min-width:0;flex:1}footer{display:flex;justify-content:space-between;gap:10px;color:#91a092;font-size:9px;padding:25px 2px;line-height:1.7}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#163f32;color:white;padding:14px 24px;border-radius:8px;box-shadow:0 5px 25px #163f3233;max-width:90vw;z-index:10;font-size:12px}#toast.error{background:#8e483c}.loading{opacity:.6;pointer-events:none}details summary{cursor:pointer;font-size:12px;font-weight:650;padding:2px 0}details[open] summary{margin-bottom:13px}
#customers{max-height:680px;overflow-y:auto}#messages{max-height:500px;overflow-y:auto}
.recommend{width:100%;padding:14px;background:#d3e8b9;color:#254a31;border-color:#bad19e;font-size:13px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.quick-guide{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px;margin-bottom:20px}.quick-guide li,.quick-guide p{font-size:12px;line-height:1.9;color:var(--muted)}.quick-guide ol{padding-left:20px}.login-page{display:grid;place-items:center;min-height:100vh;padding:20px;background:#102f2a}.login-card{background:#fff;border-radius:18px;padding:40px;width:min(460px,100%)}.login-card .brand-icon{margin-bottom:28px;background:#edf6e4;color:#35663c}.login-card h1{font-size:29px}.login-card form{margin-top:25px}.login-card input:not([type=hidden]){width:100%;border:1px solid var(--line);border-radius:7px;padding:12px}.login-card button{width:100%;margin:22px 0 12px;padding:13px}
@media(min-width:1600px){.content{grid-template-columns:1fr 510px}}@media(max-width:1150px){.sidebar{width:205px;padding:25px 14px}main{margin-left:205px;padding:26px 22px}.content{grid-template-columns:1fr}.detail{max-height:none}.stats{gap:9px}.stats>div{padding:15px}.list-heading .pill{display:none}h1{font-size:30px}.sidebar-bottom{padding-left:4px}#customers{max-height:450px}}
@media(max-width:700px){.sidebar{position:static;width:100%;padding:18px}.brand{font-size:16px}.workspace,.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;margin-top:17px;gap:6px}.nav-item{flex-shrink:0;padding:9px;font-size:11px}.nav-icon{display:none}.nav-count{font-size:9px}main{margin:0;padding:20px 14px}.stats{grid-template-columns:1fr 1fr}.stats strong{font-size:28px}header{align-items:start;margin-bottom:20px}header .button{font-size:10px;padding:9px;max-width:100px}.eyebrow{font-size:8px}h1{font-size:27px}.subtitle{font-size:11px;line-height:1.7}.content{grid-template-columns:minmax(0,1fr)}.source-banner{align-items:start}.filters{padding:10px 14px}.filters select{max-width:110px}.list-heading{padding:18px 14px 8px}.customer{padding:15px 14px}.customer-user{max-width:150px}.customer-meta{gap:8px;font-size:9px}.badge{font-size:8px}.pagination{padding:13px 14px}footer{display:block}footer span{display:block;margin-top:6px}.detail-section{padding:17px}}
[hidden]{display:none!important}