:root{--bg:#f6f7f9;--panel:#ffffff;--ink:#17202a;--muted:#667085;--line:#d9dee7;--soft:#eef2f7;--blue:#2563eb;--teal:#0f766e;--green:#15803d;--amber:#b45309;--red:#b91c1c;--purple:#7e22ce;--shadow:0 1px 2px rgba(16,24,40,0.06)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{background:#111827;color:white;padding:22px 18px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{font-weight:800;font-size:19px;margin-bottom:6px}.brand-sub{color:#b8c1d2;font-size:13px;line-height:1.45;margin-bottom:28px}.nav{display:grid;grid-gap:8px;gap:8px}.nav a{padding:10px 12px;border-radius:8px;color:#e5e7eb;font-weight:650;font-size:14px}.nav a:hover{background:rgba(255,255,255,.09)}.user-box{position:absolute;left:18px;right:18px;bottom:20px;display:grid;grid-gap:8px;gap:8px}.user-box label{color:#cbd5e1;font-size:12px}.user-box select{width:100%;border:1px solid #334155;color:white;background:#1f2937;border-radius:8px;padding:9px 10px}.main{padding:26px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}.eyebrow{color:var(--muted);font-size:13px;font-weight:650;text-transform:uppercase}h1,h2,h3{margin:0;letter-spacing:0}h1{font-size:28px}h2{font-size:18px}h3{font-size:15px}.subtle{color:var(--muted);font-size:14px}.grid{display:grid;grid-gap:14px;gap:14px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-col{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.panel{padding:18px}.stat{padding:16px;display:grid;grid-gap:7px;gap:7px}.stat .label{color:var(--muted);font-size:13px;font-weight:650}.stat .value{font-size:27px;font-weight:800}.stat .hint{color:var(--muted);font-size:12px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:white}table{width:100%;border-collapse:collapse;min-width:900px}td,th{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:13px}th{background:#f1f4f8;color:#475467;font-size:12px;text-transform:uppercase;letter-spacing:0}tr:last-child td{border-bottom:0}.badge-row{display:flex;flex-wrap:wrap;gap:6px}.badge,.badge-row{align-items:center}.badge{display:inline-flex;min-height:24px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:750;border:1px solid transparent;white-space:nowrap}.badge.p1,.flag-red{color:var(--red);background:#fef2f2;border-color:#fecaca}.badge.p2,.flag-orange{color:var(--amber);background:#fff7ed;border-color:#fed7aa}.badge.p3,.flag-yellow{color:#75620e;background:#fefce8;border-color:#fde68a}.badge.stage-payment{color:var(--red);background:#fff1f2;border-color:#fecdd3}.badge.stage-order{color:var(--purple);background:#faf5ff;border-color:#e9d5ff}.badge.stage-warm{color:var(--teal);background:#ecfeff;border-color:#a5f3fc}.badge.stage-low{color:#475467;background:#f2f4f7;border-color:#d0d5dd}.badge.status{color:var(--blue);background:#eff6ff;border-color:#bfdbfe}.filters{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));grid-gap:10px;gap:10px;margin-bottom:14px}.field{display:grid;grid-gap:6px;gap:6px}.field span{color:#475467;font-size:12px;font-weight:700}.field input,.field select,.field textarea,.input{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:white;color:var(--ink);min-width:0}.field textarea{min-height:92px;resize:vertical}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions,.button{align-items:center}.button{display:inline-flex;justify-content:center;min-height:38px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:white;color:var(--ink);font-weight:750;cursor:pointer}.button.primary{background:var(--blue);border-color:var(--blue);color:white}.button.danger{background:var(--red);border-color:var(--red);color:white}.button:hover{filter:brightness(.98)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.timeline{display:grid;grid-gap:10px;gap:10px}.timeline-item{border-left:3px solid var(--blue);padding:4px 0 4px 12px}.timeline-item strong{display:block;margin-bottom:3px}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.detail-item{padding:10px 0;border-bottom:1px solid var(--line)}.detail-item span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.lead-mini{padding:12px;display:grid;grid-gap:8px;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.full{grid-column:1/-1}.notice{padding:12px;border-radius:8px;background:#ecfdf3;color:#166534;border:1px solid #bbf7d0;font-weight:650}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-panel{width:min(440px,100%)}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.user-box{position:static;margin-top:18px}.kanban,.stats-grid,.two-col{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.main{padding:18px}.section-head,.topbar{display:grid}.detail-list,.filters,.form-grid{grid-template-columns:1fr}h1{font-size:24px}}