@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0e1a;--surface:#111827;--surface2:#1a2235;--border:hsla(0,0%,100%,.07);--border2:hsla(0,0%,100%,.12);--text:#f0f4ff;--text2:#8b9cc8;--text3:#4b5a7a;--accent:#3b82f6;--accent-l:rgba(59,130,246,.15);--accent2:#06b6d4;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px rgba(0,0,0,.4);--shadow-lg:0 20px 60px rgba(0,0,0,.6)}body,html{height:100%;font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}h1{font-size:1.75rem;letter-spacing:-.02em}h1,h2{font-weight:600}h2{font-size:1.25rem;letter-spacing:-.01em}h3{font-size:1rem;font-weight:500}input{width:100%;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius-sm);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;padding:11px 14px;outline:none;transition:border-color .15s}input:focus{border-color:var(--accent)}input::placeholder{color:var(--text3)}button{cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;border:none;border-radius:var(--radius-sm);transition:all .15s}.btn-primary{background:var(--accent);color:#fff;padding:11px 20px;width:100%}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text2);padding:8px 14px;border:1px solid var(--border2)}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.label{font-size:12px;color:var(--text2);letter-spacing:.06em;margin-bottom:6px;display:block}.badge,.label{font-weight:500;text-transform:uppercase}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:11px;letter-spacing:.04em}.badge-customer{background:rgba(59,130,246,.15);color:#60a5fa}.badge-vendor{background:rgba(6,182,212,.15);color:#22d3ee}.error-msg{color:var(--danger);font-size:13px;margin-top:8px}