*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#2563eb;--blue-dark:#1d4ed8;--red:#dc2626;--green:#16a34a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-600:#4b5563;--gray-800:#1f2937;--radius:12px;--shadow:0 1px 3px #0000001a}html{height:100%}body{background:var(--gray-50);color:var(--gray-800);-webkit-tap-highlight-color:transparent;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.125rem;font-weight:600}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:1rem}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:active{opacity:.8}.btn-primary{background:var(--blue);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-outline{border:2px solid var(--gray-200);color:var(--gray-600);background:0 0}.input{border:2px solid var(--gray-200);border-radius:var(--radius);outline:none;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s}.input:focus{border-color:var(--blue)}select.input{appearance:auto;-webkit-appearance:menulist;background:#fff;min-height:48px}