/* LENTERA — one continuous canvas, soft glass and organic colour. */
:root{--ink:#173e29;--muted:#658172;--green:#08793b;--accent:#bde7d0;--line:#2c754d16;--bg:#f2f7f4}
body{background:#f2f7f4;background-image:radial-gradient(ellipse at 5% 12%,#bce8d0a3,transparent 45%),radial-gradient(ellipse at 100% 0%,#d3ecde91,transparent 45%),radial-gradient(ellipse at 55% 90%,#f4e9ce80,transparent 45%);background-attachment:fixed;-webkit-font-smoothing:antialiased}
h1,h2,h3{color:var(--ink)}button,a,input,select,textarea{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #2a955a70;outline-offset:4px}p{color:var(--muted)}
.brand{letter-spacing:1.3px}.brand img{border-radius:0;background:none;padding:0;box-shadow:none}.brand small{letter-spacing:1.8px}.eyebrow{color:#52876a;font-size:10px;letter-spacing:2px}.badge{background:none;border:0;padding:7px 0;color:#4d7b62;font-size:9px;letter-spacing:1.6px;border-radius:0}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:#55a479;align-self:center;margin-right:9px;box-shadow:0 0 0 4px #74b79216}
.primary{background:linear-gradient(110deg,#087e3d,#126d3b);color:#fff;border:1px solid #ffffff35;border-radius:12px;box-shadow:0 7px 20px #167b4421,inset 0 1px 0 #ffffff20;font-weight:600;padding:12px 19px}.primary:hover{background:linear-gradient(110deg,#079346,#188148);transform:translateY(-1px);box-shadow:0 10px 25px #167b442b}.secondary{background:#ffffff5c;border:1px solid #3c865d1a;border-radius:10px;box-shadow:none}.secondary:hover{background:#ffffffa6;border-color:#42886140}
/* Both sign-in columns belong to the same uninterrupted landscape. */
.login{position:relative;isolation:isolate;display:grid;grid-template-columns:1.12fr 1fr;gap:0;min-height:100svh;padding:0;background:transparent;overflow:hidden}.login:before{content:"";position:absolute;z-index:-1;left:-15%;bottom:-47%;width:80vw;height:80vw;border-radius:50%;background:radial-gradient(circle at 45% 40%,#b0dcc461,#cee6d92b 48%,transparent 69%);pointer-events:none}.login:after{content:"";position:absolute;z-index:-1;right:-15%;top:-34%;width:68vw;height:68vw;border-radius:50%;background:radial-gradient(circle,#bce3ce57,transparent 68%);pointer-events:none}.login-story{position:relative;overflow:visible;isolation:isolate;background:none;border:0;border-radius:0;box-shadow:none;color:var(--ink);padding:clamp(36px,4.5vw,80px) clamp(36px,5.8vw,100px);backdrop-filter:none}.login-story:before{content:"";position:absolute;z-index:-1;width:400px;height:400px;left:-170px;bottom:-170px;border-radius:50%;border:1px solid #73b49014;background:transparent;box-shadow:0 0 0 60px #8db8a009,0 0 0 120px #8db8a005;pointer-events:none}.login-story:after{display:none}.login-story .brand{font-size:25px;color:#20593a;gap:15px}.login-story .brand img{width:48px;height:60px}.login-story .brand small{font-size:7px;color:#57876d;letter-spacing:1.7px}.story{padding:64px 0 54px;max-width:640px}.story .eyebrow{color:#528b6c;letter-spacing:2.1px;font-size:9px}.story h1{font-size:clamp(35px,3.65vw,59px);font-weight:600;line-height:1.16;letter-spacing:-2.2px;color:#204f35;margin:25px 0}.story p{font-size:13px;line-height:1.95;color:#678374;max-width:420px}.story-cards{display:flex;gap:28px;margin-top:42px;max-width:460px}.story-cards>div{font-size:17px;font-weight:400;color:#4c9c70;flex:1;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}.story-cards>div:nth-child(2){color:#64a781}.story-cards>div:nth-child(3){color:#b89860}.story-cards small{display:block;font-size:10px;font-weight:400;line-height:1.7;color:#607e6e;margin-top:9px}.login-story>small{font-size:9px;color:#80988b}
.login-panel{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;border:0;background:none;border-radius:0;padding:60px 50px;box-shadow:none;backdrop-filter:none}.login-panel:before{content:"";position:absolute;z-index:-1;inset:13% 6%;border-radius:50%;background:radial-gradient(ellipse,#ffffff8c,transparent 71%);pointer-events:none}.login-form{max-width:370px;width:100%}.login-form .badge{color:#5a886f}.login-form h2{font-size:36px;letter-spacing:-1.2px;font-weight:600;color:#234f37;margin:25px 0 12px}.login-form>p{font-size:12px;line-height:1.85;color:#7c9286;max-width:305px;margin-bottom:36px}.login-form label{font-size:11px;color:#507561;font-weight:500;margin-bottom:21px}.login-form input{background:#ffffff52;border:1px solid #6c9f8326;box-shadow:inset 0 1px 0 #ffffff80;border-radius:12px;padding:16px;font-size:13px;color:#315b44}.login-form input::placeholder{color:#8aa395;font-weight:400}.login-form input:hover{background:#ffffff85;border-color:#6c9f8354}.login-form input:focus{background:#ffffffad;border-color:#73b591;outline:3px solid #70b58f18}.login-form .full{padding:16px 19px;font-size:12px;margin-top:6px;letter-spacing:.1px}.login-note{font-size:10px;line-height:1.95;color:#7a9486;border-top:0;padding-top:10px;margin-top:25px}.login-panel>small{position:absolute;bottom:clamp(36px,4.5vw,80px);font-size:9px;color:#80988b}.login-form .error{color:#b24d40}
/* Navigation and workspace blend into the same pale green canvas. */
aside{width:248px;padding:32px 22px;background:#dceee43b;border:0;color:#527662;box-shadow:none;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}aside .brand{color:#22573a;font-size:21px;gap:12px}aside .brand small{color:#6d917d;font-size:7px}aside .brand img{width:43px;height:54px}.workspace-label{font-size:8px;color:#80a08e;letter-spacing:2px;margin-top:14px}nav{gap:9px}nav button{padding:13px 14px;color:#688676;border:0;border-radius:11px;font-size:12px;background:none}nav button span{font-size:19px;color:#5a9173}nav button.active{background:linear-gradient(105deg,#d0e9db8c,#c8e7d652);color:#1b653c;box-shadow:none;font-weight:600}nav button.active span{color:#24804d}nav button:hover:not(.active){background:#ffffff47;color:#2b6846;transform:translateX(2px)}.academic{background:none;border:0;border-top:1px solid #498d671a;border-radius:0;padding:22px 12px 6px;color:#769785;font-size:8px;letter-spacing:1.2px}.academic strong{color:#3f7055;font-weight:500;letter-spacing:.8px;font-size:23px}.academic small{font-size:9px;color:#8ba396}.dot{background:#6bab88;width:5px;height:5px}.side-bottom button{color:#759483;font-size:11px}.side-bottom button:hover{color:#256b44}.main{margin-left:248px;width:calc(100% - 248px)}header{background:#f1f9f42b;border:0;height:83px;position:relative;z-index:5;backdrop-filter:none;box-shadow:none}.breadcrumb{color:#94aa9e;font-size:11px}.breadcrumb strong{color:#527963}.breadcrumb span{color:#b5c6bd}.unit-label{color:#80a18f;font-size:10px}.unit-label select{border:1px solid #709a8317;background:#ffffff40;border-radius:9px;color:#406e55;padding:8px 12px}.avatar{background:linear-gradient(130deg,#c8e8d685,#b9dfca80);border:1px solid #ffffff8c;color:#4c7c61;width:34px;height:34px;font-size:12px;box-shadow:none}.user-info strong{color:#416f56;font-size:11px;font-weight:500}.user-info small{font-size:9px;color:#90a79a}main{padding:32px 40px;max-width:1650px}.page-heading{margin-bottom:29px;gap:16px}.page-heading h1{font-size:31px;font-weight:550;letter-spacing:-1.2px;margin-bottom:11px}.page-heading p{font-size:11px;color:#7d998a}.page-heading .eyebrow{font-size:8px;margin-bottom:13px;letter-spacing:2.2px;color:#6c967f}
.welcome{background:none;border:0;border-radius:0;box-shadow:none;padding:24px 8px 38px;overflow:visible;backdrop-filter:none;gap:24px;margin-bottom:6px}.welcome .eyebrow{font-size:8px;letter-spacing:2px;color:#6e9b82;margin-bottom:16px}.welcome h2{font-size:clamp(25px,2.5vw,37px);line-height:1.22;letter-spacing:-1.2px;font-weight:500;max-width:530px;color:#315e45}.welcome p{font-size:11px;line-height:1.9;color:#80998b;max-width:440px;margin-top:17px;margin-bottom:23px}.welcome .primary{font-size:11px;padding:12px 17px}.welcome-art{width:210px;height:190px;margin-right:55px;isolation:isolate}.welcome-art:before{width:180px;height:180px;border:1px solid #ffffff9c;background:linear-gradient(140deg,#ffffff56,#d2e9dc19);box-shadow:0 15px 55px #568b6e12,inset 0 1px 20px #ffffff52;border-radius:46% 54% 62% 38% / 43% 43% 57% 57%;transform:rotate(-16deg)}.welcome-art:after{width:260px;height:260px;background:radial-gradient(circle,#c2dfcf4a,transparent 66%);border:0;z-index:-1;box-shadow:none}.welcome-art img{width:65px;height:86px;filter:drop-shadow(0 10px 18px #34765218)}
/* Metrics form one quiet horizontal reading line, without individual boxes. */
.stats{gap:0;margin:8px 0 38px;padding:24px 0;background:linear-gradient(110deg,#ffffff35,#ffffff0d);border:0;border-radius:0}.stat,.stat:nth-child(n){border:0;border-radius:0;background:none;box-shadow:none;padding:4px 25px;backdrop-filter:none;min-height:110px}.stat+.stat{border-left:1px solid #518d6c14}.stat:after{display:none}.stat small{color:#80998b;font-size:10px}.stat strong{font-size:33px;font-weight:500;color:#39624b;margin:18px 0 10px;letter-spacing:-1px}.stat .caption{color:#9cafa4;font-size:9px}.stat .stat-icon{background:none;border:0;color:#75a98c;top:0;right:20px;padding:0;font-size:18px}.stat:nth-child(2) .stat-icon{color:#7ab292}.stat:nth-child(3) .stat-icon{color:#97bba8}.stat:nth-child(4) .stat-icon{color:#bda16e}.stat:hover{transform:none;box-shadow:none}
.grid-two{gap:48px;grid-template-columns:1.5fr 1fr}.card{border:0;background:#ffffff42;box-shadow:none;border-radius:16px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.grid-two>.card{background:none;backdrop-filter:none;border-radius:0}.card-head{border-bottom:1px solid #4d8a6810;padding:22px 24px}.grid-two .card-head{padding:8px 0 20px}.card-head h3{font-size:14px;color:#426e56;font-weight:550}.card-head small,.card-head button{font-size:10px;color:#8ba496}.card-body{padding:24px}.grid-two .card-body{padding:20px 0 8px}.class-list{grid-template-columns:repeat(3,1fr);gap:0 24px}.class-box{background:none;border:0;border-radius:0;box-shadow:none;padding:15px 0 20px;border-bottom:1px solid #659d7e10}.class-box:hover{background:#ffffff30;box-shadow:none;transform:none}.class-box strong{font-size:12px;font-weight:500;color:#517762}.class-box small{font-size:10px;color:#92aa9d}progress{height:3px;background:#dce9e2;margin-top:14px}progress::-webkit-progress-bar{background:#dce9e2}progress::-webkit-progress-value{background:linear-gradient(90deg,#9dc9b0,#7eb999);border-radius:4px}progress::-moz-progress-bar{background:#89b99e}.activity{padding:17px 0;border-color:#5c96760d;gap:12px}.activity-icon{background:#dcece360;color:#86ac97;width:27px;height:27px;font-size:12px}.activity strong{font-size:11px;color:#668674;font-weight:400}.activity small{font-size:9px;color:#a1b4a9}
.table-toolbar{padding:22px 24px}.table-toolbar input,.table-toolbar select{background:#ffffff63;border-color:#7b9f8b1c}input,select,textarea{background:#ffffff85;border:1px solid #86a89538;border-radius:10px;padding:12px;color:#426552;box-shadow:none}input:focus,select:focus,textarea:focus{background:#ffffffc4;border-color:#8dbda2;outline:3px solid #8dbda216}input::placeholder,textarea::placeholder{color:#9cb0a5;font-weight:400}label{font-weight:500;color:#698b78}thead{background:#dbe9e130}th{color:#86a092;font-size:9px;font-weight:500;border-color:#65967a12;letter-spacing:.6px}td{border-color:#65967a10;color:#789485;font-size:11px}td strong{color:#496d59;font-size:11px;font-weight:500}td small{font-size:9px;color:#a1b5aa}tbody tr:hover{background:#ffffff40}.pill{background:#dfeee64f;color:#739b85;border:0;border-radius:5px;font-size:9px}.pill.neutral{background:#dfece550;color:#86a192}.table-bottom{font-size:10px;color:#9aafa3}.table-bottom button{border-color:#9bb8a82b}.notice{background:#f6edd54f;border:0;border-left:2px solid #d2bd7e6b;border-radius:0;padding:15px 20px;color:#a29363;font-size:11px}.export-cards{gap:42px;margin-bottom:34px}.export-card{background:none;padding:24px 0;border-radius:0;backdrop-filter:none}.export-card+.export-card{border-left:1px solid #7fa59019;padding-left:42px}.export-card h3{font-size:19px;font-weight:500;color:#557965}.export-card p{font-size:11px;color:#95aa9e}.file-icon{background:none;border:0;border-radius:0;color:#8db19d;padding:0;font-size:28px;box-shadow:none;margin-bottom:24px}.empty{color:#9aafa3;font-size:12px}
footer{border:0;background:none;color:#9db0a5;padding:22px 40px;font-size:8px}.modal-header{background:#f2f8f5e8;border-bottom:1px solid #7b9c8a17;backdrop-filter:blur(20px)}.modal-header h2{font-size:19px;font-weight:500;color:#456c56}dialog{background:#f2f8f5ed;border:1px solid #ffffffab;border-radius:20px;box-shadow:0 30px 100px #1b4c3129;backdrop-filter:blur(25px)}dialog::backdrop{background:#254f3830;backdrop-filter:blur(9px)}.tabs{border-color:#9db4a729}.tabs button{color:#8aa094;font-size:11px}.tabs button.active{background:none;border-color:#75a188;color:#4e7c62;font-weight:500}.form-section{font-weight:500;color:#6c8d7b;border-color:#93ac9e21}.form-footer{background:#f1f7f4eb;border-color:#91ac9d26;backdrop-filter:blur(16px)}.record{background:none;border:0;border-bottom:1px solid #7ca28d21;border-radius:0;padding:18px 0}.record p{font-size:11px;color:#8fa599}.record strong{font-weight:500;color:#6f907e}.record small{color:#a3b7ac}.toast{background:#376e50ed;border:1px solid #ffffff5c;border-radius:13px;backdrop-filter:blur(20px);box-shadow:0 10px 35px #2c5f4320}.toast.bad{background:#9e5449ed}
@media(min-width:1600px){.login-story{padding:60px 90px}.login-form{max-width:400px}.story h1{font-size:57px}.story p{font-size:14px}.login-form h2{font-size:39px}.story-cards small{font-size:11px}}
@media(max-width:1100px){aside{width:218px;padding-inline:18px}.main{margin-left:218px;width:calc(100% - 218px)}main{padding:28px}.login-story{padding:38px}.login-panel{padding:42px 30px}.story h1{font-size:38px}.story-cards{gap:16px}.welcome-art{margin-right:8px;width:170px}.welcome h2{font-size:30px}.stat{padding-inline:18px}.stat strong{font-size:29px}.grid-two{grid-template-columns:1fr;gap:32px}.class-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.login{grid-template-columns:1fr;align-content:start;overflow:hidden}.login-story{min-height:0;padding:30px 28px 8px;gap:0;display:block}.login-story .brand{font-size:22px;gap:12px}.login-story .brand img{width:38px;height:47px}.login-story .brand small{font-size:6px;letter-spacing:1.3px}.story{padding:26px 0 8px;max-width:430px}.story h1{font-size:31px;letter-spacing:-1px;line-height:1.2;margin:0}.story .eyebrow,.story p,.story-cards,.login-story>small{display:none}.login-panel{padding:24px 28px 68px;justify-content:flex-start;align-items:flex-start}.login-form{max-width:100%}.login-form .badge{font-size:8px;letter-spacing:1.3px}.login-form h2{font-size:28px;letter-spacing:-.8px;margin-top:19px}.login-form>p{font-size:11px;margin-bottom:25px;max-width:100%}.login-form label{margin-bottom:18px}.login-form input{font-size:16px;padding:14px}.login-form .full{padding:15px 18px}.login-note{font-size:9px;margin-top:18px}.login-panel>small{font-size:8px;bottom:25px;left:28px;right:28px}.login:before{width:170vw;height:170vw;left:-80%;bottom:-10%}.login:after{width:140vw;height:140vw;right:-70%;top:-20%}.login-story:before{display:none}aside{width:248px;background:#e7f3ecf2;box-shadow:15px 0 60px #476e5821}aside:not(.open){box-shadow:none}.main{margin:0;width:100%}header{height:71px;background:#f1f8f432;backdrop-filter:blur(16px)}main{padding:27px 23px}.page-heading{flex-wrap:wrap;gap:12px;margin-bottom:19px}.page-heading h1{font-size:27px}.page-heading .actions{justify-content:flex-start}.page-heading .badge{font-size:8px}.welcome{padding:19px 0 25px;margin:0}.welcome h2{font-size:28px;line-height:1.25;letter-spacing:-1px}.welcome .eyebrow{font-size:7px}.welcome p{font-size:11px;margin-top:14px}.welcome-art{display:none}.stats{grid-template-columns:1fr 1fr;padding:10px 0;margin:3px 0 28px;row-gap:25px;background:none}.stat,.stat:nth-child(n){padding:0 15px;min-height:105px}.stat:nth-child(odd){padding-left:0;border-left:0}.stat:nth-child(even){border-left:1px solid #518d6c14}.stat small{font-size:10px;min-height:15px}.stat strong{font-size:29px;margin-top:17px}.stat .caption{font-size:9px;line-height:1.5}.stat .stat-icon{display:none}.grid-two{gap:30px}.grid-two .card-head{padding-bottom:18px}.card-head h3{font-size:13px}.class-list{grid-template-columns:1fr 1fr;gap:0 24px}.grid-two .card-body{padding-top:12px}.class-box{padding:17px 0}.card{border-radius:12px}.table-toolbar{padding:16px;gap:10px}.table-toolbar select{flex:1;min-width:110px}.export-cards{grid-template-columns:1fr;gap:12px}.export-card{padding:20px 0}.export-card+.export-card{border-left:0;border-top:1px solid #7fa59019;padding:25px 0}.table-wrap{border-radius:10px}.activity{padding:17px 0}.activity-icon{background:none;color:#86ad97}footer{font-size:8px;padding:24px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}#modalBody{padding:20px}.form-footer{bottom:-20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{body{background:#fff}.card,.stat,.welcome,dialog{background:#fff;box-shadow:none;backdrop-filter:none}.modal-header,.form-footer{background:#fff}.main header{position:static}.stat:after{display:none}}
/* Readable secondary text across the continuous canvas. */
nav button{font-size:13px;color:#537261}.workspace-label{color:#6a8c79;font-size:9px}.side-bottom button{font-size:12px;color:#5d7d6b}.academic{color:#678675}.academic small{color:#729280;font-size:10px}.user-info strong{font-size:12px;color:#3f634f}.user-info small{font-size:10px;color:#6d8b7a}.breadcrumb{font-size:12px;color:#6d8879}.unit-label{font-size:11px;color:#648573}.page-heading p{font-size:12px;color:#6a8375}.eyebrow,.page-heading .eyebrow{font-size:9px}.welcome .eyebrow{font-size:9px;color:#5b846d}.welcome p{font-size:12px;color:#607d6d}.stat small{font-size:11px;color:#607f6e}.stat strong{color:#325b44}.stat .caption{font-size:10px;color:#718b7d}.card-head h3{font-size:15px;color:#355c46}.card-head small,.card-head button{font-size:11px;color:#6d8a7a}.class-box strong{font-size:12px;color:#426b54}.class-box small{font-size:11px;color:#6e8a7b}.activity strong{font-size:12px;color:#537663}.activity small{font-size:10px;color:#758f81}.activity-icon{color:#65947a}.table-toolbar input,.table-toolbar select{font-size:12px}th{font-size:10px;color:#597b68}td,td strong{font-size:12px;color:#4f705e}td small{font-size:10px;color:#779183}.table-bottom{font-size:11px;color:#708b7c}.empty{color:#708a7c}.pill{color:#4d7d62;font-size:10px}.pill.neutral{color:#5b856e}.record p{font-size:12px;color:#698475}.record small{color:#7b9486}.export-card p{font-size:12px;color:#6b8577}.form-section{color:#4e725e}.login-form>p{color:#638070}.login-form label{font-size:12px;color:#4d705d}.login-note{font-size:11px;color:#6b8778}.login-story>small,.login-panel>small{color:#6c8778;font-size:10px}.story-cards small{font-size:11px;color:#557463}footer{color:#748e80;font-size:9px}.record strong{color:#557664}.tabs button{color:#6e887a}.detail-subtitle{color:#718b7d}
@media(max-width:760px){.page-heading p,.welcome p{font-size:12px}.stat small{font-size:11px}.stat .caption{font-size:10px}.login-form>p{font-size:12px}.login-note{font-size:10px}.login-panel>small{font-size:9px}.card-head h3{font-size:14px}}
nav button span{display:flex;align-items:center;justify-content:center;width:21px;flex-shrink:0}nav button svg{width:18px;height:18px}.stat .caption,.class-box small,.activity small,.table-bottom,.card-head small,.card-head button,.login-note{color:#5c7869}
/* Pistachio and sage glass, with a warm amber accent. */
body{background-color:#f3fbf7;background-image:radial-gradient(ellipse at 4% 12%,#caf2dcad,transparent 46%),radial-gradient(ellipse at 100% 8%,#d4f4e39c,transparent 48%),radial-gradient(ellipse at 60% 90%,#f4e7d185,transparent 46%)}
.login:before{background:radial-gradient(circle at 45% 40%,#c7f4db66,#d9f4e52e 48%,transparent 69%)}.login:after{background:radial-gradient(circle,#c5ecd766,transparent 68%)}
.primary{background:linear-gradient(115deg,#3bc579,#50ae7b);box-shadow:0 7px 23px #45b67826,inset 0 1px 0 #ffffff35}.primary:hover{background:linear-gradient(115deg,#45d686,#5dbf8a);box-shadow:0 10px 26px #45b67833}.badge:before{background:#cfaa62;box-shadow:0 0 0 4px #ddbb751a}
nav button.active{background:linear-gradient(110deg,#c8efd98a,#d5f1e25c);color:#3fa06a}.avatar{background:linear-gradient(130deg,#caf4dd9c,#d1f1e09c)}
.login-form h2{margin-bottom:34px}.login-illustration{margin-top:23px}
.welcome{padding:9px 8px 20px;margin:0;gap:20px}.welcome>div:first-child{display:flex;align-items:flex-start;flex-direction:column;gap:18px}.welcome .eyebrow{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:0;color:#417b5b}.welcome-art.school-scene{height:200px;flex-basis:300px;width:300px}.welcome-art.school-scene img{width:290px;height:200px}
@media(max-width:1100px){.welcome-art.school-scene{flex-basis:250px;width:250px}.welcome-art.school-scene img{width:250px}.welcome .eyebrow{font-size:20px}}
@media(max-width:760px){aside{background:#eefbf4f2}.login-form h2{margin-bottom:28px}.login-illustration{margin-top:14px}.welcome{padding:13px 0 17px;gap:10px}.welcome .eyebrow{font-size:21px}.welcome>div:first-child{gap:16px}.welcome-art.school-scene{flex-basis:100%;width:100%;height:185px;margin:0}.welcome-art.school-scene img{width:265px;height:185px}}
/* Light botanical glass: airy pistachio, soft sage and champagne. */
:root{--ink:#2f4539;--muted:#688273;--green:#3f855b;--accent:#b5e8c7;--line:#41855a1c;--bg:#eef8f1}
body{isolation:isolate;background-color:#eef8f1;background-image:radial-gradient(ellipse at 4% 10%,#c5edd3bd,transparent 48%),radial-gradient(ellipse at 100% 10%,#d3f3dd9e,transparent 46%),radial-gradient(ellipse at 65% 90%,#f4e8cc85,transparent 46%)}
.site-ornaments{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.site-ornaments svg{width:100%;height:100%;display:block;opacity:.8}
.login:before{background:radial-gradient(circle at 45% 40%,#bae9cb66,#d5ecde2e 48%,transparent 69%)}.login:after{background:radial-gradient(circle,#b8e8c866,transparent 68%)}
.primary{background:linear-gradient(115deg,#4a9467,#4f7f67);box-shadow:0 7px 22px #367c5021,inset 0 1px 0 #ffffff40}.primary:hover{background:linear-gradient(115deg,#53a472,#5c8d74);box-shadow:0 10px 25px #367c502b}
nav button.active{background:linear-gradient(110deg,#b7e9c98a,#c6edd35c);color:#3b7051}.avatar{background:linear-gradient(130deg,#bbe9cc9c,#cdedd89c)}.story h1,.login-form h2{color:#345444}.login-story .brand,aside .brand{color:#375e48}.welcome .eyebrow{color:#406951}
.school-scene:before{background:radial-gradient(ellipse,#a8e2bc4d,transparent 68%)}.welcome-art.school-scene:before{background:radial-gradient(ellipse,#b8e8c745,transparent 70%)}
@media(max-width:760px){aside{background:#e6f5ebf2}.site-ornaments svg{opacity:.45}}
@media print{.site-ornaments{display:none}}
/* Fresh mint glass with clean white light and a hint of spring green. */
:root{--ink:#245341;--muted:#658575;--green:#259568;--accent:#c4efcd;--bg:#f4fbf7}
body{background-color:#f4fbf7;background-image:radial-gradient(ellipse at 2% 8%,#c4f1d6b3,transparent 46%),radial-gradient(ellipse at 98% 10%,#e5f4dba8,transparent 48%),radial-gradient(ellipse at 55% 95%,#e4f5f0a1,transparent 48%)}
.login:before{background:radial-gradient(circle at 45% 40%,#c8efd85c,#e4f6e72b 48%,transparent 69%)}.login:after{background:radial-gradient(circle,#ddf2d26b,transparent 68%)}
.primary{background:linear-gradient(110deg,#30a773,#238e69);box-shadow:0 7px 22px #23845b26,inset 0 1px 0 #ffffff45}.primary:hover{background:linear-gradient(110deg,#36b880,#299f76);box-shadow:0 10px 26px #23845b30}
nav button.active{background:linear-gradient(110deg,#c7edda8c,#dbefcd66);color:#28704c}.avatar{background:linear-gradient(135deg,#bfe8d89e,#dcf1c99e)}
.story h1,.login-form h2{color:#285541}.login-story .brand,aside .brand{color:#31674b}.welcome .eyebrow{color:#397559}.site-ornaments svg{opacity:.62}
@media(max-width:760px){aside{background:#effaf3f5}.site-ornaments svg{opacity:.4}}