:root{--bg: #F5F6F3;--surface: #FFFFFF;--panel: #EAECE7;--ink: #1B2321;--ink-soft: #5B655F;--teal: #1F7A6C;--teal-soft: #DCEEE9;--amber: #A8611A;--amber-soft: #F5E6D3;--border: #C9CDC5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,Arial,sans-serif}#app{min-height:100vh;display:flex;flex-direction:column}.login-screen{flex:1;display:flex;align-items:center;justify-content:center}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:32px 36px;width:320px;display:flex;flex-direction:column;gap:12px}.login-box h1{font-size:18px;margin:0 0 4px}.login-box label{font-size:12.5px;color:var(--ink-soft)}.login-box input{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px}.login-box button{margin-top:8px;padding:9px;border:none;border-radius:6px;background:var(--teal);color:#fff;font-weight:600;cursor:pointer}.login-box .error{color:#b3261e;font-size:12.5px}header.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border)}header.topbar h1{font-size:16px;margin:0}header.topbar button{border:1px solid var(--border);background:var(--panel);border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12.5px}.layout{flex:1;display:grid;grid-template-columns:380px 1fr;min-height:0}.customer-list{border-right:1px solid var(--border);overflow-y:auto}.customer-row{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;gap:4px}.customer-row:hover{background:var(--panel)}.customer-row.selected{background:var(--teal-soft)}.customer-row .row-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.customer-row .id{font-family:monospace;font-size:12px;color:var(--ink-soft)}.customer-row .score{font-weight:700;font-size:13px}.customer-row .meta{font-size:12px;color:var(--ink-soft)}.badge-hot{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:4px;color:var(--amber);background:var(--amber-soft)}.detail-panel{padding:24px 28px;overflow-y:auto}.detail-panel .empty{color:var(--ink-soft);font-size:14px}.detail-panel h2{margin:0 0 4px;font-family:monospace;font-size:18px}.detail-panel .computed-at{font-size:12px;color:var(--ink-soft);margin-bottom:20px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px;margin-bottom:20px}.field-grid .field{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.field-grid .field .k{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.field-grid .field .v{font-size:14px;margin-top:2px}.section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:20px 0 8px}.timeline-item{padding:8px 12px;border:1px solid var(--border);border-radius:8px;margin-bottom:6px;font-size:13.5px;background:var(--surface)}.timeline-item .when{font-size:11px;color:var(--ink-soft)}.tag-chip{display:inline-block;font-size:11.5px;background:var(--panel);border-radius:4px;padding:2px 8px;margin:0 6px 6px 0}.score-breakdown{display:flex;gap:10px;flex-wrap:wrap}.score-breakdown .chip{background:var(--panel);border-radius:6px;padding:6px 10px;font-size:12px}