:root{--primary: #5D2DE6;--primary-light: #7C3AED;--primary-dark: #5856D6;--bg: #ffffff;--bg-secondary: #F5F5F5;--text: #111827;--text-muted: #6B7280;--border: #F3F4F6;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}body{overscroll-behavior-y:none}.app-shell{max-width:480px;margin:0 auto;min-height:100%;background:var(--bg);position:relative}.page{min-height:100dvh;padding-bottom:calc(16px + var(--safe-bottom))}.btn{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-light);color:#fff}.btn-secondary{background:#f3f4f6;color:var(--text-muted)}.input{width:100%;height:56px;padding:0 16px;border:none;border-radius:10px;background:#f0f0f0;font-size:16px;color:var(--text);outline:none}.input:focus{box-shadow:0 0 0 2px var(--primary-light)}.card{background:#fff;border-radius:12px;padding:20px;border:1px solid var(--border);box-shadow:0 1px 4px #0000000d}.spinner{width:40px;height:40px;border:3px solid #E5E7EB;border-top-color:var(--primary-light);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.header-bar{display:flex;align-items:center;justify-content:space-between;padding:calc(16px + var(--safe-top)) 20px 16px}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--text);text-decoration:none;font-size:16px;background:none;border:none;cursor:pointer;padding:8px 0}.badge{position:absolute;right:-2px;top:2px;background:#ff3b30;color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.install-banner{position:fixed;bottom:calc(12px + var(--safe-bottom));left:12px;right:12px;max-width:456px;margin:0 auto;background:var(--primary);color:#fff;padding:14px 16px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:100;box-shadow:0 4px 20px #5d2de666}.install-banner button{background:#fff;color:var(--primary);border:none;padding:8px 14px;border-radius:8px;font-weight:600;cursor:pointer;white-space:nowrap}.install-banner .dismiss{background:transparent;color:#fffc;padding:4px;font-size:20px}.menu-row-link{display:block;text-decoration:none;color:inherit}.menu-row-button{width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:0}.menu-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #F1F5F9}.menu-row-left{display:flex;align-items:center;gap:15px;color:#6b7280;font-size:16px;font-weight:500}.menu-row-icon{font-size:20px;width:22px;text-align:center}.logout-outline-btn{width:100%;margin-top:32px;padding:14px;border-radius:10px;border:1px solid #EF4444;background:#fff;color:#ef4444;font-size:16px;font-weight:600;cursor:pointer}.toast-success{margin:0 20px 12px;padding:12px 16px;background:#ecfdf5;color:#059669;border-radius:10px;font-size:14px;font-weight:500;border:1px solid #A7F3D0}.add-card-form{margin-top:8px}