:root{--royal-900:#0b2a6f;--royal-700:#1a3f94;--royal-100:#e4eaf6;--gold-500:#c9a227;--gold-600:#a98516;--gold-100:#faf2d3;--green-700:#1e7a46;--green-100:#dff2e7;--burgundy-700:#8b1e2d;--burgundy-100:#f6e1e4;--white:#fff;--surface-soft:#eef2f8;--border:#d3dbea;--text:#17203a;--text-muted:#566079}*,:before,:after{box-sizing:border-box}body{color:var(--text);background:var(--surface-soft);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}h1{color:var(--royal-900);margin:0 0 1rem;font-size:1.4rem}h2{color:var(--royal-900);margin:0 0 .75rem;font-size:1.1rem}p{margin:0 0 .75rem}.muted{color:var(--text-muted)}.card{background:var(--white);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;padding:1rem}.field{margin-bottom:.9rem}label{margin-bottom:.25rem;font-size:.95rem;font-weight:600;display:block}input,select{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:#fff;border-radius:8px;padding:.5rem .75rem;font-size:16px}input:focus,select:focus,button:focus-visible{outline:3px solid var(--gold-500);outline-offset:1px}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:44px;padding:.5rem 1rem;font-size:1rem;font-weight:600}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gold-500);color:var(--royal-900)}.btn-primary:hover:not(:disabled){filter:brightness(.95)}.btn-secondary{background:var(--royal-700);color:#fff}.btn-danger{background:var(--burgundy-700);color:#fff}.btn-success{background:var(--green-700);color:#fff}.btn-ghost{color:#fff;background:0 0;border-color:#fff9}.btn-block{width:100%}.alert{border-left:4px solid;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.alert-error{background:var(--burgundy-100);border-color:var(--burgundy-700);color:var(--burgundy-700)}.alert-success{background:var(--green-100);border-color:var(--green-700);color:#14502e}.secret{border:1px dashed var(--green-700);-webkit-user-select:all;user-select:all;word-break:break-all;background:#fff;border-radius:8px;margin:.5rem 0;padding:.5rem .75rem;font-family:Consolas,Courier New,monospace;font-size:1.15rem}.badge{border-radius:999px;padding:.1rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.badge-role{background:var(--royal-100);color:var(--royal-900)}.badge-ok{background:var(--green-100);color:var(--green-700)}.badge-off{background:var(--burgundy-100);color:var(--burgundy-700)}.login-wrap{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{border-top:6px solid var(--gold-500);background:#fff;border-radius:12px;width:100%;max-width:420px;padding:1.5rem;box-shadow:0 6px 24px #0b2a6f26}.login-card h1{margin-bottom:.25rem}.topbar{background:var(--royal-900);color:#fff;border-bottom:4px solid var(--gold-500);padding:calc(.6rem + env(safe-area-inset-top,0px)) 1rem .6rem;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.brand{align-items:center;gap:.6rem;min-width:0;display:flex}.brand-mark{background:var(--gold-500);width:36px;height:36px;color:var(--royal-900);border-radius:50%;flex:none;place-items:center;font-family:Georgia,serif;font-weight:800;display:grid}.brand-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.topbar-right{flex:none;align-items:center;gap:.75rem;display:flex}.nav{border-bottom:1px solid var(--border);background:#fff;gap:.25rem;padding:0 1rem;display:flex}.nav-item{min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 1rem;font-size:1rem;font-weight:600}.nav-item.active{color:var(--royal-900);border-bottom-color:var(--gold-500)}.content{max-width:960px;margin:0 auto;padding:1rem}.form-grid{gap:.75rem;display:grid}.user-list{margin:0;padding:0;list-style:none}.user-row{border-bottom:1px solid var(--border);gap:.5rem;padding:.85rem 0;display:grid}.user-row:last-child{border-bottom:0}.user-main{display:grid}.user-meta,.user-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (width>=700px){.form-grid{grid-template-columns:1fr 1fr 1fr auto;align-items:end}.user-row{grid-template-columns:1fr auto auto;align-items:center;gap:1rem}}@media (width<=699px){.who{display:none}.brand-name{font-size:.9rem}.nav{z-index:10;padding:0 0 env(safe-area-inset-bottom,0px);border-top:1px solid var(--border);border-bottom:0;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{border-top:3px solid #0000;border-bottom:0}.nav-item.active{border-top-color:var(--gold-500)}.content{padding-bottom:6rem}}textarea{width:100%;min-height:110px;font:inherit;border:1px solid var(--border);resize:vertical;color:var(--text);background:#fff;border-radius:8px;padding:.5rem .75rem;font-size:16px}textarea:focus{outline:3px solid var(--gold-500);outline-offset:1px}.level-row{border-top:1px solid var(--border);gap:.5rem;padding:.75rem 0;display:grid}.class-card{border:1px solid var(--border);background:#fff;border-radius:10px;margin-top:.75rem;padding:.75rem}.class-card.archived{opacity:.75;background:var(--surface-soft)}.edit-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:.75rem;margin:.75rem 0;display:grid}.stream-list{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.chip{background:var(--royal-100);color:var(--royal-900);border-radius:999px;align-items:center;gap:.4rem;padding:.15rem .35rem .15rem .75rem;font-weight:600;display:inline-flex}.chip.off{opacity:.7;text-decoration:line-through}.chip-btn{cursor:pointer;min-height:36px;color:inherit;background:#00000014;border:0;border-radius:999px;padding:0 .7rem;font-size:.8rem;font-weight:600}.inline-add{flex-wrap:wrap;gap:.5rem;display:flex}.inline-add input{width:11rem}@media (width>=700px){.level-row{grid-template-columns:1.5fr .6fr auto auto;align-items:end}}.small{font-size:.85rem}.year-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.term-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.badge-on{color:#14653a;background:#dff3e6}.badge-off{color:#475068;background:#e6e8ee}.btn-success{color:#fff;background:#1d7a46}.btn-success:hover{background:#166338}.terms-box{border-top:1px solid var(--border);margin-top:.75rem}.term-row{border-bottom:1px solid var(--border);gap:.5rem;padding:.75rem 0;display:grid}.logo-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.logo-preview{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:10px;width:96px;height:96px}.logo-empty{color:#6b7390;justify-content:center;align-items:center;font-size:.85rem;display:flex}.colour-row{align-items:center;gap:.5rem;display:flex}.colour-row input[type=color]{cursor:pointer;width:3rem;min-width:3rem;padding:2px}@media (width>=700px){.term-row{grid-template-columns:1fr 1fr 1fr auto;align-items:end}}.filters{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:.75rem;display:grid}.student-row{border-top:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.student-row .grow{overflow-wrap:anywhere;flex:1;min-width:0}.avatar{object-fit:cover;background:var(--royal-100);width:48px;height:48px;color:var(--royal-900);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.photo-box{object-fit:cover;border:1px solid var(--border);background:#fff;border-radius:12px;width:120px;height:120px}.guardian-box{border:1px solid var(--border);border-radius:10px;margin-top:.75rem;padding:.75rem}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.nav{-webkit-overflow-scrolling:touch;overflow-x:auto}.nav-item{white-space:nowrap;flex:none}.subject-row{border-top:1px solid var(--border);padding:.75rem 0}.level-box{border:1px solid var(--border);border-radius:10px;margin-top:.75rem;padding:.75rem}.check-grid{flex-wrap:wrap;gap:.25rem 1rem;margin-top:.5rem;display:flex}.check-grid label{align-items:center;gap:.5rem;min-height:44px;margin:0;font-weight:500;display:flex}.check-grid input[type=checkbox]{width:auto;min-height:0}.teach-row{border-top:1px solid var(--border);padding:.75rem 0}.kente{background:repeating-linear-gradient(90deg,#c9a227 0 18px,#0b2a6f 18px 30px,#1e7a46 30px 42px,#8b1e2d 42px 52px,#f6d96b 52px 60px,#0b2a6f 60px 72px);height:8px}.lg{background:#0b2a6f;grid-template-rows:auto 1fr;min-height:100vh;display:grid}.lg-art{min-height:300px;position:relative;overflow:hidden}.lg-art svg{width:100%;height:100%;display:block;position:absolute;inset:0}.lg-art:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0b2a6fd1,#0b2a6f8c 55%,#0000);height:46%;position:absolute;inset:0 0 auto}.lg-art:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0b2a6f73);height:30%;position:absolute;inset:auto 0 0}.lg-title{z-index:2;padding:calc(.9rem + env(safe-area-inset-top,0px)) 1.1rem .5rem;text-align:center;color:#fff;text-shadow:0 1px 6px #0b2a6f99;position:absolute;top:0;left:0;right:0}.lg-title b{letter-spacing:.3px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,5vw,2rem);line-height:1.15;display:block}.lg-title span{color:#f6d96b;font-family:Georgia,Times New Roman,serif;font-size:clamp(.95rem,3.4vw,1.2rem);font-style:italic}.lg-panel{background:var(--surface-soft);place-items:start center;padding:0 1rem 2rem;display:grid}.lg-card{z-index:3;background:#fff;border-radius:14px;width:100%;max-width:420px;margin-top:-.9rem;padding:1.4rem 1.4rem 1.25rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0b2a6f47}.lg-card .kente{position:absolute;top:0;left:0;right:0}.lg-card h2{margin:.5rem 0 .15rem;font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.lg-note{background:var(--gold-100);color:#5b4708;border:1px solid #ecd78a;border-radius:8px;align-items:flex-start;gap:.55rem;margin:.6rem 0 1rem;padding:.65rem .8rem;font-size:.92rem;display:flex}.lg-note.on{background:var(--green-100);color:#14502e;border-color:#b5dcc4}.lg-dot{background:#c9a227;border-radius:50%;flex:none;width:10px;height:10px;margin-top:.4rem}.lg-note.on .lg-dot{background:#1e7a46}.lg-help{color:var(--text-muted);margin-top:1rem;font-size:.85rem}@media (width>=900px){.lg{grid-template-rows:1fr;grid-template-columns:1.25fr 1fr}.lg-art{min-height:100vh}.lg-art:after{display:none}.lg-panel{place-items:center;padding:2rem}.lg-card{margin-top:0}.lg-title{padding-top:2.2rem}.lg-title b{font-size:2.3rem}}.pagebanner{color:#fff;background:var(--pb-a,#0b2a6f);background-image:linear-gradient(115deg, var(--pb-a,#0b2a6f) 0%, var(--pb-b,#1a3f94) 100%);border-radius:14px;align-items:center;gap:.9rem;margin:0 0 1rem;padding:1rem 1rem 1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0b2a6f2e}.pagebanner:before{content:"";border:22px solid #ffffff12;border-radius:50%;width:170px;height:170px;position:absolute;top:-40px;right:-30px}.pagebanner:after{content:"";background:#ffffff0f;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-46px;right:70px}.pb-icon{z-index:1;width:54px;height:54px;color:var(--pb-a,#0b2a6f);background:#f6d96b;border-radius:14px;flex:none;place-items:center;display:grid;position:relative;box-shadow:inset 0 -3px #0000001f}.pb-text{z-index:1;min-width:0;position:relative}.pb-text h1{color:#fff;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;line-height:1.2}.pb-text p{color:#ffffffe0;margin:.1rem 0 0;font-size:.93rem}.pb-kente{position:absolute;bottom:0;left:0;right:0}.tone-royal{--pb-a:#0b2a6f;--pb-b:#1a3f94}.tone-setup{--pb-a:#2b3a67;--pb-b:#4a5c95}.tone-people{--pb-a:#17603a;--pb-b:#2e8b57}.tone-learn{--pb-a:#0b2a6f;--pb-b:#2457b8}.tone-money{--pb-a:#7a1c2a;--pb-b:#b03a4c}.pagebanner.is-home{min-height:170px;padding-right:0}.pagebanner.is-home .pb-text{max-width:55%}.pb-scene{width:46%;height:calc(100% - 8px);position:absolute;top:0;bottom:8px;right:0}@media (width<=699px){.pagebanner.is-home .pb-text{max-width:62%}.pb-scene{width:52%}.pb-text h1{font-size:1.15rem}}@media print{.pagebanner,.no-print{display:none!important}}.pagebanner+*>h1:first-of-type{display:none}