:root{color:#263238;--app-bg:#fbf8f4;--surface:#fffefd;--surface-soft:#fff7f1;--border:#eadfd4;--text:#263238;--muted:#6b7280;--primary:#2f8f8a;--primary-soft:#e7f6f3;--accent-soft:#fff0e8;--sidebar:#28445c;--success:#16845f;--danger:#b42318;--shadow:0 14px 34px #523d301a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fbf8f4;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.login-page{background:linear-gradient(135deg, #2f8f8a14, #ef8f721f), var(--app-bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);background:var(--surface);width:min(460px,100%);box-shadow:var(--shadow);border-radius:8px;padding:22px}.login-brand{color:var(--text);border-bottom-color:var(--border);margin-bottom:18px;padding:0 0 18px}.login-brand p{color:var(--muted)}.login-form{gap:12px;display:grid}.login-form label{color:#53636b;gap:6px;font-size:13px;font-weight:700;display:grid}.login-form input,.login-form select{border:1px solid var(--border);width:100%;min-height:40px;color:var(--text);background:var(--surface);border-radius:8px;padding:8px 10px}.primary-btn,.ghost-btn{cursor:pointer;border-radius:8px;min-height:40px;padding:8px 12px}.primary-btn{border:1px solid var(--primary);background:var(--primary);color:#fff;font-weight:700}.ghost-btn{border:1px solid var(--border);background:var(--surface);color:var(--text)}.danger-btn{color:var(--danger)}.form-error{color:var(--danger);margin:0;font-size:13px}.demo-accounts{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;display:flex}.demo-accounts span{color:var(--muted);flex-basis:100%;font-size:12px}.demo-accounts button{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 10px}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--sidebar), #1f3447);color:#fffaf6;padding:20px 14px}.brand{border-bottom:1px solid #ffffff29;align-items:center;gap:12px;padding:8px 8px 20px;display:flex}.brand-mark{color:#14343d;background:linear-gradient(135deg,#8fd8cf,#ffd3c2);border-radius:8px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.brand h1,.brand p,.eyebrow,.topbar h2,.hero-band h3,.panel h3{margin:0}.brand h1{font-size:18px}.brand p{color:#e7eef2;margin-top:4px;font-size:12px}.module-nav{gap:6px;margin-top:18px;display:grid}.module-nav button{color:#edf2f4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:12px}.module-nav button:first-child,.module-nav button.active,.module-nav button:hover{color:#fff;background:#f5c7b838}.main{background:var(--app-bg);min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.top-actions{align-items:center;gap:10px;display:flex}.eyebrow{color:var(--muted);font-size:12px}.topbar h2{margin-top:4px;font-size:28px}.status-pill{background:var(--accent-soft);color:#ad563b;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.status-pill.online{background:var(--primary-soft);color:var(--success)}.status-pill.offline{color:var(--danger);background:#fff1f3}.hero-band,.panel,.stat-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.hero-band{background:linear-gradient(135deg, #2f8f8a17, #ef8f721a), var(--surface);padding:22px}.hero-band h3{margin-top:6px;font-size:24px}.hero-band p:last-child{color:#53636b;max-width:880px;margin:10px 0 0;line-height:1.7}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.stat-card{background:linear-gradient(#fffefd,#fff9f4);padding:16px}.stat-card span{color:var(--muted);font-size:13px;display:block}.stat-card strong{margin-top:8px;font-size:28px;display:block}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;margin-top:16px;display:grid}.panel{overflow:hidden}.panel-head{border-bottom:1px solid var(--border);background:linear-gradient(#fffaf6,#fff5ef);padding:14px 16px}.panel-head h3{font-size:16px}.timeline{padding:6px 16px;display:grid}.timeline-row{border-bottom:1px solid var(--border);grid-template-columns:150px minmax(0,1fr);gap:12px;padding:14px 0;display:grid}.timeline-row:last-child{border-bottom:0}.timeline-row span,.flow-list{color:#53636b}.flow-list{margin:0;padding:16px 16px 16px 38px;line-height:1.9}.customer-layout{grid-template-columns:minmax(0,1.5fr) minmax(320px,.5fr);gap:16px;display:grid}.split-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.search-row{gap:8px;display:flex}.inline-actions{flex-wrap:wrap;gap:8px;display:flex}.search-row input,.compact-form input,.compact-form select,.compact-form textarea,.follow-form textarea{border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;min-height:38px;padding:8px 10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:11px 12px}th{color:var(--muted);background:#fff7f1;font-size:12px}td span{color:var(--muted);margin-top:3px;font-size:12px;display:block}tbody tr{cursor:pointer}tbody tr.selected,tbody tr:hover{background:#fff1e9}.status-chip{background:var(--primary-soft);color:var(--success);border-radius:999px;margin-top:0;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.pay-chip{color:#24659c;background:#eef7ff}.block-chip{color:var(--danger);background:#fff1f3}.compact-form{gap:10px;padding:16px;display:grid}.system-form label{color:#53636b;gap:6px;font-size:13px;font-weight:700;display:grid}.system-form .checkbox-row{align-items:center;gap:8px;display:flex}.system-form .checkbox-row input{width:auto;min-height:auto}.compact-form textarea,.follow-form textarea{resize:vertical;min-height:86px}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;display:grid}.dispatch-summary{border-bottom:1px solid var(--border)}.detail-grid div{border:1px solid var(--border);border-radius:8px;padding:12px}.detail-grid span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.detail-grid strong{display:block}.detail-note{border-top:1px solid var(--border);color:#53636b;margin:0;padding:14px 16px}.detail-list{gap:12px;padding:16px;display:grid}.detail-list div{border:1px solid var(--border);border-radius:8px;padding:12px}.detail-list span,.muted-text{color:var(--muted);font-size:12px}.detail-list strong{margin-top:6px;display:block}.detail-list p{color:#53636b;margin:6px 0 0}.table-panel{margin-top:16px}.document-preview{color:var(--text);white-space:pre-wrap;margin:0;padding:18px;font-family:Arial,Microsoft YaHei,PingFang SC,sans-serif;line-height:1.8;overflow-x:auto}.success-note{background:var(--primary-soft);color:var(--success);border-top:1px solid #b7e5d7;margin:0;padding:12px 16px;font-weight:700}.follow-form{gap:10px;padding:16px;display:grid}.followup-list{border-top:1px solid var(--border)}.empty-page p{color:#53636b;margin:0;padding:16px;line-height:1.7}@media (width<=1000px){.app-shell,.content-grid,.customer-layout{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.main{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.top-actions{flex-direction:column;align-items:stretch;width:100%}.stats-grid,.timeline-row,.detail-grid{grid-template-columns:1fr}.split-head,.search-row{flex-direction:column;align-items:stretch}}