:root{color:#172821;font-synthesis:none;--ink:#172821;--muted:#68746f;--green:#163b34;--green-2:#225b4e;--cream:#f4f1e9;--paper:#fffdf8;--line:#ddd9cd;--orange:#d8683e;--shadow:0 12px 30px #17282112;--font-display:Georgia,"Times New Roman",serif;background:#f4f1e9;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--cream);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #e2a568}.skip-link{z-index:100;color:#000;background:#fff;padding:10px 16px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.app-shell{min-height:100vh}.sidebar{background:var(--green);color:#f4f3ec;z-index:30;flex-direction:column;width:248px;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brand-mark{width:38px;height:38px;font-family:var(--font-display);color:#f3c69e;border:1px solid #78968e;border-radius:10px;place-items:center;font-size:23px;display:grid}.brand div{flex-direction:column;display:flex}.brand strong{font-family:var(--font-display);font-size:18px}.brand span:last-child{color:#a9bdb7;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#b9c8c4;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:12px 13px;display:flex;position:relative}.sidebar nav button:hover{color:#fff;background:#ffffff0c}.sidebar nav button.active{color:var(--green);background:#fff;font-weight:700}.nav-dot{background:var(--orange);border-radius:50%;width:6px;height:6px;position:absolute;right:12px}.sidebar-foot{border-top:1px solid #ffffff1a;margin-top:auto;padding:20px 6px 0}.sidebar-foot>p{color:#8ba29c;margin:16px 0 0;font-size:11px}.local-badge{align-items:center;gap:10px;display:flex}.local-badge div{flex-direction:column;display:flex}.local-badge strong{font-size:12px}.local-badge span:last-child{color:#9ab0aa;font-size:10px}.status-dot{background:#72c89c;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #72c89c1e}.mobile-top{display:none}main{max-width:1600px;margin-left:248px;padding:42px clamp(24px,4vw,64px) 80px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#8c6856;margin:0 0 8px;font-size:11px;font-weight:800}.page-header h1{font:700 clamp(30px,4vw,46px)/1.05 var(--font-display);margin:0}.subtle{color:var(--muted);margin:10px 0 0}.button{border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:700;display:inline-flex}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--green-2)}.button.secondary{color:var(--ink);background:#ece9df}.button.ghost{color:var(--green);background:0 0;padding-left:0}.button.danger{color:#fff;background:#a84836}.icon-button{color:inherit;background:0 0;border:0;border-radius:8px;place-items:center;padding:8px;display:grid}.student-hero{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:16px;padding:22px;display:flex}.student-avatar{color:#684e3d;background:#e5d9c2;border-radius:14px;place-items:center;width:56px;height:56px;font-weight:800;display:grid}.student-avatar.small{border-radius:12px;width:42px;height:42px}.student-title{flex-direction:column;align-items:flex-start;display:flex}.student-title label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:10px}.student-title select{font:700 21px var(--font-display);background:0 0;border:0;padding:2px 24px 2px 0}.student-title p{color:var(--muted);margin:3px 0 0;font-size:12px}.target-ring{border-left:1px solid var(--line);align-items:center;gap:10px;margin-left:auto;padding-left:22px;display:flex}.target-ring span{text-transform:uppercase;color:var(--muted);flex-direction:column;font-size:10px;display:flex}.target-ring strong{color:var(--ink);font-size:20px}.skill-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.skill-card{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--skill-color);border-radius:13px;padding:17px}.skill-card-top{align-items:center;gap:9px;display:flex}.skill-icon{width:31px;height:31px;color:var(--skill-color);background:color-mix(in srgb,var(--skill-color) 12%,white);border-radius:8px;place-items:center;display:grid}.skill-name{font-size:12px;font-weight:800}.score-row{align-items:center;gap:10px;margin-top:15px;display:flex}.score-row>strong{font:700 29px var(--font-display)}.delta{border-radius:20px;padding:3px 6px;font-size:10px;font-weight:800}.delta.up{color:#27704b;background:#e0f1e7}.delta.down{color:#9d4433;background:#f7e3dd}.skill-card p{color:var(--muted);margin:3px 0 0;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:18px;display:grid}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 5px 20px #17282109}.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel h2,.modal h2{font:700 22px var(--font-display);margin:0}.legend-note{color:var(--muted);font-size:10px}.trend-bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:clamp(10px,3vw,30px);height:220px;margin-top:15px;padding:30px 10px 0;display:flex}.trend-item{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:26px;height:100%;display:flex}.trend-value,.trend-date{color:var(--muted);font-size:9px}.trend-bar-track{background:#efede6;border-radius:5px 5px 0 0;align-items:flex-end;width:100%;max-width:36px;height:150px;margin:5px 0;display:flex;overflow:hidden}.trend-bar-fill{border-radius:5px 5px 0 0;width:100%}.next-step{background:#f0e7d8;flex-direction:column;align-items:flex-start;display:flex}.next-icon{width:43px;height:43px;color:var(--orange);background:#fff;border-radius:50%;place-items:center;margin-bottom:22px;display:grid}.next-step h2{line-height:1.35}.next-step>p:not(.eyebrow){color:#6f6558;font-size:12px;line-height:1.6}.next-step .button{margin-top:auto}.recent-panel{margin-top:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;margin-top:12px;font-size:12px}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 12px;font-size:9px}td{border-bottom:1px solid #e9e5db;padding:13px 12px}td small{color:var(--muted);margin-top:3px;display:block}.skill-pill{color:var(--skill-color);align-items:center;gap:6px;font-weight:700;display:inline-flex}.table-score{font-size:14px;font-weight:800}.status{text-transform:uppercase;border-radius:10px;padding:4px 7px;font-size:9px;font-weight:800}.status.completed{color:#27634a;background:#e3f0e8}.status.draft{color:#7a6540;background:#f1ebdb}.empty-state{text-align:center;color:var(--muted);padding:38px 18px}.empty-state h3{color:var(--ink);margin:5px}.empty-state p{font-size:12px}.empty-mark{font:700 42px var(--font-display);color:var(--orange)}.empty-mini{color:var(--muted);text-align:center;padding:65px 0}.toolbar{color:var(--muted);align-items:center;gap:14px;margin-bottom:18px;font-size:12px;display:flex}.toolbar>span{margin-left:auto}.search{background:var(--paper);border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;min-width:min(380px,100%);padding:0 12px;display:flex}.search input{background:0 0;border:0;width:100%;padding:11px 0}.student-list{flex-direction:column;gap:9px;display:flex}.student-row{background:var(--paper);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto minmax(180px,1fr) 100px 130px 110px auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.student-info h2{font:700 17px var(--font-display);margin:0}.student-info p,.student-stat span{color:var(--muted);margin:3px 0;font-size:10px}.student-stat{flex-direction:column;display:flex}.student-stat strong{font-size:12px}.student-target{color:var(--muted);font-size:10px}.student-target strong{color:var(--ink);font-size:17px;display:block}.modal-backdrop{z-index:50;background:#0f211dcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:16px;width:min(460px,100%);padding:28px;position:relative}.modal-close{position:absolute;top:12px;right:12px}.form-stack{flex-direction:column;gap:15px;margin-top:22px;display:flex}.form-stack label,.form-grid label,.notes-grid label,.filters label,.question-add label{color:#56635e;flex-direction:column;gap:6px;font-size:11px;font-weight:800;display:flex}.form-stack input,.form-stack select,.form-grid input,.form-grid select,.filters select,.question-add select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.score-preview{text-align:right}.score-preview span{text-transform:uppercase;color:var(--muted);font-size:10px;display:block}.score-preview strong{font:700 36px var(--font-display)}.skill-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px;display:grid}.skill-tabs button{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:700;display:flex}.skill-tabs button.active{border-color:var(--skill-color);color:var(--skill-color);box-shadow:inset 0 -3px var(--skill-color)}.assessment-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px;display:grid}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.criteria-list{border-top:1px solid var(--line);margin-top:24px}.criterion-row{border-bottom:1px solid var(--line);padding:18px 0}.criterion-main{justify-content:space-between;display:flex}.criterion-main label{font-size:12px;font-weight:800}.criterion-main output{font:700 20px var(--font-display)}.criterion-row input[type=range]{width:100%;accent-color:var(--green);margin:12px 0}.criterion-row textarea,.notes-grid textarea{resize:vertical;border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:10px}.notes-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.notes-grid label{flex-direction:column;gap:6px;font-size:11px;font-weight:800;display:flex}.form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.form-message{color:#235d45;background:#e4f0e9;border-radius:8px;padding:10px 12px;font-size:12px}.guide-panel{position:sticky;top:24px}.guide-panel>svg{color:var(--orange);margin-bottom:15px}.guide-panel p{color:var(--muted);font-size:12px;line-height:1.65}.privacy-note{border-top:1px solid var(--line);flex-direction:column;gap:5px;margin-top:24px;padding-top:18px;display:flex}.privacy-note strong{font-size:11px}.privacy-note span{color:var(--muted);font-size:10px;line-height:1.5}.question-section{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.question-add{max-width:420px}.question-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.question-row{background:#f4f1e9;border-radius:9px;grid-template-columns:minmax(180px,1fr) 78px auto 78px auto;align-items:end;gap:8px;padding:12px;display:grid}.question-row>span:first-child{align-self:center;font-size:12px;font-weight:700}.question-row label{text-transform:uppercase;color:var(--muted);font-size:9px}.question-row input{border:1px solid var(--line);border-radius:7px;width:100%;padding:8px}.filters label{flex-direction:row;align-items:center;display:flex}.filters select{margin-left:5px}.data-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.data-card>svg{color:var(--orange)}.data-card h2{margin-top:16px}.data-card p{color:var(--muted);min-height:40px;font-size:12px;line-height:1.6}.danger-card{border-color:#e2c3ba}.privacy-section{align-items:flex-start;gap:18px;margin-top:18px;display:flex}.privacy-section svg{color:var(--green)}.privacy-section p{color:var(--muted);margin-bottom:0;font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1050px){.skill-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.student-row{grid-template-columns:auto minmax(160px,1fr) 80px 120px auto}.student-target{display:none}.assessment-layout{grid-template-columns:1fr}.guide-panel{position:static}}@media (width<=760px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-top{background:var(--paper);border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;height:58px;padding:0 14px;display:flex;position:sticky;top:0}.mobile-top span{color:var(--muted);font-size:11px}.mobile-overlay{z-index:25;background:#10251f80;border:0;position:fixed;inset:0}main{margin-left:0;padding:26px 16px 60px}.page-header{align-items:flex-start}.page-header .button{white-space:nowrap}.student-hero{align-items:flex-start}.target-ring{display:none}.skill-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.notes-grid,.data-grid{grid-template-columns:1fr}.skill-tabs{grid-template-columns:repeat(2,1fr)}.student-row{grid-template-columns:auto 1fr auto}.student-stat{display:none}.toolbar{flex-direction:column;align-items:stretch}.toolbar>span{margin-left:0}.question-row{grid-template-columns:1fr 62px auto 62px auto}.question-row>span:first-child{grid-column:1/-1}.trend-bars{gap:8px}.page-header h1{font-size:34px}}@media (width<=430px){.page-header{flex-direction:column}.skill-grid{grid-template-columns:1fr 1fr}.skill-card{padding:14px}.score-row>strong{font-size:24px}.student-title select{font-size:17px}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.sidebar,.mobile-top,.page-header .button,.skill-tabs,.form-actions{display:none!important}main{margin:0;padding:0}.panel,.student-hero,.skill-card{box-shadow:none;break-inside:avoid}body{background:#fff}}:root{--font-display:"Segoe UI",Arial,sans-serif}