:root{--bg:#08111f;--panel:#111c2d;--panel2:#172338;--text:#f5f7fb;--muted:#90a1b8;--primary:#6d7cff;--accent:#36d6a5;--danger:#ff6b7a;--line:rgba(255,255,255,.08);--shadow:0 18px 60px rgba(0,0,0,.25)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 0,#10244a 0,transparent 28%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.muted{color:var(--muted)}.eyebrow{font-size:.73rem;letter-spacing:.18em;font-weight:800;color:#8da0ff;margin:0 0 8px}.btn{border:0;border-radius:14px;padding:12px 17px;font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#6d7cff,#8a5cff);color:white}.btn.secondary,.btn.ghost{background:#202d45;color:white}.btn.success{background:#1fbd86;color:#fff}.btn.danger{color:#ff8c98}.btn.wide{width:100%}.alert{padding:12px;border-radius:12px;margin:12px 0}.error{background:#491f29}.successbox{background:#133c32}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell{width:min(1080px,100%);display:grid;grid-template-columns:1.15fr .85fr;background:rgba(8,17,31,.78);border:1px solid var(--line);border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}.brand-panel{padding:64px;background:linear-gradient(145deg,rgba(109,124,255,.18),rgba(54,214,165,.08));min-height:620px;display:flex;flex-direction:column;justify-content:center}.brand-mark,.logo span{display:grid;place-items:center;background:linear-gradient(135deg,#6d7cff,#35d7a7);font-weight:900;color:white}.brand-mark{width:58px;height:58px;border-radius:18px;font-size:1.5rem;margin-bottom:30px}.brand-panel h1{font-size:clamp(2.6rem,5vw,5rem);line-height:.98;margin:0 0 24px;max-width:650px}.brand-panel>p{color:#b4c0d2;font-size:1.1rem;max-width:600px}.feature-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.feature-pills span{background:rgba(255,255,255,.07);padding:10px 14px;border-radius:999px}.login-card{padding:58px;align-self:center}.login-card h2{font-size:2rem;margin:0}.login-card form{display:grid;gap:18px;margin-top:28px}.login-card label,.form-card label{display:grid;gap:8px;font-weight:700}.login-card input,.form-card input,.form-card textarea,.goal-form input,.journal-compose textarea,.math-box input{width:100%;background:#0d1727;border:1px solid var(--line);color:#fff;padding:14px;border-radius:12px;outline:none}.login-card input:focus,.form-card input:focus,.form-card textarea:focus{border-color:#6d7cff}.demo-note{margin-top:18px;color:#788ba6;font-size:.86rem}.app-layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:rgba(7,14,26,.78);backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.15rem;padding:8px}.logo span{width:36px;height:36px;border-radius:11px}.sidebar nav{display:grid;gap:7px;margin-top:38px}.sidebar nav a,.logout{padding:13px;border-radius:13px;color:#9cabbe}.sidebar nav a.active,.sidebar nav a:hover{background:#15223a;color:#fff}.logout{margin-top:auto}.main{padding:34px clamp(20px,4vw,58px) 90px;max-width:1500px;width:100%;margin:auto}.topbar,.row,.between{display:flex;align-items:center}.topbar{justify-content:space-between;gap:20px}.topbar h1{margin:0;font-size:clamp(1.8rem,3vw,3rem)}.stat-strip{display:flex;gap:10px;flex-wrap:wrap}.stat-strip span{background:rgba(255,255,255,.055);border:1px solid var(--line);padding:10px 12px;border-radius:999px}.hero-progress{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:30px 0;padding:30px;border-radius:26px;background:linear-gradient(135deg,rgba(109,124,255,.18),rgba(54,214,165,.08));border:1px solid var(--line)}.hero-progress h2{font-size:clamp(1.6rem,3vw,2.8rem);max-width:700px;margin:12px 0}.badge,.xp,.count-badge{background:#263458;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:900}.ring{--p:0;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6d7cff calc(var(--p)*1%),rgba(255,255,255,.08) 0);position:relative;flex:none}.ring:after{content:'';position:absolute;width:98px;height:98px;border-radius:50%;background:#101b2d}.ring b{z-index:1;font-size:1.4rem}.section-head{display:flex;justify-content:space-between;align-items:end;margin:34px 0 16px}.section-head h2{margin:0}.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mission-card{display:flex;gap:16px;padding:20px;background:linear-gradient(180deg,#111c2d,#0f1929);border:1px solid var(--line);border-radius:20px;transition:.2s}.mission-card:hover{transform:translateY(-2px);border-color:rgba(109,124,255,.4)}.mission-card.aprobada{opacity:.72}.mission-icon,.approval-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:#1c2942;font-size:1.5rem;flex:none}.mission-content{flex:1}.mission-card h3{margin:0}.between{justify-content:space-between;gap:10px}.mission-card p{color:#94a5bb}.meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.meta span{font-size:.78rem;color:#aab6c8;background:#0a1423;padding:6px 9px;border-radius:9px}.status{display:inline-block;padding:9px 11px;border-radius:10px;font-weight:800}.status.pending{background:#3d3217;color:#ffd878}.status.done{background:#133b31;color:#67e8bc}.reward-card{margin-top:24px;padding:28px;display:flex;align-items:center;justify-content:space-between;border-radius:24px;background:linear-gradient(135deg,#2b194a,#132743);border:1px solid rgba(171,126,255,.25)}.reward-card h2{margin:6px 0}.reward-lock{font-size:3rem}.children-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:30px 0}.child-card{display:flex;gap:18px;align-items:center;background:#111c2d;border:1px solid var(--line);border-radius:20px;padding:20px}.avatar{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#6d7cff,#35d7a7);font-size:1.5rem;font-weight:900}.child-card h3{margin:0}.child-card h3 span{font-size:.75rem;color:#93a4bb}.progress{height:9px;background:#0a1422;border-radius:999px;overflow:hidden;margin:10px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#6d7cff,#35d7a7);border-radius:999px}.approval-list{display:grid;gap:10px}.approval-list article{display:flex;align-items:center;gap:12px;padding:16px;background:#111c2d;border:1px solid var(--line);border-radius:17px}.approval-list h3,.approval-list p{margin:0}.approval-list p{color:var(--muted);margin-top:4px;font-size:.9rem}.grow{flex:1}.empty-card{grid-column:1/-1;text-align:center;padding:44px;background:#111c2d;border:1px dashed #2b3a52;border-radius:20px}.empty-card div{font-size:2.4rem}.form-page,.simple-page,.game-page main{width:min(1000px,calc(100% - 32px));margin:0 auto;padding:34px 0 80px}.back{color:#9aabc0;font-weight:700}.form-card{margin-top:28px;padding:28px;background:#111c2d;border:1px solid var(--line);border-radius:24px}.form-card h1{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.span2{grid-column:1/-1}.form-card textarea{min-height:110px;resize:vertical}.form-card fieldset{border:1px solid var(--line);border-radius:14px;padding:15px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important}.check input{width:auto!important}.align-end{align-self:end;padding-bottom:12px}.page-title{margin:30px 0}.page-title h1{font-size:clamp(2rem,4vw,4rem);margin:0}.journal-compose,.goal-form{background:#111c2d;border:1px solid var(--line);border-radius:20px;padding:20px}.journal-compose textarea{min-height:130px;margin:14px 0}.moods{display:flex;gap:8px}.moods input{display:none}.moods span{font-size:1.7rem;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#18243a;cursor:pointer}.moods input:checked+span{outline:2px solid #6d7cff}.timeline{display:grid;gap:12px;margin-top:20px}.timeline article{display:flex;gap:14px;background:#111c2d;border:1px solid var(--line);border-radius:18px;padding:18px}.mood-big{font-size:1.8rem}.goal-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px}.goal-grid,.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.goal-grid article,.game-grid a{background:#111c2d;border:1px solid var(--line);border-radius:20px;padding:22px}.goal-icon,.game-grid span{font-size:2rem}.game-grid a:hover{border-color:#6d7cff;transform:translateY(-2px)}.game-page{min-height:100vh}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:560px;margin:25px auto}.memory-card{aspect-ratio:1;border:1px solid var(--line);border-radius:18px;background:#18253c;color:#fff;font-size:2rem;font-weight:900}.memory-card.open,.memory-card.matched{background:#273968}.math-box{max-width:540px;margin:35px auto;background:#111c2d;border:1px solid var(--line);border-radius:24px;padding:28px;text-align:center}.math-q{font-size:3.5rem;font-weight:900;margin:24px 0}.math-box input{text-align:center;font-size:1.7rem;margin-bottom:12px}.timer-modal{position:fixed;inset:0;background:rgba(2,7,15,.78);backdrop-filter:blur(12px);display:none;place-items:center;z-index:99;padding:20px}.timer-modal.show{display:grid}.timer-box{width:min(470px,100%);padding:32px;background:#101c2f;border:1px solid var(--line);border-radius:28px;text-align:center;position:relative;box-shadow:var(--shadow)}.modal-x{position:absolute;right:18px;top:12px;background:none;border:0;color:#fff;font-size:2rem}.timer-display{font-size:5rem;font-weight:900;letter-spacing:-.07em;margin:30px 0}.timer-controls{display:flex;justify-content:center;gap:10px}.mobile-nav{display:none}.theme-kid{--primary:#6d7cff}.theme-kid .hero-progress{background:linear-gradient(135deg,rgba(109,124,255,.23),rgba(255,167,77,.11))}.theme-teen{--primary:#7b61ff}.parent-theme{--primary:#4f8cff}
@media(max-width:850px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:auto;padding:38px}.brand-panel h1{font-size:2.7rem}.login-card{padding:38px}.app-layout{display:block}.sidebar{display:none}.main{padding:22px 16px 100px}.topbar{align-items:flex-start}.stat-strip{display:none}.hero-progress{padding:22px}.ring{width:100px;height:100px}.ring:after{width:74px;height:74px}.mission-grid,.children-grid{grid-template-columns:1fr}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:10px;right:10px;bottom:10px;z-index:50;background:rgba(15,25,41,.93);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(15px);padding:7px}.mobile-nav a{text-align:center;color:#8798af;font-size:1.25rem;padding:4px}.mobile-nav span{display:block;font-size:.68rem}.mobile-nav .active{color:#fff}.approval-list article{flex-wrap:wrap}.approval-list .grow{min-width:calc(100% - 70px)}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.goal-form{grid-template-columns:1fr}.goal-grid,.game-grid{grid-template-columns:1fr}.memory-grid{grid-template-columns:repeat(3,1fr)}.timer-display{font-size:4rem}.reward-card{align-items:flex-start}.simple-page{padding-bottom:100px}}
.weekday-pills{display:flex;gap:8px;flex-wrap:wrap}.weekday-pills input{display:none}.weekday-pills span,.mini-days span{display:grid;place-items:center;border:1px solid var(--line);background:#0c1727;border-radius:12px;font-weight:800}.weekday-pills span{min-width:52px;padding:11px}.weekday-pills input:checked+span,.mini-days span.on{background:#25355b;border-color:#6d7cff;color:#fff}.wide-page{width:min(1220px,calc(100% - 32px))}.routine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.routine-card{background:#111c2d;border:1px solid var(--line);border-radius:20px;padding:20px}.routine-top{display:flex;align-items:center;gap:14px}.routine-top h3,.routine-top p{margin:0}.routine-top p{color:var(--muted);margin-top:5px}.mini-days{display:flex;gap:6px;margin:18px 0}.mini-days span{width:32px;height:32px;color:#65748a}.gap{gap:8px}.disabled-card{opacity:.58}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.achievement-card{padding:24px;border-radius:22px;background:#111c2d;border:1px solid var(--line);text-align:center}.achievement-card.locked{filter:saturate(.35);opacity:.58}.achievement-card.unlocked{background:linear-gradient(160deg,#172746,#102a28);border-color:rgba(90,223,176,.3)}.achievement-icon{font-size:2.8rem}.achievement-card h3{margin-bottom:7px}.achievement-card p{color:var(--muted);min-height:44px}.reward-progress{max-width:460px;margin-top:14px}.warningbox{padding:15px;border-radius:13px;background:#3a2d13;color:#ffe09a;margin-bottom:18px}.goal-actions{display:flex;gap:8px}.goal-actions .btn{flex:1}
@media(max-width:850px){.routine-grid,.achievement-grid{grid-template-columns:1fr}.weekday-pills span{min-width:42px;padding:10px 8px}}
@media(max-width:850px){.mobile-nav{grid-template-columns:repeat(5,1fr)}}