:root{--navy: #0A1628;--navy2: #111f3a;--teal: #00A8A8;--teal2: #008888;--amber: #E8935A;--white: #101828;--muted: #64748B;--card: #FFFFFF;--line: #E2E8F0;--teal-line: rgba(0,168,168,.28);--danger: #DC2626;--success:#15803D}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light}body{font-family:Inter,sans-serif;background:#f7fafc;color:var(--white)}h1,h2,h3,.display{font-family:Space Grotesk,sans-serif;letter-spacing:-.02em}:root{--app-max: 480px}@media (min-width: 600px){:root{--app-max: 960px}}.app{min-height:100vh;max-width:var(--app-max);margin:0 auto;background:#fff}.module-grid{display:grid;grid-template-columns:repeat(3,1fr)}@media (min-width: 600px){.module-grid{grid-template-columns:repeat(5,1fr)}}.btn{width:100%;padding:.85rem;border-radius:12px;border:none;font-size:.95rem;font-weight:500;cursor:pointer}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--teal);color:var(--navy)}.btn-primary:hover{background:var(--teal2)}.btn-ghost{background:transparent;color:var(--teal2);border:none;font-size:.85rem}input:not([type=checkbox]):not([type=radio]){width:100%;padding:1.05rem .8rem;border-radius:10px;border:1px solid var(--line);font-size:.95rem;background:#fff;color:var(--white)}input[type=checkbox],input[type=radio]{width:16px;height:16px;flex-shrink:0}input::placeholder{color:#94a3b8}input:focus{outline:2px solid var(--teal-line);border-color:var(--teal)}select{width:100%;padding:1.05rem 2.1rem 1.05rem .8rem;border-radius:10px;border:1px solid var(--line);font-size:.95rem;background:#fff;color:var(--white);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748B'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:1.1rem}select:focus{outline:2px solid var(--teal-line);border-color:var(--teal)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#f7fafc}.auth-card{width:100%;max-width:340px}.auth-logo{width:52px;height:52px;border-radius:14px;background:var(--teal2);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;font-size:22px}.auth-avatar{width:56px;height:56px;border-radius:50%;background:#e1f5ee;display:flex;align-items:center;justify-content:center;margin:0 auto .6rem;color:#085041;font-size:20px;font-weight:500}.pin-dots{display:flex;justify-content:center;gap:12px;margin:1.4rem 0}.pin-dot{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--teal2);background:transparent}.pin-dot.filled{background:var(--teal2)}.pin-dot.error{border-color:var(--danger);background:var(--danger)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:.5rem}.keypad-btn{aspect-ratio:1;border-radius:14px;border:none;background:#f7fafc;font-size:1.2rem;color:var(--white);cursor:pointer}.keypad-btn:active{background:#e2e8f0}.keypad-btn.empty{background:transparent;cursor:default}.keypad-btn.backspace{background:transparent;color:#94a3b8;font-size:1.1rem}.cart-sheet{max-height:75vh;max-height:75dvh;min-height:55vh;min-height:55dvh}.form-sheet{max-height:94vh;max-height:94dvh}