@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--green:#174f43;--accent:#bde96e;--ink:#233c36;--muted:#7b8883;--border:#e3e9e5;--bg:#f6f8f6;--white:#fff}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.layout{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{background:white;border-right:1px solid var(--border);padding:32px 20px 20px;position:fixed;width:236px;height:100vh;display:flex;flex-direction:column;z-index:25}.brand{display:flex;align-items:center;gap:10px;font:800 20px Manrope;letter-spacing:-.8px;padding:0 5px 30px}.brand-icon{background:var(--green);color:var(--accent);border-radius:11px;padding:8px;display:flex}.school-switch{display:flex;gap:10px;align-items:center;background:#f7f9f7;border:1px solid var(--border);border-radius:10px;padding:12px 10px;margin:0 0 30px;width:100%;text-align:left;color:var(--ink)}.school-initial{width:34px;height:34px;border-radius:8px;background:#e3ede6;display:grid;place-items:center;color:var(--green);font-weight:750;flex-shrink:0}.school-switch strong{display:block;font-size:13px}.school-switch small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.nav-label{font-size:11px;letter-spacing:1.5px;color:#99a59e;padding:0 15px;margin-bottom:12px}.nav{display:grid;gap:6px}.nav button{border:0;background:none;display:flex;align-items:center;gap:13px;padding:13px 15px;color:#738079;border-radius:8px;text-align:left;font-weight:550}.nav button.active{background:#eaf2eb;color:var(--green)}.nav button:hover{background:#f0f5f1}.nav .count{margin-left:auto;background:#fff;border-radius:5px;font-size:11px;padding:2px 6px}.sidebar-bottom{margin-top:auto}.setup-card{background:#f3f7ec;border:1px solid #e2ead4;border-radius:11px;padding:16px;margin:28px 0 18px}.setup-card svg{color:#4b6c39}.setup-card strong{display:block;margin:9px 0}.setup-card p{font-size:12px;color:#7a886d;line-height:1.6;margin:8px 0 14px}.setup-card button{background:#fff;border:1px solid #dce5cc;width:100%;border-radius:6px;padding:8px;color:var(--green);font-weight:650;font-size:12px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding:17px 5px 0}.avatar{display:grid;place-items:center;background:#f4e7d5;color:#866b4a;width:34px;height:34px;border-radius:50%;font-size:12px;font-weight:700}.profile strong{font-size:12px;display:block}.profile small{font-size:11px;color:var(--muted)}.main{grid-column:2;min-width:0}.topbar{height:77px;background:rgba(255,255,255,.8);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:16px}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--muted)}.breadcrumb b{color:var(--ink);font-weight:550}.top-right{display:flex;align-items:center;gap:18px}.session{font-size:12px;color:var(--muted);border-right:1px solid var(--border);padding-right:20px}.icon-btn{border:1px solid var(--border);background:white;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:9px;color:#738079}.mobile-menu{display:none}.content{padding:32px 36px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:12px;color:var(--muted);margin-bottom:7px}.page-head h1{font:750 28px Manrope;letter-spacing:-1px;margin:0 0 9px}.page-head p{margin:0;color:var(--muted);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:white;padding:11px 16px;font-weight:600;font-size:13px;color:var(--ink);white-space:nowrap}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.primary:hover{background:#216655}.btn.small{font-size:12px;padding:8px 11px}.btn.danger{color:#bc4646;border-color:#ecd7d7}.actions{display:flex;gap:9px;flex-wrap:wrap}.demo-banner{display:flex;align-items:center;gap:11px;border:1px solid #e5e5c7;background:#fcfcee;color:#707445;border-radius:9px;padding:12px 16px;margin-bottom:24px;font-size:12px}.demo-banner svg{width:17px;height:17px}.demo-banner b{font-weight:650}.demo-banner button{margin-left:auto;background:transparent;border:0;color:#556139;font-size:12px;white-space:nowrap;text-decoration:underline}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.stat{border:1px solid var(--border);border-radius:12px;background:white;padding:20px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.stat-icon{display:flex;padding:8px;border-radius:9px;background:#f1f6ef;color:#658053}.stat-icon.blue{background:#edf3fa;color:#7194b5}.stat-icon.yellow{background:#fff7e8;color:#b68d44}.stat-icon.pink{background:#faefef;color:#bc7c7c}.stat-value{font:750 30px Manrope;letter-spacing:-1px;margin:13px 0 8px}.stat-foot{font-size:11px;color:var(--muted)}.positive{color:#558959}.pill{font-size:11px;display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;background:#edf6ee;color:#53815b;white-space:nowrap}.pill.amber{background:#fdf5e8;color:#ac8542}.pill.gray{background:#f0f3f1;color:#7a8780}.pill.red{background:#fbeded;color:#bd6161}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:22px}.panel{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden}.panel-head{padding:21px 23px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel h2{font:700 15px Manrope;margin:0;letter-spacing:-.2px}.panel-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.text-btn{background:none;border:0;color:#68816c;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.chart-legend{display:flex;gap:16px;font-size:11px;color:var(--muted);padding:0 24px}.legend-dot{width:7px;height:7px;background:var(--green);border-radius:2px;display:inline-block;margin-right:6px}.legend-dot.light{background:#cce5a4}.chart{display:flex;height:173px;margin:27px 24px 12px;gap:13px;position:relative;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent 42px,#edf0ed 43px,#edf0ed 44px)}.y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#9aaa9e;padding-bottom:8px;width:25px}.bars{display:flex;justify-content:space-around;flex:1;gap:12px;align-items:flex-end;padding:0 3px}.bar-group{display:flex;gap:5px;align-items:flex-end;width:30px;height:100%;position:relative}.bar{width:11px;background:#255d4d;border-radius:3px 3px 0 0}.bar.light{background:#cce5a4}.chart-days{display:flex;justify-content:space-around;padding:0 24px 20px 62px;font-size:10px;color:var(--muted)}.chart-foot{border-top:1px solid var(--border);padding:13px 23px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.quick-list{padding:0 13px 12px}.quick-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 10px;border:0;background:transparent;text-align:left;color:var(--ink);border-radius:8px}.quick-item:hover{background:#f6f8f4}.quick-item .quick-icon{padding:10px;background:#f0f5eb;color:#719454;border-radius:9px;display:flex}.quick-item strong{font-size:12px;display:block}.quick-item small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.quick-item>svg{margin-left:auto;width:15px;color:#aab4aa}.wide{grid-column:1/-1}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{background:#fafbf9;color:#88928a;font-weight:500;font-size:11px;padding:12px 23px;border-block:1px solid var(--border);white-space:nowrap}td{padding:15px 23px;border-bottom:1px solid #eff2ef;white-space:nowrap}tr:last-child td{border-bottom:none}.table-title{font-size:12px;font-weight:600}.table-sub{font-size:11px;color:var(--muted);margin-top:5px}.channel{display:inline-flex;align-items:center;gap:5px;color:#78877d;font-size:11px}.channel svg{width:14px;height:14px}.table-bottom{border-top:1px solid var(--border);padding:15px 23px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.bottom-note{margin-top:24px;display:flex;justify-content:space-between;color:#9aa69d;font-size:11px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border);flex-wrap:wrap}.search{position:relative;min-width:240px;flex:1;max-width:370px}.search svg{position:absolute;left:11px;top:10px;width:17px;color:#93a296}.search input{width:100%;padding-left:36px}.control{border:1px solid var(--border);border-radius:7px;padding:10px 12px;background:#fff;color:var(--ink);width:100%;min-height:40px}.filters{display:flex;gap:8px}.filters select{width:auto;min-width:100px}.student-name{display:flex;gap:11px;align-items:center}.student-avatar{background:#edf2e8;color:#6e8b60;width:33px;height:33px;display:grid;place-items:center;border-radius:9px;font-size:11px;font-weight:650}.checkbox{accent-color:var(--green);width:15px;height:15px;cursor:pointer}.selected-bar{padding:12px 22px;background:#eff6e9;display:flex;align-items:center;justify-content:space-between}.empty{padding:50px 20px;text-align:center;color:var(--muted)}.tab-bar{display:flex;gap:23px;border-bottom:1px solid var(--border);margin-bottom:23px}.tab-bar button{background:none;border:0;padding:12px 0;color:var(--muted);border-bottom:2px solid transparent}.tab-bar button.active{color:var(--green);border-color:var(--green);font-weight:650}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:550}.field small{font-weight:400;color:var(--muted);line-height:1.5}.field.full{grid-column:1/-1}.field textarea{min-height:115px;resize:vertical;line-height:1.65}.form-panel{padding:23px}.field label{color:#66786b}.section-title{font:700 14px Manrope;margin:0 0 20px;display:flex;gap:10px;align-items:center}.step-no{background:#eff4ec;color:#689253;border-radius:5px;padding:4px 7px;font-size:11px}.radio-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radio-card{border:1px solid var(--border);padding:13px;border-radius:8px;font-size:12px;cursor:pointer}.radio-card:has(input:checked){border-color:#8fa977;background:#f4f8ee}.radio-card strong{display:block;margin:8px 0 5px}.radio-card small{font-size:11px;color:var(--muted);line-height:1.5;display:block}.message-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:22px;align-items:start}.summary-card{padding:22px}.summary-card h3{font:700 15px Manrope;margin:0 0 22px}.summary-row{display:flex;justify-content:space-between;margin:14px 0;font-size:12px;color:var(--muted)}.summary-row strong{color:var(--ink)}.notice{padding:13px;background:#f6f8f1;border-radius:7px;font-size:12px;color:#7b875f;line-height:1.65;margin-top:20px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-card{padding:23px;display:flex;flex-direction:column;gap:12px}.template-card h3{font:700 16px Manrope;margin:2px 0}.template-card p{font-size:12px;line-height:1.8;color:var(--muted);flex:1;margin:0}.template-card .actions{border-top:1px solid var(--border);padding-top:13px}.variable{background:#edf4e8;color:#627a4e;border-radius:3px;padding:1px 3px}.settings-layout{display:grid;grid-template-columns:200px 1fr;gap:22px}.settings-nav{align-self:start;padding:10px}.settings-nav button{display:block;width:100%;background:none;border:0;text-align:left;padding:13px;border-radius:6px;color:var(--muted);font-size:13px}.settings-nav button.active{background:#eff4eb;color:var(--green);font-weight:600}.overlay{position:fixed;inset:0;background:#18382b60;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{background:white;width:650px;max-height:90vh;overflow:auto;border-radius:14px;box-shadow:0 20px 100px #122d3540}.dialog.small{width:450px}.dialog-head{padding:22px 25px;display:flex;justify-content:space-between;border-bottom:1px solid var(--border);align-items:center}.dialog-head h2{font:700 18px Manrope;margin:0}.dialog-body{padding:24px}.dialog-foot{padding:17px 25px;background:#fafbf9;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.preview-message{background:#f4f7f1;border:1px solid var(--border);border-radius:9px;padding:16px;margin:13px 0}.preview-message p{font-size:13px;line-height:1.8;margin:10px 0 0}.preview-message strong{font-size:12px}.preview-message small{color:var(--muted);font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#174f43;color:white;border-radius:10px;padding:14px 22px;z-index:200;box-shadow:0 8px 30px #174f4325;display:none;font-size:13px;max-width:90vw}.help-text{color:var(--muted);font-size:12px;line-height:1.7}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:24px}.report-card{padding:20px;cursor:pointer;border:1px solid var(--border);background:white;border-radius:10px;text-align:left;color:var(--ink)}.report-card.active{border-color:#749665;background:#f5f8ef}.report-card svg{color:#729663}.report-card strong{display:block;margin:12px 0 5px}.report-card small{color:var(--muted);font-size:12px}.permission-table td:first-child{font-weight:600}.print-header{display:none}.error{background:#fceeee;color:#b24e4e;padding:12px;border-radius:7px;font-size:12px}.hamburger-backdrop{display:none}
@media(min-width:1500px){.content{padding-top:40px}.stat{padding:24px}.chart{height:210px}.dashboard-grid{gap:25px}}
@media(max-width:1100px){.sidebar{width:205px;padding-inline:14px}.layout{grid-template-columns:205px 1fr}.content{padding:25px}.topbar{padding-inline:25px}.stats{gap:12px}.stat{padding:16px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.template-grid{grid-template-columns:1fr 1fr}.brand{font-size:18px}.session{display:none}}
@media(max-width:800px){.layout{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:236px}.sidebar.open{transform:none}.hamburger-backdrop.open{display:block;position:fixed;inset:0;background:#14392860;z-index:24}.mobile-menu{display:flex}.topbar{height:65px;padding:0 20px}.top-right{gap:10px}.breadcrumb{flex:1}.breadcrumb span{display:none}.content{padding:22px 18px}.page-head{align-items:flex-start}.page-head h1{font-size:24px}.page-head p{max-width:260px;line-height:1.6}.stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.wide{grid-column:auto}.message-layout{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav button{width:auto;white-space:nowrap}.demo-banner{align-items:flex-start;font-size:11px;line-height:1.5}.demo-banner button{font-size:11px}.bottom-note span:last-child{display:none}.report-grid{grid-template-columns:1fr 1fr}.topbar .avatar{display:none}.btn{padding:10px 12px}.stat-value{font-size:27px}.dialog{max-height:92vh}.overlay{padding:12px}.dialog-body{padding:20px}.table-wrap td,.table-wrap th{padding-inline:17px}.filters{flex-wrap:wrap;width:100%}.filters select{flex:1}.search{max-width:none}.toolbar{padding:15px}.panel-head{padding:18px}.template-grid{gap:12px}.template-card{padding:18px}}
@media(max-width:480px){.page-head{flex-wrap:wrap;gap:15px}.page-head .actions{width:100%}.page-head .actions .btn{flex:1}.template-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.stat-top{font-size:11px}.stat-icon{padding:6px}.stat-foot{font-size:10px}.report-grid{gap:10px}.report-card{padding:15px}.radio-cards{grid-template-columns:1fr}.breadcrumb{font-size:12px}.chart-foot{font-size:10px}.dialog-head{padding:19px}.demo-banner button{display:none}}
@media print{body{background:white;color:black;font:11px sans-serif}.sidebar,.topbar,.page-head .actions,.demo-banner,.toolbar,.report-grid,.bottom-note,.table-bottom,.text-btn,#toast,#modal,.tab-bar{display:none!important}.layout{display:block}.main{display:block}.content{padding:0}.panel{border:0;border-radius:0}.print-header{display:block;border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:15px}.print-header h1{font-size:20px}.table-wrap{overflow:visible}th,td{white-space:normal;padding:8px!important}thead{display:table-header-group}tr{break-inside:avoid}.stats{display:none}.page-head h1{font-size:18px}@page{size:A4;margin:16mm;@bottom-center{content:"Page " counter(page)}}}