:root{--ink:#233149;--muted:#758198;--line:#e6e9f0;--navy:#17253d;--blue:#5577f5;--paper:#fff;--bg:#f7f8fb}.app-shell{background:var(--bg);grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#d5dded;background:var(--navy);flex-direction:column;padding:28px 16px 18px;display:flex}.brand{color:#fff;align-items:center;gap:11px;margin:0 12px 54px;display:flex}.brand.centered{justify-content:center;margin:0 0 42px}.brand-mark{color:#fff;background:#ff8c70;border-radius:11px 11px 11px 4px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:25px;font-weight:700;display:grid}.brand strong{letter-spacing:-.04em;font-size:22px;line-height:1;display:block}.brand span{color:#8995ae;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:10px;display:block}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button,.logout{color:#98a5be;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;padding:12px 13px;font-size:13px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#273751}.sidebar nav i{color:#aab8d2;text-align:center;width:20px;font-size:18px;font-style:normal}.sidebar nav .active i{color:#ff967d}.sidebar-bottom{border-top:1px solid #2b3a54;margin-top:auto;padding-top:18px}.profile{align-items:center;gap:10px;margin:0 8px 14px;display:flex}.avatar,.person-avatar{color:#fff;background:#6b83d8;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.avatar{width:31px;height:31px}.profile strong,.profile span{font-size:11px;display:block}.profile span{color:#8190aa;margin-top:3px}.logout{color:#8997af;width:100%;padding:8px}.main{min-width:0;padding:0 45px 60px}.topbar{border-bottom:1px solid var(--line);color:#8d97aa;justify-content:space-between;align-items:center;height:75px;font-size:11px;display:flex}.crumb span{color:#c6ccd6;margin:0 8px}.crumb b{color:#41506a;font-weight:600}.school-chip{color:#40506a;align-items:center;gap:8px;font-weight:600;display:flex}.school-chip small{color:#a4aebe;font-size:14px}.school-dot{background:#63c69f;border-radius:50%;width:8px;height:8px}.page-header{justify-content:space-between;align-items:end;gap:24px;padding:43px 0 30px;display:flex}.eyebrow{color:#f07c66;letter-spacing:.13em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800}.page-header h1{color:#1e2c43;letter-spacing:-.04em;margin:0;font-size:30px}.page-header p{color:var(--muted);margin:8px 0 0;font-size:13px}button.primary,.google-button{color:#fff;background:#5577f5;border:0;border-radius:8px;padding:11px 17px;font-size:12px;font-weight:700;box-shadow:0 4px 10px #5577f522}.primary:hover{background:#4568e9}.primary.small{padding:9px 13px}.secondary{border:1px solid var(--line);color:#617087;background:#fff;border-radius:8px;padding:10px 15px;font-size:12px}.text-button{color:#5577f5;background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.text-button span{margin-left:8px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stat,.panel,.manage-card,.info-box{border:1px solid var(--line);background:var(--paper);border-radius:11px}.stat{align-items:center;gap:13px;padding:18px 17px;display:flex}.stat-icon{border-radius:10px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.stat-icon.coral{color:#e87860;background:#fff0eb}.stat-icon.blue{color:#5f79e3;background:#eef1ff}.stat-icon.purple{color:#a174d0;background:#f6eeff}.stat-icon.green{color:#51ae88;background:#e9f8f2}.stat strong,.stat span{display:block}.stat strong{color:#27364e;font-size:22px}.stat span{color:#8b96a8;margin-top:3px;font-size:11px}.dashboard-grid{grid-template-columns:1fr 1.35fr;gap:22px;display:grid}.panel{padding:22px;overflow:hidden}.panel-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel h2{color:#26354d;margin:0;font-size:14px}.welcome{min-height:225px;position:relative;overflow:hidden}.welcome p{color:#7e899b;max-width:295px;margin:17px 0 20px;font-size:12px;line-height:1.7}.welcome-art{gap:6px;display:flex;position:absolute;bottom:23px;right:22px;transform:rotate(-8deg)}.welcome-art span{color:#f08a72;background:#fff7f4;border:2px solid #ffd1c5;border-radius:8px;place-items:center;width:35px;height:44px;font-size:18px;display:grid}.welcome-art span:nth-child(2){color:#6d85df;background:#f4f6ff;border-color:#d6dfff;transform:translateY(-13px)}.welcome-art span:nth-child(3){color:#55b48d;background:#f4fcf8;border-color:#cfeee0;transform:translateY(4px)}.activity{border-bottom:1px solid #f0f1f5;align-items:center;gap:11px;padding:14px 0;display:flex}.activity:last-child{border-bottom:0}.activity-icon{color:#58b58d;background:#eaf8f2;border-radius:8px;place-items:center;width:29px;height:29px;font-size:14px;display:grid}.activity strong,.activity span{display:block}.activity strong{color:#394861;font-size:12px}.activity span{color:#96a0b0;margin-top:3px;font-size:10px}.activity-arrow{color:#b9c1ce;margin-left:auto}.notice{z-index:5;color:#308465;background:#f0fbf6;border:1px solid #cceee0;border-radius:8px;padding:12px 16px;font-size:12px;position:fixed;top:88px;right:32px;box-shadow:0 5px 15px #17253d18}.table-panel{padding:0}.table-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:16px 22px;display:flex}.table-toolbar h2{flex:1;margin:0}.search{color:#9ca6b7;border:1px solid var(--line);border-radius:7px;align-items:center;gap:8px;width:260px;padding:8px 10px;font-size:16px;display:flex}.search input{width:100%;color:var(--ink);border:0;outline:0;font-size:11px}.count{color:#97a0af;font-size:11px}table{border-collapse:collapse;text-align:left;width:100%}th{color:#9ca5b5;text-transform:uppercase;letter-spacing:.05em;background:#fafbfc;padding:13px 22px;font-size:10px;font-weight:700}td{color:#66738a;border-top:1px solid #f0f1f5;padding:14px 22px;font-size:12px}.person{align-items:center;gap:10px;display:flex}.person-avatar{color:#576bb7;background:#e9edff;width:29px;height:29px}.person strong{color:#3e4c63;font-size:12px}.badge,.level-pill{color:#71809a;background:#f1f3f7;border-radius:20px;padding:4px 8px;font-size:10px;display:inline-block}.level-pill{color:#6578dc;background:#eef1ff;font-weight:700}.access-badge{color:#478d72;background:#eaf8f1;border-radius:20px;padding:4px 8px;font-size:10px;display:inline-block}.row-actions{white-space:nowrap;text-align:right}.row-actions button{color:#6b7ee0;background:0 0;border:0;padding:4px 5px;font-size:11px}.row-actions .danger-link{color:#df7c72}.empty{color:#98a1b0;text-align:center;padding:40px 15px;font-size:12px}.two-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.manage-card{padding:22px}.manage-card h3{color:#35445d;margin:0 0 16px;font-size:14px}.inline-form{gap:8px;display:flex}.inline-form input,.add-card input{border:1px solid var(--line);min-width:0;color:var(--ink);border-radius:7px;outline:0;flex:1;padding:9px 10px;font-size:12px}.tag-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tag{color:#63728b;background:#f1f3f8;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex}.tag button{color:#a3adbb;background:0 0;border:0}.info-box{color:#7c8799;background:#fbfcff;margin-top:20px;padding:14px 17px;font-size:11px}.category-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.category-tile{border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;min-height:83px;padding:14px;display:flex;position:relative}.category-tile.coral{background:#fff1ed;border-color:#ffe0d8}.category-tile.blue{background:#eff3ff;border-color:#dce4ff}.category-tile.purple{background:#f7efff;border-color:#eadbfa}.category-tile.green{background:#edf9f4;border-color:#d8f0e5}.category-tile.orange{background:#fff5e8;border-color:#ffead0}.category-tile.pink{background:#fff0f5;border-color:#f9dbe7}.category-tile.teal{background:#eaf9fa;border-color:#d5eeee}.category-tile.indigo{background:#edf0ff;border-color:#dae0ff}.category-symbol{color:#7986de;background:#fff9;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.category-tile strong,.category-tile span{display:block}.category-tile strong{color:#40506a;max-width:160px;font-size:11px;line-height:1.4}.category-tile span{color:#8994a5;margin-top:4px;font-size:10px}.category-tile>button{color:#a6aebc;background:0 0;border:0;position:absolute;top:7px;right:8px}.add-card{color:#7b8ade;background:#fcfdff;border:1px dashed #cfd6e2;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:83px;display:flex}.add-card span{font-size:22px}.add-card strong{margin-top:4px;font-size:11px}.add-card.open{flex-direction:row;gap:8px;padding:10px}.filter-tabs{gap:4px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow:auto}.filter-tabs button{color:#8994a6;background:0 0;border:0;border-radius:7px;flex:none;padding:9px 12px;font-size:11px}.filter-tabs button.selected{color:#5069dc;background:#eef1ff;font-weight:700}.filter-tabs small{color:#9ba5b6;margin-left:5px}.indicator-list{padding:0}.indicator-row{border-bottom:1px solid #f0f1f5;align-items:center;gap:14px;padding:15px 20px;display:flex}.indicator-row:last-child{border-bottom:0}.number{color:#b4bdc9;width:23px;font-size:10px}.indicator-row>div{flex:1;min-width:0}.indicator-row strong,.indicator-row span{display:block}.indicator-row strong{color:#435168;font-size:12px}.indicator-row div span{color:#9ca5b3;margin-top:4px;font-size:10px}.icon-btn{color:#7182d9;background:0 0;border:0;font-size:14px}.icon-btn.danger{color:#df8b80}.assessment-meta{grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;display:grid}.form label,.assessment-meta label{color:#68768c;flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.form input,.form select,.form textarea,.assessment-meta input,.assessment-meta select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;outline:0;padding:10px;font-size:12px}.legend{color:#8791a2;justify-content:flex-end;gap:19px;margin:18px 0 10px;font-size:10px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.dot{border-radius:6px;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.dot.success,.chosen.success .dot{color:#328d68;background:#e5f7ef}.dot.warning{color:#b18138;background:#fff3dc}.dot.danger{color:#c96c67;background:#ffebea}.dot.muted{color:#7b879a;background:#eff1f4}.assessment-category{margin-top:14px;padding:0}.category-heading{color:#40506a;justify-content:space-between;align-items:center;padding:14px 18px;font-size:12px;display:flex}.category-heading.coral{background:#fff2ee}.category-heading.blue{background:#f0f3ff}.category-heading.purple{background:#f8f1ff}.category-heading.green{background:#eefaf5}.category-heading.orange{background:#fff6ea}.category-heading.pink{background:#fff1f6}.category-heading.teal{background:#ecfafb}.category-heading span{color:#909bad;font-size:10px}.assessment-indicator{border-top:1px solid #f0f1f5;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;display:flex}.assessment-indicator>div:first-child{flex:1}.assessment-indicator strong,.assessment-indicator span{display:block}.assessment-indicator strong{color:#4b586d;font-size:12px;font-weight:600}.assessment-indicator span{color:#9ca5b3;margin-top:5px;font-size:10px}.assessment-indicator span b{color:#6477dc}.value-options{gap:6px;display:flex}.value-options label{cursor:pointer}.value-options input{display:none}.value-options label b{color:#9da6b4;background:#fff;border:1px solid #e6e9ef;border-radius:6px;place-items:center;width:35px;height:29px;font-size:10px;display:grid}.value-options label.chosen.success b{color:#338e68;background:#e8f8f0;border-color:#9bd8bd}.value-options label.chosen.warning b{color:#a87d35;background:#fff5df;border-color:#f0d39d}.value-options label.chosen.danger b{color:#c96e68;background:#ffefee;border-color:#efb6b2}.value-options label.chosen.muted b{color:#69778d;background:#f1f3f6;border-color:#bbc3cf}.progress{vertical-align:middle;background:#edf0f5;border-radius:8px;width:70px;height:6px;display:inline-block;overflow:hidden}.progress span{background:#6bc59e;border-radius:8px;height:100%;display:block}.form-actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.modal-backdrop{z-index:10;background:#19263d55;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(440px,100%);padding:23px;box-shadow:0 15px 50px #19263d33}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal h2{color:#26364e;margin:0;font-size:18px}.close{color:#8d98a9;background:0 0;border:0;font-size:24px}.form{flex-direction:column;gap:15px;display:flex}.form input,.form select,.form textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;outline:0;padding:10px;font-size:12px}.form textarea{resize:vertical;min-height:75px}.modal-description{color:#8792a4;margin:-5px 0 17px;font-size:11px;line-height:1.6}.share-form{gap:8px;display:flex}.share-form input{border:1px solid var(--line);min-width:0;color:var(--ink);border-radius:7px;outline:0;flex:1;padding:10px;font-size:12px}.shared-list{color:#53627a;flex-direction:column;gap:9px;margin-top:22px;font-size:11px;display:flex}.muted-text{color:#9ba4b2}.shared-person{color:#58677d;background:#f5f7fb;border-radius:7px;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.shared-person button{color:#d37d73;background:0 0;border:0;font-size:10px}.full{width:100%;margin-top:5px}.login-page{background:linear-gradient(135deg,#17253d 0%,#263b5d 100%);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{text-align:center;background:#fff;border-radius:16px;width:min(430px,100%);padding:45px 42px;box-shadow:0 20px 70px #080f1c55}.login-icon{color:#f1846c;background:#fff1ed;border-radius:17px;place-items:center;width:58px;height:58px;margin:0 auto 21px;font-size:26px;display:grid}.login-card h1{color:#24334c;letter-spacing:-.04em;margin:0;font-size:25px}.login-card p{color:#8290a4;margin:12px auto 28px;font-size:12px;line-height:1.7}.google-button{color:#4d5a70;border:1px solid var(--line);width:100%;box-shadow:none;background:#fff;justify-content:center;align-items:center;gap:10px;padding:13px;display:flex}.google-button span{color:#4285f4;font-size:16px;font-weight:800}.login-card>small{color:#a3acb9;margin-top:18px;font-size:9px;line-height:1.5;display:block}@media (width<=900px){.app-shell{grid-template-columns:190px 1fr}.main{padding:0 25px 45px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.app-shell{display:block}.sidebar{padding:14px}.brand{margin:0 0 15px}.sidebar nav{grid-template-columns:repeat(3,1fr);display:grid}.sidebar nav button{flex-direction:column;justify-content:center;gap:3px;padding:7px 2px;font-size:9px}.sidebar-bottom{display:none}.main{padding:0 14px 35px}.topbar{height:56px}.school-chip{display:none}.page-header{flex-direction:column;align-items:start;gap:15px;padding:28px 0 22px}.page-header h1{font-size:25px}.stats-grid{gap:8px}.stat{padding:12px}.stat-icon{width:32px;height:32px}.stat strong{font-size:18px}.two-columns,.assessment-meta,.category-grid{grid-template-columns:1fr}.table-panel{overflow:auto}.table-panel table{min-width:660px}.legend{flex-wrap:wrap;justify-content:flex-start;gap:8px}.assessment-indicator{flex-direction:column;align-items:flex-start;gap:10px}.assessment-indicator .value-options{align-self:flex-end}.modal{padding:20px}.login-card{padding:35px 24px}}:root{color:#233149;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}