@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#f8f7f4;--bg2:#fff;--bg3:#f1efe8;--text:#0f0e0d;--text2:#5c5b57;--text3:#9c9a92;--border:#0f0e0d1a;--accent:#0f0e0d;--accent2:#2c2c2a;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--purple:#6366f1;--shadow:0 1px 3px #0f0e0d0f, 0 1px 2px #0f0e0d0a;--shadow-md:0 4px 12px #0f0e0d14;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--radius:10px;--radius-sm:7px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.2}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:.3s forwards fadeUp}.stagger>*{opacity:0;animation:.3s forwards fadeUp}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}.card{background:var(--bg2);border:.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-active{color:#0f6e56;background:#e1f5ee}.badge-inactive{color:#444441;background:#f1efe8}.badge-prospect{color:#0c447c;background:#e6f1fb}.badge-warn{color:#633806;background:#faeeda}.badge-danger{color:#712b13;background:#faece7}.badge-paid{color:#0f6e56;background:#e1f5ee}.badge-pending{color:#633806;background:#faeeda}.badge-overdue{color:#712b13;background:#faece7}.badge-cancelled{color:#444441;background:#f1efe8}.badge-key-active{color:#0f6e56;background:#e1f5ee}.badge-key-redeemed{color:#3c3489;background:#eeedfe}.badge-key-expired{color:#633806;background:#faeeda}.badge-key-revoked{color:#712b13;background:#faece7}.btn{border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font-body);cursor:pointer;border:.5px solid var(--border);background:var(--bg2);color:var(--text2);align-items:center;gap:6px;padding:7px 14px;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg3)}.btn:active{transform:scale(.98)}.btn-dark{background:var(--accent);color:#f4f3ef;border-color:var(--accent)}.btn-dark:hover{background:var(--accent2)}.btn-danger{color:var(--red);background:#ef44440f;border-color:#ef444433}.btn-danger:hover{background:#ef44441a}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--text3);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.field input,.field select,.field textarea{border:.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg3);color:var(--text);font-size:13px;font-family:var(--font-body);padding:8px 11px;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);background:var(--bg2);outline:none}.field input.error,.field select.error{border-color:var(--red)}.field-error{color:var(--red);font-size:11px}.section-title{color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:10px;font-weight:600}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}