*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0b;--bg2: #111114;--bg3: #18181c;--border: #27272d;--border2: #3a3a42;--text: #e8e8ec;--text2: #9090a0;--text3: #55556a;--accent: #c8f135;--accent2: #a8d020;--red: #ef4444;--amber: #f59e0b;--green: #10b981;--blue: #6366f1;--pink: #ec4899;--font-head: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--radius: 4px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-mono);font-size:13px;line-height:1.5}.nav{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:52px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-head);font-weight:700;font-size:15px;letter-spacing:.02em;color:var(--text)}.nav-logo{color:var(--accent);font-size:12px}.nav-links{display:flex;gap:2px}.nav-links a{padding:6px 14px;color:var(--text2);text-decoration:none;border-radius:var(--radius);font-size:12px;letter-spacing:.06em;text-transform:uppercase;transition:color .15s,background .15s}.nav-links a:hover{color:var(--text);background:var(--bg3)}.nav-links a.active{color:var(--accent);background:#c8f13514}.main{padding:28px 24px;max-width:1400px;margin:0 auto}h1{font-family:var(--font-head);font-size:22px;font-weight:800;letter-spacing:-.02em}h2{font-family:var(--font-head);font-size:16px;font-weight:700}h3{font-family:var(--font-head);font-size:13px;font-weight:600}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card:hover{border-color:var(--border2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-family:var(--font-mono);font-size:12px;font-weight:500;cursor:pointer;border:none;transition:all .15s;letter-spacing:.04em;text-decoration:none}.btn-primary{background:var(--accent);color:#0a0a0b}.btn-primary:hover{background:var(--accent2)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border2);color:var(--text)}.btn-danger{background:transparent;color:var(--red);border:1px solid transparent}.btn-danger:hover{background:#ef44441a}input,select,textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);font-size:13px;padding:8px 12px;outline:none;transition:border-color .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder{color:var(--text3)}label{display:block;color:var(--text2);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:2px;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.badge-status-prospect{background:#6366f126;color:#818cf8}.badge-status-kontaktad{background:#f59e0b26;color:#fbbf24}.badge-status-aktiv_kund{background:#10b98126;color:#34d399}.badge-status-inaktiv{background:#6b728026;color:#9ca3af}.badge-status-blockerad{background:#ef444426;color:#f87171}.badge-priority-vip{background:#ec489926;color:#f472b6}.badge-priority-hög{background:#f59e0b26;color:#fbbf24}.badge-priority-normal{background:#3b82f626;color:#93c5fd}.badge-priority-låg{background:#6b728026;color:#9ca3af}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}thead tr{border-bottom:1px solid var(--border)}th{text-align:left;padding:8px 12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);font-weight:500;white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr{transition:background .1s;cursor:pointer}tbody tr:hover{background:var(--bg3)}tbody tr:last-child td{border-bottom:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.text-muted{color:var(--text2)}.text-dim{color:var(--text3)}.text-accent{color:var(--accent)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:no}