:root{
  --ink:#26383b;--muted:#687b7e;--line:#d9e8e6;--paper:#f7f9f8;--white:#fff;
  --brand-aqua:#59c3b7;--brand-aqua-dark:#178f8a;--brand-pink:#df3f73;--brand-pink-dark:#c92d63;
  --level-a1:#f57f45;--level-a2:#eb454d;--level-b1:#6640cc;--level-b2:#4aabc2;--level-c1:#55b875;--level-c2:#df4ca8;
  --teal:var(--brand-aqua-dark);--teal-dark:#0e706d;--ocean:var(--level-b2);--coral:var(--level-a2);
  --sun:#f2bd4d;--green:var(--level-c1);--shadow:0 12px 32px rgba(25,74,72,.08)
}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;background:var(--paper)}button,input,select,textarea{font:inherit;color:inherit}button,a{transition:.2s ease}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif}button{cursor:pointer}.eyebrow{font-size:9px;letter-spacing:.14em;font-weight:900;color:var(--teal);margin:0 0 6px}.muted{color:var(--muted)}

/* Authentication */
.auth-body{min-height:100vh;background:#f4f6f2}.auth-language{position:fixed;top:18px;right:22px;z-index:10;display:flex;gap:4px;padding:4px;background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:11px;backdrop-filter:blur(12px)}.auth-language a{text-decoration:none;padding:6px 9px;border-radius:8px;font-size:10px;color:var(--muted)}.auth-language a.selected{background:var(--teal);color:#fff;font-weight:800}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(390px,1.02fr) minmax(470px,.98fr)}.auth-story{position:relative;overflow:hidden;background:linear-gradient(145deg,#087a77,#0b8c86);color:#fff;padding:45px clamp(35px,5vw,78px);display:flex;flex-direction:column;min-height:100vh}.auth-story:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:rgba(255,255,255,.055);right:-180px;bottom:-170px}.auth-brand,.brand-lockup{display:flex;align-items:center;gap:11px;text-decoration:none}.auth-brand{position:relative;z-index:2;width:max-content}.brand-mark{width:46px;height:46px;border-radius:15px;background:var(--teal);color:#fff;display:grid;place-items:center;position:relative;box-shadow:0 8px 20px rgba(0,0,0,.15);flex:0 0 auto}.auth-brand .brand-mark{background:#fff;color:var(--teal)}.brand-mark b{font:700 27px Georgia,serif}.brand-mark i{position:absolute;right:-6px;top:-8px;color:var(--sun);font-style:normal;font-size:16px}.auth-brand>span:last-child,.brand-lockup>span:last-child{display:flex;flex-direction:column;line-height:1.05}.auth-brand small,.brand-lockup small{font-size:13px}.auth-brand strong,.brand-lockup strong{font:700 23px Georgia,serif;color:var(--sun)}.brand-lockup strong{color:var(--teal)}.story-copy{margin:auto 0;max-width:560px;position:relative;z-index:2}.story-copy .eyebrow{color:#a9e3d8}.story-copy h1{font-size:clamp(42px,5.5vw,75px);line-height:1.02;letter-spacing:-.045em;margin:15px 0 20px}.story-copy h1 em{color:var(--sun);font-style:normal}.story-copy p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.78);max-width:460px}.story-scene{height:175px;position:relative;margin-top:auto}.sun-orb{position:absolute;width:85px;height:85px;border-radius:50%;background:var(--sun);right:10%;top:15px;box-shadow:0 0 0 14px rgba(243,189,78,.09)}.palm-scene{position:absolute;right:4%;bottom:-25px;font-size:128px;filter:saturate(.8)}.speech-bubble{position:absolute;right:26%;top:45px;background:#fff;color:var(--ink);font-size:11px;font-weight:750;border-radius:13px 13px 4px 13px;padding:10px 13px;box-shadow:var(--shadow)}.wave{position:absolute;left:0;bottom:0;color:#8ed8d0;font-size:65px;letter-spacing:-12px;opacity:.45}.auth-panel{display:grid;place-items:center;padding:70px clamp(25px,6vw,90px);background:#fff}.auth-card{width:min(470px,100%)}.auth-card h2{font-size:clamp(31px,4vw,43px);letter-spacing:-.035em;line-height:1.08;margin:6px 0 9px}.auth-card>p{color:var(--muted);font-size:13px;line-height:1.6}.auth-card form{margin-top:27px}.auth-card label,.admin-form label,.lesson-form label,.preference-card label{display:block;font-size:11px;font-weight:800;margin-bottom:14px}.auth-card input,.auth-card select,.admin-form input,.admin-form select,.lesson-form input,.lesson-form select,.lesson-form textarea,.preference-card select{width:100%;display:block;margin-top:7px;border:1px solid var(--line);border-radius:11px;padding:12px 13px;background:#fff;outline:none}.auth-card input:focus,.auth-card select:focus,.admin-form input:focus,.admin-form select:focus,.lesson-form input:focus,.lesson-form select:focus,.lesson-form textarea:focus,.preference-card select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #e7f4ef}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary-button,.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;text-decoration:none;border-radius:11px;font-weight:850;font-size:11px}.primary-button{width:100%;background:var(--teal);color:#fff;padding:13px 17px;box-shadow:0 8px 20px rgba(11,124,121,.2)}.primary-button:hover{background:var(--teal-dark);transform:translateY(-1px)}.primary-button.inline{width:auto}.auth-switch{text-align:center;margin-top:22px!important;font-size:11px!important}.auth-switch a{color:var(--teal);font-weight:850}.form-alert{border-radius:11px;padding:12px 14px;margin:18px 0;font-size:11px;line-height:1.6}.form-alert.error{background:#fce9e4;color:#8c4c3e;border:1px solid #f4cfc5}.registered-state{text-align:center;padding:28px 0}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;margin:0 auto 20px;font-size:26px;box-shadow:0 0 0 10px #e7f4ef}.registered-state h2{font-size:37px}.registered-state p{margin:0 auto 22px;max-width:390px}.register-card{max-width:550px}
.auth-version{position:fixed;right:22px;bottom:18px;z-index:12;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.9);color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.04em;box-shadow:0 5px 18px rgba(38,56,59,.08);backdrop-filter:blur(10px)}

