*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1a1a2e;--blue:#4361ee;--pink:#f72585;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-300:#dee2e6;--gray-500:#adb5bd;--gray-700:#495057;--radius:10px;--shadow:0 1px 4px #00000014}body{background:var(--gray-50);color:var(--navy);max-width:480px;min-height:100vh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}input,select,textarea{border:1px solid var(--gray-300);border-radius:var(--radius);background:#fff;outline:none;width:100%;padding:10px 12px;font-size:15px}input:focus,select:focus{border-color:var(--blue)}button.primary{background:var(--blue);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:12px;font-size:15px;font-weight:600}button.primary:disabled{opacity:.6;cursor:not-allowed}.topbar{background:var(--navy);color:#fff;z-index:10;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.topbar h1{font-size:16px;font-weight:600}.screen{padding:16px}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-bottom:10px;padding:12px 14px}.label{color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600}.error{color:var(--red);margin-top:4px;font-size:13px}.muted{color:var(--gray-500);font-size:13px}