*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0b1c2e;--navy-light:#132338;--navy-border:#1e3a5f;--gold:#c9a84c;--gold-light:#e8c96d;--gold-muted:#8b7235;--bg:#f4f5f7;--surface:#fff;--surface-2:#f8f9fa;--border:#e5e7eb;--border-strong:#d1d5db;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--blue:#2563eb;--blue-bg:#eff6ff;--green:#16a34a;--green-bg:#f0fdf4;--amber:#d97706;--amber-bg:#fffbeb;--red:#dc2626;--red-bg:#fef2f2;--purple:#7c3aed;--purple-bg:#f5f3ff;--radius-sm:6px;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d, 0 2px 4px #0000000a}body{color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:14px;line-height:1.5}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text-primary);outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px #0b1c2e14}input::placeholder{color:var(--text-muted)}button{cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}button:active{transform:scale(.98)}.btn-primary{background:var(--navy);color:#fff;border-radius:var(--radius);border:none;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.btn-primary:hover{background:var(--navy-light)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius);align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.btn-secondary:hover{background:var(--surface-2)}.btn-gold{background:var(--gold);color:var(--navy);border-radius:var(--radius);border:none;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.btn-gold:hover{background:var(--gold-light)}.btn-danger{background:var(--red-bg);color:var(--red);border-radius:var(--radius);border:1px solid #fecaca;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.btn-danger:hover{background:#fee2e2}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-new{background:var(--blue-bg);color:var(--blue)}.badge-cold{color:#1d4ed8;background:#eff6ff}.badge-hot{background:var(--amber-bg);color:var(--amber)}.badge-quote{background:var(--purple-bg);color:var(--purple)}.badge-won{background:var(--green-bg);color:var(--green)}.badge-lost{background:var(--red-bg);color:var(--red)}.badge-gray{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{background:var(--surface-2);text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:500}tbody td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;padding:12px 14px}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-title{color:var(--text-primary);font-size:20px;font-weight:600}.page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:13px}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:5px;font-size:12px;font-weight:500;display:block}.form-row{gap:16px;display:grid}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.toggle-group{flex-wrap:wrap;gap:6px;display:flex}.toggle-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.toggle-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.toggle-btn:hover:not(.active){border-color:var(--navy);color:var(--navy)}.metric-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.25rem}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:500}.metric-value{color:var(--text-primary);font-size:26px;font-weight:600;line-height:1}.metric-sub{color:var(--text-muted);margin-top:4px;font-size:12px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}