/* Application shell */
.app-shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid var(--line);padding:28px 20px 22px;display:flex;flex-direction:column;z-index:30}.brand-lockup{padding:0 8px 28px}.brand-lockup .brand-mark{width:43px;height:43px}.brand-lockup small{color:var(--ink)}.nav-label{margin:4px 12px 10px;font-size:9px;font-weight:900;letter-spacing:.15em;color:#9aabaa}.nav-item{width:100%;border-radius:12px;padding:11px 12px;display:flex;gap:12px;align-items:center;color:#62777a;font-size:13px;margin:2px 0;text-align:left;text-decoration:none}.nav-item span{width:20px;font-size:19px;text-align:center;line-height:1}.nav-item:hover{background:#f3f8f6;color:var(--teal);transform:translateX(2px)}.nav-item.active{background:#e7f4ef;color:var(--teal-dark);font-weight:750}.sidebar-quest{margin-top:auto;background:linear-gradient(145deg,#e8f5f0,#f9f5e7);border:1px solid #dcece5;border-radius:17px;padding:17px}.quest-icon{font-size:30px;margin-bottom:6px}.sidebar-quest strong{font-size:12px}.sidebar-quest p{font-size:10px;line-height:1.55;color:var(--muted);margin:6px 0 11px}.tiny-progress{height:5px;border-radius:10px;background:#d7e4df;overflow:hidden}.tiny-progress i{display:block;height:100%;background:var(--teal)}.sidebar-quest small{display:block;font-size:9px;color:var(--teal);margin-top:6px;font-weight:750}.help-link{text-decoration:none;color:#819293;font-size:11px;margin:18px auto 0}.workspace{grid-column:2;min-width:0}.topbar{height:74px;position:sticky;top:0;background:rgba(246,248,244,.93);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:flex-end;padding:0 42px;border-bottom:1px solid rgba(220,232,230,.8);z-index:20}.topbar-actions{display:flex;align-items:center;gap:9px}.language-select{display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px 8px}.language-select select{border:0;background:transparent;font-size:10px;outline:none}.user-chip{display:flex;align-items:center;gap:8px;text-decoration:none;border:1px solid var(--line);background:#fff;border-radius:22px;padding:4px 10px 4px 4px}.user-chip>span{width:28px;height:28px;border-radius:50%;background:#dff1ee;color:var(--teal);display:grid;place-items:center;font-size:9px;font-weight:850}.user-chip b{font-size:10px}.logout-button,.mobile-menu{border:1px solid var(--line);background:#fff;width:37px;height:37px;border-radius:50%;color:var(--teal)}.mobile-menu,.mobile-brand{display:none}.content{max-width:1290px;margin:0 auto;padding:34px 42px 65px}.flash{border-radius:11px;padding:12px 14px;margin-bottom:18px;font-size:11px}.flash.success{background:#e6f3eb;color:#3f7555}.flash.error{background:#fce9e4;color:#8b5042}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px;min-height:68px}.welcome-row h1{font-size:clamp(29px,3vw,39px);letter-spacing:-.04em;margin-bottom:4px;line-height:1.05}.welcome-row h1 span{font-size:.7em}.welcome-row>div:first-child>p:last-child{color:var(--muted);font-size:13px;margin:0}.student-stats{display:flex;background:#fff;border:1px solid var(--line);border-radius:15px;padding:9px 4px;box-shadow:0 5px 20px rgba(30,60,60,.035)}.student-stats>div{min-width:100px;padding:2px 13px;display:grid;grid-template-columns:25px auto;align-items:center;border-right:1px solid var(--line)}.student-stats>div:last-child{border:0}.student-stats span{grid-row:span 2;font-size:20px}.student-stats strong{font-size:14px}.student-stats small{color:var(--muted);font-size:8px}

/* Panels and dashboard */
.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:21px;box-shadow:0 5px 22px rgba(30,60,60,.035)}.hero-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(230px,.85fr);gap:18px}.mission-card{background:linear-gradient(125deg,#087a77,#0b8a82 55%,#15969a);border-radius:22px;min-height:282px;position:relative;overflow:hidden;color:#fff;display:grid;grid-template-columns:1.25fr .75fr;box-shadow:0 14px 34px rgba(5,92,91,.16)}.mission-card:before{content:"";position:absolute;inset:auto -80px -120px 20%;height:200px;background:rgba(255,255,255,.08);transform:rotate(-7deg);border-radius:50%}.mission-copy{padding:33px 0 30px 34px;z-index:2}.mission-tag{display:inline-flex;gap:7px;align-items:center;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.11);padding:6px 10px;border-radius:20px;font-size:8px;font-weight:850;letter-spacing:.12em}.mission-tag span{color:var(--sun)}.mission-number{font-size:9px;font-weight:850;letter-spacing:.1em;color:#9be3d9;margin:23px 0 5px}.mission-card h2{font-size:clamp(25px,3vw,37px);letter-spacing:-.035em;margin:0 0 8px}.mission-copy>p:not(.mission-number){font-size:12px;line-height:1.55;max-width:410px;color:rgba(255,255,255,.83);margin-bottom:20px}.cta-button{background:var(--sun);color:#294346;padding:12px 18px;box-shadow:0 7px 17px rgba(40,44,32,.13)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(40,44,32,.18)}.mission-visual{position:relative;z-index:1}.mission-sun{position:absolute;width:85px;height:85px;border-radius:50%;background:var(--sun);right:20px;top:22px;box-shadow:0 0 0 12px rgba(243,189,78,.08)}.mission-palm{position:absolute;font-size:100px;right:18px;bottom:-9px}.speech{position:absolute;background:#fff;color:var(--ink);border-radius:10px;padding:8px 10px;font-size:8px;box-shadow:var(--shadow)}.speech.one{right:105px;top:35px}.speech.two{right:20px;top:122px}.level-top{display:flex;align-items:center;justify-content:space-between}.level-top span{font-size:8px;letter-spacing:.1em;font-weight:850;color:var(--muted)}.level-top b{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#e7f4ef;color:var(--teal)}.level-ring{--progress:0%;width:132px;height:132px;border-radius:50%;margin:18px auto;display:grid;place-items:center;background:conic-gradient(var(--teal) var(--progress),#e4ece8 0)}.level-ring>div{width:100px;height:100px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.level-ring strong{font:700 24px Georgia,serif}.level-ring small{font-size:8px;color:var(--muted)}.level-card{text-align:center}.level-card h3{font-size:15px;margin-bottom:6px}.level-card p{font-size:9px;color:var(--muted);line-height:1.5}.dashboard-grid{margin-top:18px;display:grid;grid-template-columns:1.25fr .9fr .95fr;gap:18px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.panel-heading h3{margin:0;font-size:14px}.panel-heading a{color:var(--teal);font-size:9px;font-weight:800;text-decoration:none}.skill-row{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;margin:13px 0}.skill-icon,.metric-icon{display:grid;place-items:center;border-radius:9px;width:34px;height:34px;font-size:15px}.coral{background:#fce9e4}.blue{background:#e1f1f5}.green{background:#e6f3eb}.yellow{background:#fcf2d8}.skill-row>div>p{display:flex;justify-content:space-between;font-size:9px;margin-bottom:5px}.skill-row strong{color:var(--muted)}.skill-line{display:block;background:#edf1ef;height:5px;border-radius:10px;overflow:hidden}.skill-line i{display:block;height:100%;border-radius:inherit}.skill-line i.coral{background:var(--coral)}.skill-line i.blue{background:var(--ocean)}.skill-line i.green{background:var(--green)}.skill-line i.yellow{background:var(--sun)}.class-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0 6px;margin-bottom:12px}.class-details p{display:grid;grid-template-columns:22px 1fr;font-size:9px;margin-bottom:7px}.class-details span{color:var(--teal)}.outline-button{display:flex;justify-content:center;width:100%;background:#fff;border:1px solid #b8d4cf;color:var(--teal);font-size:9px;padding:9px;border-radius:9px;text-decoration:none;font-weight:800}.soft-empty{text-align:center;background:#f7f9f6;border-radius:12px;padding:20px;color:var(--muted);font-size:22px;margin-bottom:12px}.soft-empty p{font-size:9px;margin:7px 0 0}.weekly-panel .panel-heading>strong{font:700 21px Georgia,serif;color:var(--teal)}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:20px 0}.week-days div{text-align:center}.week-days span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#f0f3f1;font-size:8px;margin:auto;color:#9baaaa}.week-days small{font-size:7px;display:block;margin-top:5px;color:#95a4a4}.week-days .done span{background:var(--teal);color:#fff}.weekly-panel>p{background:#f4f8f5;border-radius:10px;padding:10px;font-size:9px;line-height:1.45;color:var(--muted);margin:0}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.metric-card{display:flex;align-items:center;gap:13px;padding:18px}.metric-icon{width:43px;height:43px;font-size:18px;flex:0 0 auto}.metric-card strong{font:700 23px Georgia,serif}.metric-card p{color:var(--muted);font-size:9px;margin:0}.two-column{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.director-layout{grid-template-columns:1.35fr .65fr}.class-row{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.class-row time{padding:8px 4px;border-radius:8px;text-align:center;font-size:9px;font-weight:850;background:#e1f1f5;color:#24788c}.class-row strong,.student-row strong{font-size:10px}.class-row p,.student-row p{color:var(--muted);font-size:8px;margin:3px 0 0}.student-row{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.avatar{border-radius:50%;display:grid;place-items:center;background:#dfefee;color:var(--teal);font-size:9px;font-weight:850}.avatar.small{width:32px;height:32px}.simple-table{overflow:auto}.simple-table-head,.simple-table-row{min-width:520px;display:grid;grid-template-columns:1.45fr .7fr .65fr;gap:12px;align-items:center;padding:10px}.simple-table-head{font-size:8px;letter-spacing:.09em;color:#94a4a4;border-bottom:1px solid var(--line);font-weight:850}.simple-table-row{font-size:9px;border-bottom:1px solid #edf1ef}.simple-table-row>span:first-child{display:flex;flex-direction:column}.simple-table-row small{color:var(--muted);margin-top:3px}.status{display:inline-block;width:max-content;font-style:normal;padding:5px 8px;border-radius:20px;font-size:8px;background:#edf1ef;color:#637575}.status.active,.status.published,.status.reviewed{color:#43835e;background:#e6f3eb}.status.pending,.status.in_review,.status.pending_review{color:#997225;background:#fcf2d8}.status.inactive,.status.archived{color:#9c5847;background:#fce9e4}.status.draft{color:#24788c;background:#e1f1f5}.version-row{display:grid;grid-template-columns:12px 1fr;gap:9px;align-items:start;padding:11px 0;border-bottom:1px solid var(--line)}.version-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9badab;flex:0 0 auto}.version-dot.published{background:var(--green)}.version-dot.draft{background:var(--ocean)}.version-dot.in_review{background:var(--sun)}.version-dot.archived{background:var(--coral)}.version-row strong{font-size:10px}.version-row p{font-size:8px;color:var(--muted);margin:3px 0 0}.empty-state{text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:60px 25px}.empty-state>span{font-size:50px}.empty-state h2,.empty-state h1{font-size:32px;margin:15px 0 8px}.empty-state p{color:var(--muted);font-size:12px;max-width:500px;margin:0 auto 20px;line-height:1.6}

/* Users and editor */
.collapsible-form{margin-bottom:18px;background:linear-gradient(145deg,#f9fcfa,#fff)}.admin-form{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.admin-form label{margin:0}.form-submit{align-self:end;margin-bottom:0;height:42px}.data-panel{padding:24px}.table-search{border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:10px;outline:none}.responsive-table{overflow-x:auto}.user-table-head,.user-table-row{min-width:800px;display:grid;grid-template-columns:1.6fr .8fr .6fr .7fr .5fr;align-items:center;gap:13px}.user-table-head{font-size:8px;letter-spacing:.1em;color:#92a2a2;font-weight:850;border-bottom:1px solid var(--line);padding:9px 10px}.user-table-row{font-size:9px;border-bottom:1px solid #edf1ef;padding:11px 10px}.person-cell{display:flex;align-items:center;gap:9px}.person-cell>span{display:flex;flex-direction:column}.person-cell small,.user-table-row>span>small{display:block;color:var(--muted);margin-top:3px}.small-button{border:0;background:var(--teal);color:#fff;border-radius:7px;padding:7px 10px;font-size:8px;font-weight:800}.version-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px}.version-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.version-card h2{font-size:32px;margin:0 0 9px}.version-card>p:not(.eyebrow){font-size:10px;color:var(--muted);line-height:1.5;min-height:30px}.lesson-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.lesson-form label{margin:0}.lesson-form .wide{grid-column:1/-1}.lesson-form textarea{resize:vertical}.lesson-form .form-submit{width:100%}.curriculum-tree{padding:25px}.legend-note{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--muted)}.legend-note i:nth-of-type(2){margin-left:8px}.tree-version{display:flex;gap:9px;align-items:center;background:#f5f8f6;border-radius:10px;padding:11px 13px;margin:20px 0 13px;font-size:11px}.tree-unit{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;margin:10px 0 8px;padding-left:10px}.tree-unit>span{font-size:24px}.tree-unit small{display:block;font-size:8px;color:var(--teal);font-weight:850;letter-spacing:.1em}.tree-unit strong{font:700 17px Georgia,serif}.tree-lesson{margin-left:58px;padding:13px;border-left:2px solid #dce8e6;display:grid;grid-template-columns:30px 1fr;gap:10px}.lesson-index{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e7f4ef;color:var(--teal);font-size:9px}.tree-lesson strong{font-size:10px}.tree-lesson p{font-size:9px;line-height:1.5;color:var(--muted);margin:4px 0}.tree-lesson small{font-size:8px;color:#8b9b9c}

/* Mission, profile, generic workspaces */
.mission-page{max-width:800px;margin:auto}.mission-page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:10px}.mission-page-head a{text-decoration:none;color:var(--teal);font-weight:800}.mission-page-head span{background:#fff;border:1px solid var(--line);border-radius:20px;padding:7px 10px}.mission-experience{padding:38px 42px}.mission-progress{display:grid;grid-template-columns:25px 1fr 25px;align-items:center;gap:10px;margin-bottom:35px}.mission-progress>span,.mission-progress>b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:8px}.mission-progress>span{background:var(--teal);color:#fff}.mission-progress>b{background:#eef2ef;color:#879696}.mission-progress i{height:5px;background:#edf1ef;border-radius:10px;overflow:hidden}.mission-progress em{display:block;height:100%;background:var(--teal)}.mission-experience h1{font-size:35px;margin-bottom:8px}.mission-objective{color:var(--muted);font-size:11px;line-height:1.6}.question-label{font-size:9px;font-weight:850;color:var(--teal);letter-spacing:.05em;margin:25px 0 7px}.mission-form h2{font-size:20px;line-height:1.4;margin-bottom:16px}.answer-options{display:grid;gap:9px;margin-bottom:18px}.answer-options label{border:1px solid var(--line);border-radius:12px;padding:11px 13px;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:10px;font-size:11px;cursor:pointer}.answer-options label:has(input:checked){border-color:var(--teal);background:#eff8f5;box-shadow:0 0 0 2px #e0f1ec}.answer-options input{position:absolute;opacity:0}.letter{width:28px;height:28px;border-radius:8px;background:#edf2ef;display:grid;place-items:center;font-size:9px;font-weight:850}.answer-options i{font-style:normal;color:#93a4a4}.answer-feedback{padding:13px 15px;border-radius:11px;margin:18px 0;font-size:10px;line-height:1.55}.answer-feedback.retry{background:#fce9e4;color:#8b5042}.answer-feedback p{margin:4px 0 0}.mission-success{text-align:center;padding:24px 0 10px}.mission-success h1{font-size:38px;margin:9px 0}.mission-success>p:not(.eyebrow){font-size:11px;color:var(--muted);line-height:1.6;max-width:500px;margin:0 auto}.reward-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px auto;max-width:420px}.reward-row span{background:#f5f8f5;border-radius:12px;padding:14px;font-size:10px}.reward-row b{color:var(--teal);font-size:13px}.profile-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.profile-card{text-align:center}.profile-avatar{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:#dff1ee;color:var(--teal);font:700 25px Georgia,serif}.profile-card h2{font-size:24px;margin-bottom:5px}.profile-card>p{font-size:10px;color:var(--muted)}.profile-facts{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:11px;margin-top:22px}.profile-facts span{display:flex;flex-direction:column;padding:12px;font-size:8px;color:var(--muted);border-right:1px solid var(--line)}.profile-facts span:last-child{border:0}.profile-facts b{color:var(--ink);font-size:10px;margin-top:4px}.preference-card>p{font-size:10px;color:var(--muted);line-height:1.6}.preference-card form{max-width:450px}.workspace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.workspace-card{min-height:220px}.workspace-card>span{font-size:35px}.workspace-card small{display:block;color:var(--teal);font-size:8px;font-weight:850;letter-spacing:.1em;margin:20px 0 5px}.workspace-card h2{font-size:22px;margin-bottom:8px}.workspace-card p{font-size:10px;color:var(--muted);line-height:1.6}.workspace-card a{display:inline-block;color:var(--teal);font-size:10px;font-weight:850;text-decoration:none;margin-top:8px}.error-page{margin-top:30px}

@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr 1fr}.weekly-panel{grid-column:span 2}.metric-row{grid-template-columns:1fr 1fr}.workspace-grid{grid-template-columns:1fr 1fr}.admin-form{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:360px;padding:30px}.story-copy{margin:70px 0 30px}.story-copy h1{font-size:42px}.story-scene{display:none}.auth-panel{padding:50px 25px}.auth-language{top:12px;right:12px}.app-shell{display:block}.sidebar{transform:translateX(-102%);transition:.25s ease;box-shadow:18px 0 45px rgba(14,50,51,.15)}.sidebar.open{transform:none}.workspace{padding-bottom:20px}.topbar{padding:0 20px;height:65px;justify-content:space-between}.mobile-menu{display:block}.mobile-brand{display:block;text-decoration:none;font:700 16px Georgia,serif;color:var(--teal)}.content{padding:25px 20px 45px}.student-stats{display:none}.hero-grid,.two-column,.director-layout,.profile-layout{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.weekly-panel{grid-column:auto}.mission-card{grid-template-columns:1fr}.mission-copy{padding:28px}.mission-visual{display:none}.metric-row{grid-template-columns:1fr 1fr}.version-grid{grid-template-columns:1fr}.admin-form,.lesson-form{grid-template-columns:1fr}.lesson-form .wide{grid-column:auto}}
@media(max-width:560px){.auth-language{max-width:calc(100% - 24px);overflow:auto}.auth-language a{white-space:nowrap}.auth-story{min-height:300px}.story-copy{margin:70px 0 0}.story-copy h1{font-size:34px}.auth-panel{padding:38px 16px}.form-row{grid-template-columns:1fr}.topbar{padding:0 12px}.language-select span,.user-chip b{display:none}.content{padding:21px 14px 40px}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-row .cta-button{width:100%}.metric-row,.workspace-grid{grid-template-columns:1fr}.mission-experience{padding:28px 18px}.mission-experience h1{font-size:29px}.reward-row{grid-template-columns:1fr}.tree-lesson{margin-left:18px}.data-panel,.curriculum-tree{padding:17px}}
@media(max-width:560px){.auth-version{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v0.1.1 · Identidad visual Spanish in Cancún */
.auth-story{background:linear-gradient(145deg,#0f7470 0%,var(--brand-aqua-dark) 58%,var(--brand-aqua) 100%)}
.auth-brand .brand-mark{background:#fff;color:var(--brand-aqua-dark);box-shadow:0 10px 24px rgba(18,91,87,.18)}
.auth-brand strong{color:#fff}.story-copy .eyebrow{color:#dffbf7}.story-copy h1 em{color:#fff1f6}
.auth-language a.selected{background:var(--brand-pink-dark);color:#fff}
.brand-mark{background:var(--brand-aqua-dark);box-shadow:0 8px 20px rgba(23,143,138,.22)}
.brand-lockup strong{color:var(--brand-pink)}
.nav-item:hover{background:#eef9f7;color:var(--brand-aqua-dark)}
.nav-item.active{background:#dcf4f0;color:#106f6b;box-shadow:inset 3px 0 0 var(--brand-aqua)}
.sidebar-quest{background:linear-gradient(145deg,#e4f7f4,#fff2f6);border-color:#cfeee9}
.tiny-progress i,.week-days .done span,.mission-progress>span,.mission-progress em{background:var(--brand-aqua-dark)}
.topbar{box-shadow:inset 0 3px 0 var(--brand-aqua)}
.primary-button,.cta-button{background:var(--brand-pink-dark);color:#fff;box-shadow:0 8px 20px rgba(201,45,99,.24)}
.primary-button:hover,.cta-button:hover{background:#ad2053;color:#fff}
.auth-card input:focus,.auth-card select:focus,.admin-form input:focus,.admin-form select:focus,.lesson-form input:focus,.lesson-form select:focus,.lesson-form textarea:focus,.preference-card select:focus{border-color:var(--brand-aqua-dark);box-shadow:0 0 0 3px #dff5f1}
.mission-card{background:linear-gradient(125deg,#0f7470 0%,#137e79 58%,var(--brand-aqua) 100%);box-shadow:0 14px 34px rgba(23,143,138,.2)}
.mission-number{color:#dcfaf6}.mission-sun{background:var(--level-a1)}
.level-card{--level-color:var(--level-a1)}.level-card.level-a1{--level-color:var(--level-a1)}.level-card.level-a2{--level-color:var(--level-a2)}.level-card.level-b1{--level-color:var(--level-b1)}.level-card.level-b2{--level-color:var(--level-b2)}.level-card.level-c1{--level-color:var(--level-c1)}.level-card.level-c2{--level-color:var(--level-c2)}
.level-card .level-top b{background:#fff1e8;color:#934018}.level-card.level-a2 .level-top b{background:#ffecee;color:#9f2730}.level-card.level-b1 .level-top b{background:#eee9ff;color:#5230b0}.level-card.level-b2 .level-top b{background:#e5f7fb;color:#216f82}.level-card.level-c1 .level-top b{background:#e7f7ec;color:#267246}.level-card.level-c2 .level-top b{background:#fdeaf7;color:#94266d}.level-card .level-ring{background:conic-gradient(var(--level-color) var(--progress),#e8efed 0)}
.skill-line i.coral{background:var(--level-a2)}.skill-line i.blue{background:var(--level-b2)}.skill-line i.green{background:var(--level-c1)}.skill-line i.yellow{background:var(--level-a1)}
.workspace-card{border-top:4px solid var(--brand-aqua)}.workspace-card:nth-child(2n){border-top-color:var(--brand-pink)}
.outline-button{border-color:#9edbd4;color:#106f6b}.small-button{background:var(--brand-aqua-dark)}

/* v0.1.2 · Escala legible para escritorio */
@media(min-width:1100px){
  .app-shell{grid-template-columns:252px minmax(0,1fr)}
  .sidebar{width:252px;padding:30px 22px 24px}
  .brand-lockup{padding:0 9px 30px}.brand-lockup small{font-size:14px}.brand-lockup strong{font-size:25px}
  .nav-label{font-size:10px;margin-bottom:11px}.nav-item{font-size:14px;padding:13px 14px;margin:3px 0}.nav-item span{font-size:20px}
  .sidebar-quest{padding:19px}.sidebar-quest strong{font-size:13px}.sidebar-quest p{font-size:11px}.sidebar-quest small{font-size:10px}
  .workspace{grid-column:2}.topbar{height:78px;padding:0 48px}
  .language-select select,.user-chip b{font-size:11px}
  .content{max-width:1440px;padding:40px 52px 72px}
  .eyebrow{font-size:10px}.welcome-row{margin-bottom:29px;min-height:74px}.welcome-row h1{font-size:42px}.welcome-row>div:first-child>p:last-child{font-size:14px}
  .panel{padding:24px}.metric-row{gap:18px;margin-bottom:22px}.metric-card{min-height:88px;padding:21px}.metric-icon{width:48px;height:48px;font-size:20px}.metric-card strong{font-size:28px}.metric-card p{font-size:11px}
  .two-column,.director-layout{gap:20px}.director-layout .panel{min-height:245px}
  .panel-heading{margin-bottom:19px}.panel-heading h3{font-size:16px}.panel-heading a{font-size:10px}
  .simple-table-head{font-size:9px;padding:12px}.simple-table-row{font-size:11px;padding:13px 12px}.simple-table-row small{font-size:9px}.status{font-size:9px;padding:6px 9px}
  .version-row{padding:14px 0}.version-row strong{font-size:12px}.version-row p{font-size:9px}
  .student-stats>div{min-width:112px}.student-stats strong{font-size:16px}.student-stats small{font-size:9px}
}

/* v0.1.4 · Feedback de pruebas y bitácora */
.auth-flashes{position:fixed;z-index:14;top:70px;left:50%;width:min(520px,calc(100% - 32px));transform:translateX(-50%)}
.feedback-launcher{position:fixed;right:22px;bottom:58px;z-index:80;border:0;border-radius:999px;padding:11px 16px;background:var(--brand-pink-dark);color:#fff;font-size:11px;font-weight:850;box-shadow:0 9px 28px rgba(201,45,99,.3)}
.app-body .feedback-launcher{bottom:22px}.feedback-launcher:hover{transform:translateY(-2px);background:#a92353}.feedback-launcher span{margin-left:4px}
.feedback-modal[hidden]{display:none}.feedback-modal{position:fixed;inset:0;z-index:100}.feedback-backdrop{position:absolute;inset:0;background:rgba(21,43,44,.55);backdrop-filter:blur(3px)}
.feedback-dialog{position:absolute;right:22px;bottom:22px;width:min(540px,calc(100% - 32px));max-height:calc(100vh - 44px);overflow:auto;background:#fff;border:1px solid var(--line);border-top:5px solid var(--brand-aqua);border-radius:22px;padding:27px;box-shadow:0 28px 70px rgba(15,49,47,.3)}
.feedback-dialog h2{font-size:29px;line-height:1.05;margin:4px 32px 7px 0}.feedback-dialog>p.muted{font-size:11px;line-height:1.55}.feedback-close{position:absolute;right:17px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f0f5f3;color:var(--muted);font-size:22px}
.feedback-dialog form{display:grid;gap:12px;margin-top:20px}.feedback-dialog label,.feedback-review label{display:block;font-size:10px;font-weight:800}.feedback-dialog input,.feedback-dialog select,.feedback-dialog textarea,.feedback-review select,.feedback-review textarea,.admin-filter input,.admin-filter select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 11px;outline:none;resize:vertical}.feedback-dialog input:focus,.feedback-dialog select:focus,.feedback-dialog textarea:focus,.feedback-review select:focus,.feedback-review textarea:focus,.admin-filter input:focus,.admin-filter select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #e7f4ef}
.feedback-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feedback-file{padding:10px;border-radius:11px;background:#f5f8f6}.feedback-file input{padding:7px;background:transparent}.feedback-actions{display:flex;justify-content:flex-end;gap:9px}.feedback-actions .outline-button{width:auto;padding:10px 15px}.feedback-open{overflow:hidden}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:24px}.page-heading h1{font-size:clamp(31px,4vw,45px);letter-spacing:-.04em;margin-bottom:6px}.page-heading>div>p:last-child{font-size:13px;color:var(--muted);margin:0}.feedback-metrics{margin-bottom:18px}.admin-filter{display:grid;grid-template-columns:minmax(260px,1fr) 180px 180px 90px;gap:10px;padding:15px;margin-bottom:18px}.admin-filter input,.admin-filter select{margin:0}.admin-filter .outline-button{height:39px}
.feedback-list{display:grid;gap:16px}.feedback-item{padding:24px}.feedback-item>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:13px}.feedback-item h2{font:700 20px Georgia,serif;margin:7px 0 0}.feedback-item time{font-size:9px;color:var(--muted)}.feedback-category{display:inline-block;margin-left:6px;font-size:9px;font-weight:800;color:var(--teal)}.feedback-context{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.feedback-context span{font-size:9px;color:var(--muted);line-height:1.45;overflow-wrap:anywhere}.feedback-context b,.feedback-message b{display:block;color:var(--ink);font-size:8px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px}.feedback-context code,.audit-table-row code{font:9px ui-monospace,SFMono-Regular,Consolas,monospace;color:#397b78}.feedback-message{padding:15px 0}.feedback-message p{font-size:12px;line-height:1.65;margin:3px 0 14px}.screenshot-link{display:inline-block;color:var(--teal);font-size:10px;font-weight:800;margin-bottom:14px}.feedback-review{display:grid;grid-template-columns:150px 150px minmax(250px,1fr) auto;gap:10px;align-items:end;background:#f7faf8;border-radius:13px;padding:13px}.feedback-review select,.feedback-review textarea{margin-top:5px}.feedback-review .primary-button{height:39px}.status.new{background:#fff0f5;color:var(--brand-pink-dark)}.status.reviewing{background:#fcf2d8;color:#8c681e}.status.approved{background:#e1f1f5;color:#24788c}.status.resolved,.status.validated{background:#e6f3eb;color:#397555}.status.discarded{background:#edf1ef;color:#778585}
.audit-tabs{display:flex;gap:7px;margin-bottom:12px}.audit-tabs a{padding:9px 14px;border-radius:9px;text-decoration:none;font-size:10px;font-weight:800;color:var(--muted);background:#fff;border:1px solid var(--line)}.audit-tabs a.active{background:var(--teal);color:#fff;border-color:var(--teal)}.audit-filter{grid-template-columns:minmax(260px,1fr) 155px 155px 90px}.audit-table-wrap{padding:10px 18px 18px;overflow:auto}.audit-table-head,.audit-table-row{min-width:940px;display:grid;grid-template-columns:130px 1.15fr 1.4fr 1.5fr 100px;gap:12px;align-items:start;padding:12px 8px}.audit-table-head{font-size:8px;letter-spacing:.09em;color:#91a2a1;font-weight:850;border-bottom:1px solid var(--line)}.audit-table-row{font-size:10px;border-bottom:1px solid #edf1ef}.audit-table-row>span{display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}.audit-table-row small{font-size:8px;color:var(--muted);line-height:1.5}.audit-table-row time{font-size:9px;color:var(--muted)}.audit-empty{padding:25px;text-align:center;font-size:11px}
@media(max-width:980px){.admin-filter,.audit-filter{grid-template-columns:1fr 1fr}.feedback-review{grid-template-columns:1fr 1fr}.feedback-review .review-notes{grid-column:1/-1}.feedback-context{grid-template-columns:1fr}.feedback-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.feedback-launcher{right:12px;bottom:54px;padding:12px}.app-body .feedback-launcher{bottom:14px}.feedback-launcher span{display:none}.feedback-dialog{right:8px;bottom:8px;width:calc(100% - 16px);max-height:calc(100vh - 16px);padding:22px 18px}.feedback-form-grid,.admin-filter,.audit-filter,.feedback-review,.feedback-metrics{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.feedback-context{grid-template-columns:1fr}.feedback-actions{flex-direction:column-reverse}.feedback-actions>*{width:100%!important}}
.sidebar{overflow-y:auto}

/* v0.1.5 · Importación CSV e historial contextual */
.feedback-toolbar{position:fixed;right:22px;bottom:58px;z-index:80;display:flex;align-items:center;gap:8px}.app-body .feedback-toolbar{bottom:22px}.feedback-toolbar .feedback-launcher{position:static}.feedback-history-launcher{border:1px solid #c8ddda;border-radius:999px;padding:10px 13px;background:rgba(255,255,255,.95);color:var(--teal);font-size:10px;font-weight:850;box-shadow:0 8px 24px rgba(38,56,59,.12);backdrop-filter:blur(10px)}.feedback-history-launcher:hover{transform:translateY(-2px);background:#eff9f7}.feedback-history-launcher b{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:5px;padding:0 5px;border-radius:999px;background:#dcf4f0;color:#106f6b;font-size:9px}
.feedback-history-dialog{width:min(650px,calc(100% - 32px))}.page-feedback-list{display:grid;gap:11px;margin-top:19px}.page-feedback-empty{padding:28px;border:1px dashed var(--line);border-radius:13px;text-align:center;color:var(--muted);font-size:11px}.page-feedback-entry{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.page-feedback-entry>header{display:flex;align-items:center;gap:8px}.page-feedback-entry>header>b{font:700 14px Georgia,serif}.page-feedback-entry time{margin-left:auto;color:var(--muted);font-size:8px}.page-feedback-entry>small{display:block;margin:8px 0 5px;color:var(--teal);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.page-feedback-entry>p{font-size:11px;line-height:1.55;margin:0}.page-feedback-response{margin-top:11px;padding:10px 12px;border-radius:10px;background:#fff8e7;color:#7d652d}.page-feedback-response.answered{background:#e8f5ee;color:#376c4d}.page-feedback-response>b{display:block;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.page-feedback-response p{font-size:10px;line-height:1.5;margin:4px 0 0}
.feedback-page-actions{display:flex;gap:9px;align-items:center}.feedback-page-actions .outline-button{width:auto;padding:12px 16px;background:#fff}.feedback-import{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center;margin:-8px 0 18px;border-left:4px solid var(--brand-aqua)}.feedback-import h2{font-size:24px;margin:3px 0 7px}.feedback-import p:not(.eyebrow){font-size:10px;line-height:1.6;color:var(--muted);margin:0}.feedback-import form{display:flex;align-items:center;justify-content:flex-end;gap:10px}.feedback-import input[type=file]{min-width:0;border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff;font-size:9px}.feedback-public-response{margin:-2px 0 14px;padding:13px 15px;border-radius:12px;background:#e8f5ee;color:#376c4d}.feedback-public-response b{display:block;font-size:8px;letter-spacing:.09em;text-transform:uppercase}.feedback-public-response p{font-size:11px;line-height:1.6;margin:5px 0 0}.feedback-review{grid-template-columns:130px 130px minmax(210px,1fr) minmax(210px,1fr) auto}.feedback-review .public-response textarea{background:#f1faf5}
@media(max-width:1180px){.feedback-review{grid-template-columns:1fr 1fr}.feedback-review .public-response,.feedback-review .review-notes{grid-column:1/-1}.feedback-review .primary-button{width:100%;grid-column:1/-1}}
@media(max-width:760px){.feedback-import{grid-template-columns:1fr}.feedback-import form{align-items:stretch;flex-direction:column}.feedback-page-actions{width:100%;flex-wrap:wrap}.feedback-page-actions>*{flex:1}.feedback-history-launcher span{display:none}.feedback-toolbar{right:12px}.app-body .feedback-toolbar{bottom:14px}.feedback-history-dialog{right:8px;bottom:8px;width:calc(100% - 16px)}}

/* v0.1.6 · Ficha privada del alumno */
.user-table-head,.user-table-row{grid-template-columns:2fr 1.2fr .7fr .7fr 1.15fr}.person-link{display:inline-block;color:var(--ink);font-weight:850;text-decoration:none}.person-link:hover{color:var(--teal);text-decoration:underline}.user-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.record-link{color:var(--teal);font-size:9px;font-weight:850;text-decoration:none;white-space:nowrap}.record-link:hover{text-decoration:underline}
.record-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.record-heading h1{font-size:clamp(32px,4vw,46px);letter-spacing:-.04em;margin:5px 0}.record-heading>div>p:last-child{color:var(--muted);font-size:12px}.back-link{display:inline-block;color:var(--teal);font-size:10px;font-weight:850;text-decoration:none;margin-bottom:20px}.back-link:hover{text-decoration:underline}
.student-record-grid{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(420px,1.55fr);gap:20px}.student-identity-card{text-align:center}.record-avatar{width:88px;height:88px;margin:4px auto 16px;border-radius:50%;display:grid;place-items:center;background:#dcf4f0;color:var(--teal);font:700 27px Georgia,serif}.student-identity-card h2{font-size:26px;margin-bottom:5px}.student-identity-card>a{color:var(--teal);font-size:10px}.student-identity-card>p{color:var(--muted);font-size:10px;margin:8px 0 20px}.record-facts{display:grid;grid-template-columns:1fr 1fr;margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:left}.record-facts div{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.record-facts div:nth-child(2n){border-right:0}.record-facts div:nth-last-child(-n+2){border-bottom:0}.record-facts dt{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.record-facts dd{margin:5px 0 0;font-size:10px;font-weight:800}.student-contact-card .panel-heading{align-items:center}.whatsapp-link{padding:9px 12px;text-decoration:none}.record-privacy-note{padding:11px 13px;border-radius:11px;background:#f3f8f6;color:var(--muted);font-size:9px;line-height:1.5}.student-record-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.student-record-form label{font-size:10px;font-weight:800}.student-record-form input,.student-record-form textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff;outline:none;resize:vertical}.student-record-form input:focus,.student-record-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #e7f4ef}.student-record-form .wide,.student-record-form .form-submit{grid-column:1/-1}.record-empty{display:grid;place-items:center;min-height:300px;text-align:center;color:var(--muted)}.record-empty span{font-size:45px;color:var(--teal)}.record-empty h2{font-size:25px;color:var(--ink);margin:0}.record-empty p{max-width:430px;font-size:11px;line-height:1.6}
@media(max-width:900px){.student-record-grid{grid-template-columns:1fr}.record-heading{align-items:flex-start;flex-direction:column}.student-record-form{grid-template-columns:1fr}.student-record-form .wide,.student-record-form .form-submit{grid-column:auto}}
@media(max-width:520px){.record-facts{grid-template-columns:1fr}.record-facts div,.record-facts div:nth-child(2n),.record-facts div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.record-facts div:last-child{border-bottom:0}}

/* v0.1.7 · Manual contextual integrado */
.context-help-trigger{display:inline-grid;place-items:center;flex:0 0 auto;width:25px;height:25px;margin-left:7px;border:1px solid #b8d9d5;border-radius:50%;background:#fff;color:var(--teal);font-size:12px;font-weight:900;line-height:1;box-shadow:0 4px 12px rgba(30,99,95,.1);cursor:pointer;vertical-align:middle}.context-help-trigger:hover,.context-help-trigger:focus-visible{background:#dcf4f0;border-color:var(--teal);outline:none;transform:translateY(-1px)}.context-help-trigger.compact{width:21px;height:21px;margin-left:4px;font-size:10px}.page-help-trigger{width:34px;height:34px;margin:0;border-color:#c9dfdc;background:#f8fcfb;font-size:15px}.auth-page-help{position:fixed;right:22px;top:65px;z-index:16}.compact-help-action{display:flex;align-items:center}.action-help-group{display:inline-flex;align-items:center;gap:2px}.action-help-group .context-help-trigger{margin-left:5px}.action-help-group.form-submit{display:flex}.action-help-group.form-submit .primary-button{flex:1}.auth-card form>.action-help-group{display:flex;width:100%}.auth-card form>.action-help-group .primary-button{flex:1}.user-actions .context-help-trigger{margin-left:0}
.context-help-modal[hidden]{display:none}.context-help-modal{position:fixed;inset:0;z-index:160}.context-help-backdrop{position:absolute;inset:0;background:rgba(21,43,44,.6);backdrop-filter:blur(4px)}.context-help-dialog{position:absolute;right:22px;top:22px;width:min(560px,calc(100% - 32px));max-height:calc(100vh - 44px);overflow:auto;padding:28px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--brand-aqua);border-radius:22px;box-shadow:0 28px 75px rgba(15,49,47,.35)}.context-help-dialog>h2{font-size:31px;line-height:1.08;margin:5px 42px 20px 0}.context-help-close{position:absolute;right:17px;top:15px;width:34px;height:34px;border:0;border-radius:50%;background:#eff5f3;color:var(--muted);font-size:22px;cursor:pointer}.context-help-section{padding:14px 0;border-top:1px solid var(--line)}.context-help-section h3,.context-help-warning h3{margin:0 0 7px;color:var(--teal);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.context-help-section p,.context-help-section li,.context-help-warning p{font-size:12px;line-height:1.65;color:var(--ink)}.context-help-section p,.context-help-warning p{margin:0}.context-help-section ol{margin:0;padding-left:19px}.context-help-section li+li{margin-top:4px}.context-help-affects{margin-top:3px;padding:14px;border:0;border-radius:12px;background:#eef8f6}.context-help-warning{margin-top:10px;padding:13px 15px;border-radius:12px;background:#fff4df}.context-help-warning h3{color:#8a641d}.context-help-understood{width:100%;margin-top:18px}.context-help-open{overflow:hidden}
@media(max-width:650px){.auth-page-help{right:12px;top:58px}.context-help-dialog{right:8px;top:8px;width:calc(100% - 16px);max-height:calc(100vh - 16px);padding:24px 19px}.context-help-dialog>h2{font-size:27px}.page-help-trigger{width:31px;height:31px}.context-help-trigger{width:23px;height:23px}}