:root{--primary: #059669;--primary-light: #D1FAE5;--primary-dark: #047857;--primary-50: #ECFDF5;--primary-100: #D1FAE5;--primary-200: #A7F3D0;--primary-500: #059669;--primary-600: #059669;--primary-700: #047857;--primary-900: #064E3B;--accent: #0EA5E9;--accent-light: #E0F2FE;--blue: #0EA5E9;--blue-light: #38BDF8;--blue-50: #F0F9FF;--success: #059669;--danger: #DC2626;--danger-light: #FEE2E2;--warning: #D97706;--warning-light: #FEF3C7;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--bg: #F8FAFC;--surface: #FFFFFF;--surface-elevated: #FFFFFF;--border: #E2E8F0;--border-hover: #CBD5E1;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08);--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-sticky: 20;--z-nav: 100}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;min-height:100dvh}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);min-height:100dvh;overflow-x:hidden;line-height:1.5;font-size:15px}.loading-screen{display:flex;align-items:center;justify-content:center;height:100dvh;background:var(--bg)}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--surface);border-top:1px solid var(--border);display:flex;padding-bottom:env(safe-area-inset-bottom,0px);z-index:var(--z-nav)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:none;cursor:pointer;padding:8px 0;min-height:44px;color:var(--text-muted);font-size:10px;font-weight:500;font-family:var(--font-sans);letter-spacing:.02em;transition:color var(--transition-fast);position:relative;-webkit-tap-highlight-color:transparent}.nav-item .nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-item .nav-icon svg{width:22px;height:22px;stroke-width:1.8}.nav-item.active{color:var(--primary);font-weight:600}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--primary);border-radius:0 0 2px 2px}.card{background:var(--surface);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);margin-bottom:10px;border:1px solid var(--border)}.btn{width:100%;padding:14px 20px;border-radius:var(--radius-md);border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #05966940}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-danger{background:var(--surface);color:var(--danger);border:1.5px solid #FECACA}.btn-danger:active:not(:disabled){background:var(--danger-light)}.btn-blue{background:var(--accent);color:#fff;box-shadow:0 4px 14px #0ea5e940}.btn:disabled{background:#e2e8f0;color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.input{width:100%;padding:13px 16px;border-radius:var(--radius-md);border:1.5px solid var(--border);font-size:15px;outline:none;font-family:var(--font-sans);background:var(--surface);color:var(--text-primary);box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0596691a}.label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-secondary)}.header{padding:14px 20px;display:flex;align-items:center;gap:12px;background:var(--surface);position:sticky;top:0;z-index:var(--z-sticky);border-bottom:1px solid var(--border)}.header h1{font-size:17px;font-weight:700;color:var(--text-primary)}.back-btn{background:none;border:none;cursor:pointer;padding:10px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);border-radius:var(--radius-sm);-webkit-tap-highlight-color:transparent}.back-btn:active{background:var(--bg)}.back-btn svg{width:20px;height:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.animate-fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::selection{background:#0596691f}