:root{color-scheme:light;font-family:Inter,Segoe UI Variable,Aptos,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--page);color:var(--ink);--white: #ffffff;--page: #f7f5f7;--page-start: #faf8fa;--page-middle: #f6f4f7;--page-end: #fbf9f5;--claret: #8a0f73;--claret-bright: #9b167f;--claret-action: #95127b;--claret-action-end: #7c1069;--claret-deep: #741060;--claret-hover: #731061;--claret-soft: #f5e9f3;--claret-mist: #fbf6fa;--gold: #d6b300;--gold-soft: #fcf7e3;--gold-text: #6c5900;--green: #3f7d58;--green-soft: #e8f4ed;--ink: #241b2a;--body-copy: #4b4350;--muted: #716a75;--placeholder: #918994;--line: #e9e3e9;--border: var(--line);--surface: #fffefe;--surface-soft: rgba(255, 255, 255, .82);--surface-muted: #fbf9fc;--surface-disabled: #f1edf2;--progress-track: #eee9ef;--danger: #ad343e;--danger-strong: #b42318;--danger-soft: #fff5f5;--success-soft: #f2faf5;--blue-soft: rgba(67, 108, 163, .12);--blue-text: #436ca3;--rose-soft: rgba(174, 45, 92, .12);--rose-text: #9f2c55;--warning: #d97706;--radius-control: 12px;--radius-card: 18px;--radius-feature: 24px;--shadow-card: 0 1px 1px rgba(36, 27, 42, .025), 0 16px 44px rgba(63, 36, 66, .07);--shadow-subtle: 0 10px 28px rgba(63, 36, 66, .052);--shadow-raised: 0 1px 1px rgba(36, 27, 42, .035), 0 28px 72px rgba(63, 36, 66, .12)}*{box-sizing:border-box}html,body{max-width:100%;margin:0;overflow-x:hidden}body{line-height:1.45;background:radial-gradient(circle at 9% 8%,rgba(138,15,115,.075),transparent 28rem),radial-gradient(circle at 91% 5%,rgba(214,179,0,.1),transparent 25rem),linear-gradient(145deg,var(--page-start) 0%,var(--page-middle) 54%,var(--page-end) 100%);background-attachment:fixed}body:before{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(138,15,115,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(138,15,115,.018) 1px,transparent 1px);background-size:32px 32px;content:"";pointer-events:none}#root{position:relative;z-index:1;max-width:100%;overflow-x:hidden}button,a,input,select,textarea{font:inherit;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(138,15,115,.22);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.58}input::placeholder,textarea::placeholder{color:var(--placeholder)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#8a0f7347}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background:var(--surface-disabled);color:var(--muted)}.secondary-action:hover:not(:disabled),.demo-switcher button:hover:not(:disabled){box-shadow:var(--shadow-subtle);transform:translateY(-1px)}.primary-action:active:not(:disabled),.secondary-action:active:not(:disabled),.ghost-action:active:not(:disabled),.demo-switcher button:active:not(:disabled),.quick-actions a:active{transform:translateY(0) scale(.985)}.app-shell{width:100%;min-width:0;max-width:100%;min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr);overflow-x:hidden}.skip-link{position:fixed;z-index:100;top:12px;left:12px;border-radius:var(--radius-control);padding:10px 14px;background:var(--ink);color:var(--white);font-weight:800;text-decoration:none;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.login-shell,.loading-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 18%,rgba(138,15,115,.12),transparent 22rem),radial-gradient(circle at 82% 82%,rgba(214,179,0,.14),transparent 22rem)}.loading-shell{gap:12px;color:var(--claret);font-weight:800}.login-panel{width:min(100%,560px);background:linear-gradient(145deg,#fffffff5,#fdfafde6);border:1px solid rgba(255,255,255,.86);border-radius:var(--radius-feature);box-shadow:var(--shadow-raised);display:grid;gap:28px;padding:clamp(24px,5vw,42px)}.install-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:flex-start;border:1px solid rgba(138,15,115,.12);border-radius:var(--radius-card);padding:18px;background:radial-gradient(circle at 100% 0%,rgba(214,179,0,.12),transparent 12rem),var(--claret-mist);color:var(--body-copy)}.install-card.installed{border-color:#3f7d5838;background:var(--success-soft)}.install-card svg{color:var(--claret)}.install-card.installed svg{color:var(--green)}.install-card strong{display:block;color:var(--ink);font-size:.98rem}.install-card p{margin:5px 0 0}.install-card ol{margin:10px 0 0;padding-left:20px}.install-card li+li{margin-top:4px}.web-push-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.inline-success,.inline-error{display:block;font-size:.9rem;font-weight:800;margin-top:8px}.inline-success{color:var(--green)}.inline-error{color:var(--danger)}.oidc-action{width:100%;min-height:48px;border:1px solid rgba(138,15,115,.18);border-radius:var(--radius-control);background:var(--surface);color:var(--claret);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;text-decoration:none}.oidc-action:hover{border-color:#8a0f734d;box-shadow:var(--shadow-subtle);transform:translateY(-1px)}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;min-width:0;background:radial-gradient(circle at 8% 2%,rgba(138,15,115,.1),transparent 15rem),linear-gradient(180deg,#fffffffa,#fbf8fbf5);border-right:1px solid var(--line);padding:26px 22px;display:flex;flex-direction:column;gap:34px}.brand-mark{display:flex;align-items:center;gap:14px}.brand-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,var(--claret-bright),var(--claret-deep));color:var(--white);font-weight:800;box-shadow:0 12px 28px #8a0f7338}.brand-mark strong,.brand-mark small{display:block}.brand-mark small,.eyebrow,.lead,.class-card p,.today-card p,.record-row span,.notice-row span,.story-preview p,.metric-card span,.metric-card small{color:var(--muted)}.lead{margin-bottom:0;line-height:1.6}.nav-list{min-width:0;max-width:100%;display:grid;gap:8px}.nav-caption{padding:0 14px 4px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nav-list a{position:relative;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px;min-height:48px;border:1px solid transparent;border-radius:var(--radius-control);padding:0 14px;font-weight:700}.nav-label{min-width:0}.nav-label-short{display:none}.nav-list a.active,.nav-list a[aria-current=page],.nav-list a:hover{border-color:#8a0f731c;background:linear-gradient(135deg,var(--claret-soft),rgba(255,255,255,.9));color:var(--claret)}.nav-list a.active:before,.nav-list a[aria-current=page]:before{position:absolute;width:3px;height:22px;left:-7px;border-radius:999px;background:var(--claret);content:""}.session-card{margin-top:auto;border:1px solid var(--line);border-radius:var(--radius-card);padding:16px;display:grid;gap:8px;background:#ffffffa8;box-shadow:0 12px 32px #3f24420e}.session-card span{color:var(--claret);font-size:.78rem;font-weight:800;text-transform:uppercase}.content{min-width:0;max-width:100%;padding:clamp(24px,4vw,48px);display:grid;gap:24px;align-content:start;background:radial-gradient(circle at 94% 3%,rgba(214,179,0,.055),transparent 22rem)}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:4px}.topbar-actions{display:flex;align-items:center;gap:10px}.trust-note{min-height:70px;display:flex;align-items:center;gap:14px;border:1px solid rgba(138,15,115,.16);border-radius:var(--radius-card);padding:14px 16px;background:linear-gradient(135deg,var(--claret-soft),rgba(255,255,255,.92))}.trust-note-icon{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;border-radius:var(--radius-control);background:#ffffffe0;color:var(--claret)}.trust-note strong{display:block;color:var(--ink)}.trust-note p{margin:3px 0 0;color:var(--muted);line-height:1.45}.eyebrow{margin:0 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.055em;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1;letter-spacing:-.042em}h2{margin-bottom:12px;font-size:1.6rem;line-height:1.15;letter-spacing:-.02em}h3{margin-bottom:8px;line-height:1.25;letter-spacing:-.01em}.lead,.panel-heading p,.section-heading p{max-width:72ch}.primary-action,.secondary-action,.ghost-action,.danger-action,.quick-actions a,.demo-switcher button{border:0;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius-control);font-weight:800}.primary-action{background:linear-gradient(135deg,var(--claret-action),var(--claret-action-end));color:var(--white);padding:0 18px}.primary-action:hover:not(:disabled){background:var(--claret-hover);box-shadow:0 10px 24px #8a0f7333;transform:translateY(-1px)}.secondary-action{background:var(--claret-soft);color:var(--claret);padding:0 18px}.ghost-action{background:#ffffffb8;color:var(--ink);border:1px solid var(--line)}.danger-action{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(173,52,62,.2);padding:0 18px}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:8px;color:var(--ink);font-weight:800}.login-form input,.compact-form input,.compact-form select,.compact-form textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-control);min-height:48px;padding:0 14px;color:var(--ink);background:var(--surface-muted)}.login-form input:focus,.compact-form input:focus,.compact-form select:focus,.compact-form textarea:focus{border-color:var(--claret);outline:3px solid rgba(138,15,115,.14)}.compact-form textarea{grid-column:1 / -1;min-height:88px;padding-top:12px;resize:vertical}.demo-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.demo-switcher button{background:var(--surface-muted);border:1px solid var(--line);color:var(--ink)}.demo-switcher button.selected{background:var(--claret-soft);border-color:#8a0f7352;color:var(--claret)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:20px}.today-card,.family-preview,.class-card,.panel,.metric-card{background:linear-gradient(145deg,#fffffff5,#fdfbfde6);border:1px solid rgba(231,223,233,.72);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.today-card{min-height:300px;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:24px;align-items:end;background:radial-gradient(circle at 94% 0%,rgba(214,179,0,.12),transparent 17rem),linear-gradient(145deg,#fffffffa,#fbf6faeb)}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-actions a{background:linear-gradient(145deg,#ffffffeb,#f8f3f9e0);color:var(--ink);border:1px solid var(--line);min-height:80px;flex-direction:column;text-decoration:none}.quick-actions a:hover,.ghost-action:hover,.danger-action:hover:not(:disabled){border-color:#8a0f7352;color:var(--claret);transform:translateY(-1px)}.danger-action:hover:not(:disabled){border-color:#ad343e47;color:var(--danger-strong)}.family-preview{padding:26px;display:grid;align-content:end;background:radial-gradient(circle at 90% 8%,rgba(214,179,0,.2),transparent 12rem),linear-gradient(160deg,var(--white) 0%,var(--gold-soft) 100%)}.daily-summary{display:grid;gap:10px}.daily-summary span{min-height:40px;border-radius:var(--radius-control);background:#ffffffc7;display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--body-copy)}.metric-grid,.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.direction-dashboard{display:grid;gap:20px;scroll-margin-top:20px}.direction-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.direction-summary-grid .metric-card svg{color:var(--claret)}.direction-work-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.8fr);gap:20px}.direction-coverage,.direction-alerts{display:grid;gap:18px}.direction-class-list,.direction-alert-list{display:grid;gap:10px}.direction-class-row,.direction-alert-row{min-width:0;display:grid;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:14px}.direction-class-row{grid-template-columns:auto minmax(0,1fr) auto}.direction-class-row .class-dot{margin:0}.direction-class-row div,.direction-alert-row div{min-width:0;display:grid;gap:4px}.direction-class-row small,.direction-alert-row small{color:var(--muted)}.direction-class-row .progress-track{margin:5px 0 0}.direction-alert-row{grid-template-columns:auto minmax(0,1fr) auto}.direction-alert-row svg{color:var(--claret)}.operational-health{margin-bottom:18px}.health-check-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.health-check-row{align-items:flex-start;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-muted);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;padding:12px}.health-check-row div{display:grid;gap:4px;min-width:0}.health-check-row small{color:var(--muted);line-height:1.45}.metric-card{padding:22px;display:grid;gap:4px;overflow:hidden;position:relative}.metric-card:after{position:absolute;width:74px;height:74px;right:-30px;bottom:-34px;border-radius:999px;background:#8a0f730e;content:""}.metric-card strong{font-size:2.2rem;line-height:1}.class-card{padding:22px}.class-dot{width:14px;height:14px;border-radius:999px;display:block;margin-bottom:18px}.progress-track{height:8px;border-radius:999px;overflow:hidden;background:var(--progress-track);margin:16px 0 10px}.progress-track span{display:block;height:100%}.work-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:20px}.management-section,.rgpd-section{display:grid;gap:20px;scroll-margin-top:20px}.rgpd-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:20px}.rgpd-review{display:grid;gap:16px}.rgpd-review p{margin:6px 0 0;color:var(--body-copy);line-height:1.55}.rgpd-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rgpd-review-grid span{min-width:0;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-soft);padding:12px;display:grid;gap:4px}.rgpd-review-grid small{color:var(--muted);font-weight:700}.rgpd-warning-list{margin:0;padding-left:20px;color:var(--body-copy);line-height:1.55}.rgpd-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(280px,auto)}.rgpd-row-actions,.rgpd-delivery-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.rgpd-delivery-form input{width:150px;min-width:0;border:1px solid var(--line);border-radius:var(--radius-control);padding:9px 10px;background:var(--surface);color:var(--ink)}.rgpd-delivery-note{color:var(--muted);font-weight:800}.daily-register{display:grid;gap:14px;scroll-margin-top:20px}.stories-manager,.material-notices{display:grid;gap:20px;scroll-margin-top:20px}.messages-panel,.calendar-panel{display:grid;gap:18px;scroll-margin-top:20px}.daily-register>.panel-heading>select,.material-notices>.panel-heading>select,.register-toolbar select{min-width:180px;border:1px solid var(--line);border-radius:var(--radius-control);padding:10px 12px;background:var(--surface-muted)}.register-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:center;gap:10px;min-width:0}.register-toolbar select{flex:0 0 auto}.date-navigator{display:grid;grid-template-columns:auto minmax(190px,1fr) auto auto;align-items:stretch;gap:8px;min-width:0;max-width:100%}.date-navigator button,.date-navigator label{min-height:44px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:var(--radius-control);padding:8px 10px;background:var(--surface-soft);color:var(--ink);font-weight:800;white-space:nowrap}.date-input-card{min-width:0;justify-content:space-between}.date-input-card>span{min-width:0;display:inline-flex;align-items:center;gap:7px;color:var(--claret);overflow:hidden;text-overflow:ellipsis}.date-navigator button{cursor:pointer}.date-navigator button:disabled{cursor:not-allowed;opacity:.48}.date-navigator input{width:126px;flex:0 0 auto;border:0;padding:0;background:transparent;color:var(--ink);font:inherit}.batch-form,.notice-form,.register-form,.story-form,.calendar-form,.milestone-form{display:grid;gap:12px;border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(145deg,#ffffffc7,#f8f3f9d1),var(--surface-muted);padding:14px}.batch-card{border:1px solid rgba(138,15,115,.14);border-radius:var(--radius-card);background:linear-gradient(145deg,#ffffffdb,#f8f3f9d1),var(--surface-muted);overflow:hidden}.batch-card summary{min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;color:var(--ink);cursor:pointer;list-style:none}.batch-card summary::-webkit-details-marker{display:none}.batch-card summary:hover{background:#8a0f730b}.batch-card summary span{min-width:0;display:grid;gap:2px}.batch-card summary small{color:var(--muted);font-weight:700}.batch-card-icon{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:14px;background:var(--claret-soft);color:var(--claret)}.batch-card-chevron{color:var(--muted);transition:transform .16s ease}.batch-card[open] .batch-card-chevron{transform:rotate(90deg)}.publication-check-card{border:1px solid rgba(63,125,88,.18);border-radius:var(--radius-card);background:linear-gradient(145deg,#ffffffeb,#f2faf5db),var(--success-soft);overflow:hidden}.publication-check-card summary{min-height:62px;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(130px,.22fr) auto;align-items:center;gap:12px;padding:12px 14px;color:var(--ink);cursor:pointer;list-style:none}.publication-check-card summary::-webkit-details-marker{display:none}.publication-check-card[open] .batch-card-chevron{transform:rotate(90deg)}.publication-check-icon{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:14px;background:var(--green-soft);color:var(--green)}.publication-check-copy{min-width:0;display:grid;gap:2px}.publication-check-copy small{color:var(--muted);font-weight:800}.publication-progress{height:10px;border-radius:999px;overflow:hidden;background:#3f7d5824}.publication-progress span{display:block;height:100%;border-radius:inherit;background:var(--green)}.publication-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid rgba(63,125,88,.14);padding:12px;background:#ffffff94}.publication-check-grid article{min-width:0;display:grid;align-content:start;gap:8px;border:1px solid var(--line);border-radius:var(--radius-control);padding:10px;background:var(--surface-soft)}.publication-check-grid article>strong{color:var(--ink)}.publication-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.publication-section-heading strong{color:var(--ink)}.publication-section-heading .secondary-action{min-height:36px;padding:0 12px}.publication-check-grid p{margin:0;color:var(--muted)}.publication-student-list{display:grid;gap:6px}.publication-student-list button{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:8px 9px;background:var(--surface);color:var(--ink);text-align:left}.publication-student-list button:hover{border-color:#8a0f7338;box-shadow:var(--shadow-subtle)}.publication-student-list button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;border:0;border-top:1px solid var(--line);border-radius:0;background:#ffffff6b;box-shadow:none}.batch-form>strong{grid-column:1 / -1}.batch-form>button{grid-column:1 / -1;justify-self:end}.batch-form label,.notice-form label,.register-form label,.story-form label,.calendar-form label,.milestone-form label{min-width:0;display:grid;gap:7px;color:var(--muted);font-size:.84rem;font-weight:800}.batch-form input,.batch-form select,.notice-form input,.notice-form select,.register-form input,.register-form select,.register-form textarea,.story-form input,.story-form select,.story-form textarea,.calendar-form input,.calendar-form select,.calendar-form textarea,.milestone-form input,.milestone-form select,.milestone-form textarea{width:100%;max-width:100%;border:1px solid var(--line);border-radius:var(--radius-control);padding:10px 11px;background:var(--surface);color:var(--ink)}.batch-form input:focus,.batch-form select:focus,.notice-form input:focus,.notice-form select:focus,.register-form input:focus,.register-form select:focus,.register-form textarea:focus,.story-form input:focus,.story-form select:focus,.story-form textarea:focus,.calendar-form input:focus,.calendar-form select:focus,.calendar-form textarea:focus,.milestone-form input:focus,.milestone-form select:focus,.milestone-form textarea:focus,.message-compose textarea:focus,.new-conversation select:focus{border-color:var(--claret);outline:3px solid rgba(138,15,115,.12);outline-offset:1px}.notice-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:14px;border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(145deg,#ffffffc7,#f8f3f9d1);padding:18px}.notice-form>strong{grid-column:1 / -1}.notice-manage-row{align-items:center}.notice-manage-row div{flex:1}.messages-layout{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:16px}.conversation-list{display:grid;align-content:start;gap:10px}.conversation-list button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-soft);color:var(--ink);padding:12px;display:flex;justify-content:space-between;gap:12px;text-align:left}.conversation-list button:hover,.student-picker button:hover{border-color:#8a0f7347;box-shadow:var(--shadow-subtle);transform:translateY(-1px)}.conversation-list button.selected{border-color:var(--claret);box-shadow:0 0 0 3px #8a0f731a}.conversation-list span,.conversation-heading div{min-width:0;display:grid;gap:4px}.conversation-list small,.conversation-heading small,.message-bubble small{color:var(--muted)}.conversation-list b{min-width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:var(--claret);color:var(--white);font-size:.8rem}.conversation-thread{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-muted);box-shadow:var(--shadow-subtle);overflow:hidden}.conversation-heading{border-bottom:1px solid var(--line);padding:14px 16px;background:var(--surface-soft)}.message-list{min-height:220px;max-height:420px;overflow:auto;padding:16px;display:grid;align-content:start;gap:10px}.message-bubble{max-width:min(76%,620px);border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface);box-shadow:0 4px 14px #3f24420a}.message-bubble.centro{margin-left:auto;background:var(--claret-soft);border-color:#8a0f732e}.message-bubble p{margin:6px 0;line-height:1.5;overflow-wrap:anywhere}.message-compose{border-top:1px solid var(--line);background:var(--surface-soft);padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.message-compose textarea,.new-conversation select{width:100%;border:1px solid var(--line);border-radius:var(--radius-control);padding:10px 11px;background:var(--surface);color:var(--ink)}.new-conversation{display:flex;gap:12px;justify-content:flex-end}.new-conversation select{max-width:320px}.student-selector{display:grid;gap:10px;border:1px solid rgba(138,15,115,.12);border-radius:var(--radius-card);padding:12px;background:linear-gradient(145deg,#ffffffdb,#f8f3f9c2),var(--surface-muted)}.student-selector-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);gap:10px;align-items:end}.student-selector-heading div{min-width:0;display:grid;gap:3px}.student-selector-heading small{color:var(--muted);font-weight:800}.student-selector select,.student-search input{width:100%;border:1px solid var(--line);border-radius:var(--radius-control);padding:10px 11px;background:var(--surface);color:var(--ink)}.student-search{display:grid;gap:6px;color:var(--muted);font-size:.84rem;font-weight:900}.student-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}.student-picker button{display:grid;gap:3px;border:1px solid var(--line);border-radius:var(--radius-control);padding:10px 11px;background:var(--surface-soft);color:var(--ink);text-align:left;cursor:pointer}.student-picker button.selected{border-color:var(--claret);box-shadow:0 0 0 3px #8a0f731a;background:var(--claret-soft)}.student-picker small{color:var(--muted)}.empty-state.compact{padding:10px 12px;border-radius:var(--radius-control);box-shadow:none}.register-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.register-form-heading,.register-form .wide-field{grid-column:1 / -1}.register-form .visual-field{grid-column:span 3}.register-form .optional-detail{grid-column:span 1}.register-form>label:not(.optional-detail):not(.wide-field):not(.check-field){grid-column:span 1}.visual-field{min-width:0;display:grid;gap:7px;border:0;margin:0;padding:0}.visual-field legend{color:var(--muted);font-size:.84rem;font-weight:900}.visual-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.visual-option{position:relative;min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;border:1px solid var(--line);border-radius:var(--radius-card);padding:9px 10px;background:var(--surface-soft);color:var(--ink);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.visual-option:hover{transform:translateY(-1px);box-shadow:0 14px 28px #3f244214}.visual-option input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.visual-option:has(input:checked){border-color:#8a0f736b;box-shadow:0 0 0 3px #8a0f731a}.visual-option-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;grid-row:span 2;border-radius:14px}.visual-option strong{color:var(--ink)}.visual-option small{color:var(--muted);font-weight:800}.tone-green .visual-option-icon,.record-visual-card.tone-green .visual-option-icon{background:var(--green-soft);color:var(--green)}.tone-gold .visual-option-icon,.record-visual-card.tone-gold .visual-option-icon{background:var(--gold-soft);color:var(--gold-text)}.tone-blue .visual-option-icon,.record-visual-card.tone-blue .visual-option-icon{background:var(--blue-soft);color:var(--blue-text)}.tone-rose .visual-option-icon,.record-visual-card.tone-rose .visual-option-icon{background:var(--rose-soft);color:var(--rose-text)}.tone-neutral .visual-option-icon,.record-visual-card.tone-neutral .visual-option-icon{background:var(--surface-muted);color:var(--muted)}.optional-detail{align-self:stretch}.record-visual-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}.record-visual-card{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;border:1px solid var(--line);border-radius:var(--radius-control);padding:8px 9px;background:#ffffffb8}.record-visual-card.wide{grid-column:1 / -1}.record-visual-card small{display:block;color:var(--muted);font-weight:900}.record-visual-card strong{display:block}.record-visual-card p{margin:2px 0 0;color:var(--muted);font-size:.9rem}.story-form,.calendar-form,.milestone-form{grid-template-columns:repeat(2,minmax(0,1fr))}.milestones-panel{display:grid;gap:18px;scroll-margin-top:20px}.milestone-list{display:grid;gap:12px}.milestone-item{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:16px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-soft);box-shadow:var(--shadow-subtle);padding:14px}.milestone-item>img,.milestone-item>svg{width:112px;height:86px;border-radius:10px;object-fit:cover;color:var(--claret);background:var(--claret-soft);padding:22px}.milestone-item>div{display:grid;justify-items:start;gap:6px}.milestone-item p{margin:0;color:var(--muted);line-height:1.5}.milestone-item small{color:var(--muted)}.calendar-list{display:grid;gap:12px}.calendar-event{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-soft);box-shadow:var(--shadow-subtle);padding:14px}.calendar-event time{min-height:70px;display:grid;place-items:center;align-content:center;gap:3px;border-radius:10px;background:var(--claret-soft);color:var(--claret);text-align:center}.calendar-event time strong{font-size:1.05rem;text-transform:capitalize}.calendar-event time span,.calendar-event small,.calendar-event p{color:var(--muted)}.calendar-event>div{display:grid;justify-items:start;gap:6px}.calendar-event p{margin:0;line-height:1.5}.calendar-event b{color:var(--gold-text);font-size:.86rem}.story-form-heading{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px}.story-form-heading div{display:grid;gap:4px}.story-form-heading span,.story-form small,.story-item small,.story-item p{color:var(--muted)}.story-students{margin:0;border:1px solid var(--line);border-radius:10px;padding:14px}.story-students legend{color:var(--ink);font-weight:800}.story-students p{color:var(--muted);margin:0 0 12px;font-size:.86rem}.story-students>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.student-consent{display:flex!important;align-items:center;grid-template-columns:auto 1fr;gap:9px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-soft);padding:10px}.student-consent input{width:auto}.student-consent span{display:grid;gap:2px}.allowed{color:var(--green)!important}.blocked{color:var(--danger)!important}.story-list{display:grid;gap:12px}.story-item{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:var(--radius-card);padding:16px;background:var(--surface-soft);box-shadow:var(--shadow-subtle)}.story-item-copy{min-width:0}.story-item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.story-thumbnail{width:112px;height:76px;object-fit:cover;border-radius:8px;margin-bottom:12px}.story-item-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.story-item p{margin:7px 0 0;line-height:1.5}.register-form-heading,.register-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.wide-field,.register-form-heading{grid-column:1 / -1}.check-field{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.check-field input{width:auto}.register-actions{justify-content:flex-end}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:end}.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.import-panel{display:grid;gap:14px}.import-template-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.import-form{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) auto;gap:12px;align-items:center}.import-form input[type=file]{min-width:0;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);padding:9px 10px;color:var(--body-copy)}.import-summary{display:grid;gap:10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-muted);padding:14px}.import-summary span,.import-summary p{margin:0;color:var(--muted);line-height:1.5}.import-stats{display:flex;flex-wrap:wrap;gap:8px}.import-stats span{border-radius:var(--radius-control);background:var(--surface);padding:6px 10px;font-weight:800}.import-detail{display:grid;gap:10px}.import-detail summary{cursor:pointer;color:var(--ink);font-weight:800}.import-row-list{display:grid;max-height:340px;overflow:auto;gap:8px;padding-right:4px}.import-resolution{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(120px,.7fr) minmax(90px,.4fr) auto}.import-resolution label{display:grid;gap:5px}.import-retry-form{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(220px,1fr) auto}.import-retry-form input[type=file]{min-width:0}.import-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,auto);gap:10px;align-items:start;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);padding:10px}.import-row ul{margin:0;padding-left:18px;color:var(--danger);line-height:1.45}.compact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compact-form .primary-action{grid-column:1 / -1}.panel{padding:24px}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}.status-pill,.state{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border-radius:999px;padding:0 12px;font-size:.78rem;font-weight:800}.status-pill{background:var(--claret-soft);color:var(--claret)}.status-pill.gold{background:var(--gold-soft);color:var(--gold-text)}.state.done{background:var(--green-soft);color:var(--green)}.state.pending{background:var(--gold-soft);color:var(--gold-text)}.state.blocked{background:#ae2d2d1f;color:var(--danger)}.record-list,.notice-list{display:grid;gap:10px}.record-row,.notice-row,.story-preview,.empty-state{border:1px solid var(--line);border-radius:var(--radius-card);padding:14px;background:var(--surface-soft);box-shadow:var(--shadow-subtle)}.record-row,.notice-row,.story-item,.calendar-event,.milestone-item{transition:border-color .16s ease,box-shadow .16s ease}.record-row:hover,.notice-row:hover,.story-item:hover,.calendar-event:hover,.milestone-item:hover{border-color:#8a0f7338;box-shadow:0 12px 30px #3f244214}.record-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.record-row div,.notice-row div{min-width:0;display:grid;gap:4px}.record-row strong,.notice-row strong,.story-preview strong{color:var(--ink)}.record-row span,.notice-row span{overflow-wrap:anywhere}.notice-row,.story-preview,.empty-state{display:flex;gap:12px}.notice-row svg,.story-preview svg,.empty-state svg{flex:0 0 auto;color:var(--claret)}.story-preview{align-items:flex-start}.story-preview p{margin:8px 0;line-height:1.55}.empty-state{align-items:center;color:var(--muted)}.empty-state-icon{width:38px;height:38px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:12px;background:var(--claret-soft);color:var(--claret)}.empty-state-icon svg{color:currentColor}.error-message,.error-banner,.success-banner{color:var(--danger);font-weight:700}.error-banner{border:1px solid rgba(173,52,62,.22);background:var(--danger-soft);border-radius:var(--radius-control);padding:12px 14px}.success-banner{color:var(--green);border:1px solid rgba(63,125,88,.22);background:var(--success-soft);border-radius:var(--radius-control);padding:12px 14px}@media (max-width: 1080px){.app-shell,.hero-grid,.today-card,.work-grid,.direction-work-grid,.management-grid,.rgpd-grid,.batch-form,.notice-form,.messages-layout{grid-template-columns:1fr}.app-shell{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.register-toolbar{width:100%;grid-template-columns:minmax(0,1fr)}.date-navigator{grid-template-columns:auto minmax(180px,1fr) auto auto}.sidebar{position:fixed;z-index:60;inset:auto 0 0;height:auto;border-right:0;border-top:1px solid var(--line);padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow:visible;background:var(--surface);box-shadow:0 -4px 18px #3f244214}.brand-mark,.session-card,.nav-caption{display:none}.nav-list{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:4px}.nav-list a{min-height:52px;justify-content:center;gap:4px;border-radius:12px;padding:7px 6px;flex-direction:column;color:var(--muted);font-size:.7rem;line-height:1.08;text-align:center;overflow-wrap:anywhere}.nav-label-full{display:none}.nav-label-short{display:block}.nav-list a svg{flex:0 0 auto}.nav-list a.active,.nav-list a[aria-current=page],.nav-list a:hover{border-color:#8a0f732e;background:var(--claret-soft)}.nav-list a.active:before,.nav-list a[aria-current=page]:before{inset:5px auto auto 50%;width:24px;height:3px;transform:translate(-50%)}}@media (max-width: 740px){.app-shell{padding-bottom:calc(148px + env(safe-area-inset-bottom))}.content{padding:20px}.topbar,.section-heading,.panel-heading,.record-row{align-items:stretch;flex-direction:column}.primary-action{width:100%}.topbar-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto}.topbar-actions .primary-action{width:100%}.register-toolbar{display:grid;grid-template-columns:1fr}.register-toolbar select{width:100%}.date-navigator{width:100%;grid-template-columns:1fr 1fr}.date-input-card{grid-column:1 / -1;order:-1}.date-step{justify-content:center}.date-today{grid-column:1 / -1;justify-content:center}.publication-check-card summary{grid-template-columns:auto minmax(0,1fr) auto}.publication-progress{grid-column:1 / -1;order:2}.publication-check-grid{grid-template-columns:1fr}.publication-section-heading{align-items:stretch;flex-direction:column}.student-selector-heading{grid-template-columns:1fr}.student-picker{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.quick-actions,.class-grid,.metric-grid,.direction-summary-grid,.demo-switcher,.compact-form,.register-form,.story-form,.calendar-form,.milestone-form,.health-check-row,.import-form,.import-resolution,.import-retry-form,.import-row,.rgpd-row{grid-template-columns:1fr}.rgpd-row-actions,.rgpd-delivery-form,.rgpd-delivery-form input{width:100%}.wide-field,.register-form-heading,.story-form-heading{grid-column:auto}.register-form .visual-field,.register-form .optional-detail,.register-form>label:not(.optional-detail):not(.wide-field):not(.check-field){grid-column:auto}.visual-options{grid-template-columns:repeat(2,minmax(0,1fr))}.register-form-heading,.register-actions,.story-item,.calendar-event,.milestone-item,.new-conversation{align-items:stretch;flex-direction:column}.calendar-event,.milestone-item,.message-compose{grid-template-columns:1fr}.new-conversation select{max-width:none}.today-card,.family-preview,.panel{padding:20px}h1{font-size:2.05rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.safety-forms,.safety-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.safety-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:14px;background:var(--surface-soft);box-shadow:var(--shadow-subtle)}.safety-item>div{display:grid;gap:5px}.safety-item p{margin:0}.safety-item.severity-moderada{border-left-color:var(--warning)}.safety-item.severity-urgente{border-left-color:var(--danger-strong)}@media (max-width: 980px){.safety-forms,.safety-lists{grid-template-columns:1fr}}@media (max-width: 740px){.safety-item{grid-template-columns:1fr}}