*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8fafc;--white:#fff;--navy:#0f172a;--navy2:#1e293b;--navy3:#334155;--green:#16a34a;--green-light:#dcfce7;--accent:#2563eb;--accent-light:#dbeafe;--red:#dc2626;--red-light:#fee2e2;--amber:#d97706;--amber-light:#fef3c7;--ink:#0f172a;--ink2:#475569;--ink3:#94a3b8;--border:#e2e8f0;--radius:12px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f}html,body{background:var(--bg);height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:var(--bg);max-width:480px;min-height:100vh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;position:relative}#root{flex-direction:column;min-height:100vh;display:flex}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{outline:none;font-family:inherit}a{color:inherit;text-decoration:none}.btn-primary{background:var(--navy);color:#fff;border-radius:var(--radius);letter-spacing:-.1px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:opacity .15s}.btn-primary:active{opacity:.85}.btn-primary:disabled{opacity:.45}.btn-green{background:var(--green);color:#fff;border-radius:var(--radius);width:100%;padding:14px;font-size:15px;font-weight:600;transition:opacity .15s}.btn-green:active{opacity:.85}.btn-green:disabled{opacity:.45}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.spinner{border:2.5px solid var(--border);border-top-color:var(--navy);border-radius:50%;width:24px;height:24px;margin:0 auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{min-height:100vh;color:var(--ink2);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.toast{background:var(--navy);color:#fff;z-index:999;white-space:nowrap;border-radius:100px;padding:10px 20px;font-size:13px;font-weight:500;animation:.2s toastIn;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.bottom-nav{background:var(--white);border-top:1px solid var(--border);z-index:100;width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--ink3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 0;font-size:10px;font-weight:500;transition:color .15s;display:flex}.nav-item.active{color:var(--navy)}.nav-item svg{width:22px;height:22px}.page-wrap{flex:1;padding:0 16px 90px}.header{background:var(--navy);color:#fff;padding:16px;padding-top:calc(16px + env(safe-area-inset-top));z-index:50;position:sticky;top:0}.header-name{letter-spacing:-.3px;font-size:17px;font-weight:700}.header-sub{opacity:.6;margin-top:1px;font-size:11px}.section-title{color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;margin:20px 0 10px;font-size:11px;font-weight:600}.input-field{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--white);width:100%;color:var(--ink);padding:13px 14px;font-size:15px;transition:border-color .15s}.input-field:focus{border-color:var(--navy)}.input-field::placeholder{color:var(--ink3)}