:root{--verde:#22C55E;--verde-oscuro:#16A34A;--negro:#0A0A0A;--blanco:#FFFFFF}[data-theme=dark]{--bg:#0A0A0A;--bg-elev:#161616;--bg-card:#1C1C1C;--text:#FFFFFF;--text-muted:#9A9A9A;--border:#2A2A2A;--accent:var(--verde)}[data-theme=light]{--bg:#FFFFFF;--bg-elev:#F4F4F4;--bg-card:#FAFAFA;--text:#0A0A0A;--text-muted:#6B6B6B;--border:#E5E5E5;--accent:var(--verde-oscuro)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}h1,h2,h3,h4{font-family:Poppins,sans-serif;font-weight:700}a{color:inherit;text-decoration:none}button{font-family:Inter,sans-serif;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:Inter,sans-serif;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:15px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}img{max-width:100%;display:block}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;position:relative;padding-bottom:78px;background:var(--bg)}.btn-primary{background:var(--accent);color:#fff;font-weight:700;padding:14px 22px;border-radius:14px;font-size:15px;text-align:center;transition:transform .15s ease,opacity .2s ease}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5}.btn-outline{background:transparent;border:1.5px solid var(--accent);color:var(--accent);font-weight:700;padding:13px 22px;border-radius:14px;font-size:15px;text-align:center}.btn-danger{background:#ef4444;color:#fff;font-weight:700;padding:13px 22px;border-radius:14px;font-size:15px}.page{padding:20px 18px}.page-title{font-size:26px;margin-bottom:18px}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:18px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;gap:4px;background:var(--bg-elev);border:1px solid var(--border);border-radius:30px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--text)}.badge.locked{opacity:.35}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;height:68px;background:var(--bg-elev);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:1000}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);font-weight:600;flex:1;padding:6px 0}.bottom-nav a.active{color:var(--accent)}.bottom-nav a .icon{font-size:21px}.page-header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 0}.page-header h1{font-size:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.error-text{color:#ef4444;font-size:13px;margin-top:6px}.avatar{border-radius:50%;object-fit:cover;background:var(--bg-elev)}.chip{display:inline-block;padding:8px 16px;border-radius:30px;border:1.5px solid var(--border);font-size:13px;font-weight:600;color:var(--text)}.chip.selected{background:var(--accent);border-color:var(--accent);color:#fff}.chip-row{display:flex;gap:10px;flex-wrap:wrap}