:root{color:#182126;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.file-button{color:#fff;cursor:pointer;white-space:nowrap;background:#1e5f54;border:1px solid #1e5f54;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;display:inline-flex}button.ghost{color:#24333a;background:#fff;border-color:#cbd8d4}input,select{color:#182126;background:#fff;border:1px solid #cbd8d4;border-radius:6px;min-height:38px;padding:0 10px}label{color:#52636b;gap:7px;font-size:13px;display:grid}.login-page,.loading{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #d9e4df;border-radius:8px;gap:16px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 24px 70px #1a2b2f14}.login-panel h1,.topbar h1,.panel h2{margin:0;line-height:1.1}.login-panel p{color:#5c6f76;margin:0}.brand-mark,.stat-icon{color:#1e5f54;background:#e7f4ef;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.app-shell{max-width:1480px;margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.top-actions,.panel-heading,.filters,.detail-actions,.pill-row,.send-form,.note-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eyebrow{color:#66777f;text-transform:uppercase;letter-spacing:0;margin:0 0 4px;font-size:12px}.stats-grid{grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat,.panel{background:#fff;border:1px solid #d9e4df;border-radius:8px}.stat{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:14px;display:grid}.stat span{color:#617178;font-size:13px}.stat strong{font-size:26px}.workspace{grid-template-columns:minmax(430px,.9fr) minmax(520px,1.1fr);align-items:start;gap:16px;display:grid}.left-column{gap:16px;display:grid}.panel{padding:16px}.panel-heading{justify-content:space-between;margin-bottom:14px}.file-button input{display:none}.search-box{background:#fff;border:1px solid #cbd8d4;border-radius:6px;align-items:center;gap:6px;padding-left:9px;display:flex}.search-box input{border:0;width:150px}.contact-list{gap:8px;max-height:680px;display:grid;overflow:auto}.contact-row{color:#182126;text-align:left;background:#fff;border:1px solid #dbe5e1;justify-content:space-between;width:100%;min-height:62px}.contact-row.selected{background:#f0faf5;border-color:#1e5f54}.contact-row span,.row-meta,.timeline-event span,.message-row{gap:4px;display:grid}.contact-row em,.timeline-event em,.message-row span,.row-meta small{color:#66777f;font-size:12px;font-style:normal}.row-meta{text-align:right}.detail-panel{min-height:760px}.detail-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.pill-row span,.metrics-strip span{color:#34474f;background:#eef4f1;border:1px solid #dce8e3;border-radius:999px;padding:5px 9px;font-size:12px}.metrics-strip{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.recommendation{color:#55451d;background:#fff8e7;border:1px solid #eadfb9;border-radius:6px;margin:12px 0;padding:12px}.send-form{border:1px solid #d9e4df;border-radius:8px;justify-content:space-between;margin:14px 0;padding:12px}.send-form label{flex:1;min-width:240px}.detail-grid{grid-template-columns:1fr .8fr;gap:18px;display:grid}.detail-grid h3{margin:8px 0 10px}.note-form{align-items:end;margin-bottom:12px}.note-form input{flex:1;min-width:220px}.timeline,.message-list{gap:8px;display:grid}.timeline-event,.message-row{background:#fbfcfb;border:1px solid #e1e9e6;border-radius:7px;padding:10px}.timeline-event{grid-template-columns:auto 1fr;gap:9px;display:grid}.empty{color:#6c7b82;text-align:center;padding:20px}.centered{place-items:center;min-height:560px;display:grid}.notice,.error{border-radius:6px;margin-bottom:12px;padding:11px 13px}.notice{color:#174c42;background:#e7f4ef;border:1px solid #bdded4}.error{color:#8a291c;background:#fff0ed;border:1px solid #f0c7be}@media (width<=1040px){.stats-grid,.workspace,.detail-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:14px}.topbar,.detail-header{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-row,.send-form,.note-form{align-items:stretch}}