.ux-section{background:#edf2f6;scroll-margin-top:100px}.ux-section .heading p{font-size:13px}.ux-shell{display:grid;grid-template-columns:220px minmax(0,1fr);background:#f5f7fa;border:1px solid #d5e0ea;border-radius:10px;overflow:hidden;box-shadow:0 24px 65px #17334c15;min-height:660px}.ux-sidebar{background:#102d50;color:#fff;padding:26px 16px;display:flex;flex-direction:column}.ux-brand{font:700 24px Manrope;padding:0 10px;letter-spacing:-1px}.ux-brand span{color:#f0898e}.ux-school{display:flex;gap:10px;padding:25px 9px 26px;align-items:center}.ux-school-mark{width:32px;height:32px;background:#294766;border:1px solid #496581;display:grid;place-items:center;border-radius:6px;font-size:13px}.ux-school b{font-size:11px;display:block}.ux-school small,.ux-sidebar-bottom small{font-size:9px;color:#aabed2;display:block}.ux-nav-label{font-size:8px;letter-spacing:1.3px;color:#8faac5;margin:20px 10px 12px}.ux-nav{display:flex;align-items:center;gap:12px;text-align:left;color:#c1d0df;background:none;border:0;padding:12px 10px;border-radius:5px;font-size:11px;margin:2px 0}.ux-nav>span{font-size:16px;width:17px;color:#8eaac6}.ux-nav.active{background:#2c4968;color:white}.ux-nav.active>span{color:#f0a3a7}.ux-sidebar-bottom{display:flex;gap:10px;align-items:center;padding:22px 10px 0;margin-top:auto;border-top:1px solid #ffffff20;font-size:10px}.ux-avatar{width:31px;height:31px;display:grid;place-items:center;background:#4a6683;border-radius:50%;font-size:9px}.ux-topbar{background:white;padding:17px 25px;border-bottom:1px solid #e3e9ef;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#768a9d;gap:20px}.ux-topbar b{color:#29425b;font-weight:500}.ux-topbar-separator{margin:0 10px;color:#bac5d0}.ux-demo-badge{font-size:8px;background:#edf2f6;color:#5e758c;letter-spacing:1px;border:1px solid #dfe7ed;border-radius:3px;padding:4px 8px;white-space:nowrap}.ux-content{padding:27px}.ux-view[hidden],.ux-detail[hidden],.ux-notice[hidden]{display:none}.ux-page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:23px}.ux-kicker{font-size:8px;letter-spacing:1.3px;color:#6e8399;font-weight:700}.ux-page-heading h3{font-size:25px;letter-spacing:-.8px;margin:8px 0}.ux-page-heading p{font-size:11px;margin:0}.ux-filter{font-size:9px;color:#6e8399}.ux-filter select{display:block;margin-top:5px}.ux-content select,.ux-content input{color:#29425b;background:white;border:1px solid #d5e0e9;border-radius:4px;padding:8px 10px;font-size:10px;max-width:100%}.ux-content button{font-size:10px}.ux-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:23px}.ux-stats>div{padding:17px;background:#fff;border:1px solid #e1e7ed;border-radius:6px}.ux-stats span{font-size:9px;color:#71859a;display:block}.ux-stats strong{font:700 27px Manrope;color:#183b5d;display:block;margin:7px 0}.ux-stats small{font-size:8px;color:#6c8396}.ux-stats strong.ux-green{color:#237d6d}.ux-box{background:#fff;border:1px solid #dce5ed;border-radius:6px;min-width:0;overflow:hidden}.ux-two-col{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.ux-box-heading{padding:17px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e9edf2}.ux-box-heading h4{font-size:12px;margin:0;color:#29425b}.ux-box-heading label{font-size:8px;color:#6f8499;display:flex;align-items:center;gap:7px}.ux-box-heading select{font-size:9px;padding:5px 6px;max-width:120px}.ux-table-scroll{overflow-x:auto}.ux-table{border-collapse:collapse;width:100%;font-size:10px;text-align:left}.ux-table th{font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:#8394a7;background:#fafbfd;padding:12px;font-weight:600;white-space:nowrap}.ux-table td{padding:15px 12px;border-top:1px solid #edf1f5;color:#455c72}.ux-table td b{font-size:10px;display:block;color:#263f59}.ux-table td small{font-size:8px;color:#8a9bad;display:block}.ux-table-foot{font-size:8px;color:#8a9bad;padding:13px 17px;border-top:1px solid #edf1f5}.ux-status{display:inline-flex;padding:4px 7px;background:#eef4ef;color:#42745a;border-radius:20px;font-size:8px;white-space:nowrap}.ux-status.amber{color:#916423;background:#faf2e4}.ux-status.blue{color:#537592;background:#eaf1f7}.ux-review-button{background:#fff;color:#9e2633;border:1px solid #edccd1;border-radius:4px;padding:5px 8px}.ux-small-badge{background:#edf2f6;color:#6f8499;font-size:8px;padding:3px 7px;border-radius:4px}.ux-action{padding:15px 17px;border-bottom:1px solid #edf1f5}.ux-action:last-child{border:0}.ux-action b{display:block;font-size:10px;color:#29425b;line-height:1.5}.ux-action p{font-size:8px;margin:6px 0 9px}.ux-progress{height:4px;background:#e9eef3;border-radius:10px}.ux-progress span{display:block;height:4px;background:#557e9f;border-radius:10px}.ux-detail{margin-top:17px;padding:22px;background:white;border:1px solid #c7d8e7;border-radius:6px}.ux-detail-heading{display:flex;justify-content:space-between;align-items:start}.ux-detail-heading h4{font-size:17px;margin:7px 0 19px}.ux-icon-button{background:#f2f5f8;border:0;border-radius:4px;color:#6a7f92;font-size:19px!important;width:28px;height:28px}.ux-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ux-small-label{font-size:8px;letter-spacing:1px;color:#8193a5}.ux-evidence-grid p,.ux-evidence-grid li{font-size:11px;line-height:1.65}.ux-evidence-grid ul{padding-left:15px;color:#61778c}.ux-primary{background:#183b5d;color:white;padding:9px 13px;border:1px solid #183b5d;border-radius:4px;font-weight:600}.ux-secondary{background:white;color:#395a78;border:1px solid #cfdae4;border-radius:4px;padding:9px 13px;font-weight:600}.ux-primary:disabled{opacity:.55;cursor:default}.ux-period{font-size:9px;color:#758a9c;white-space:nowrap}.ux-observation-grid{display:grid;grid-template-columns:.75fr 1.5fr;gap:17px}.ux-observation-button{display:flex;width:100%;text-align:left;background:white;border:0;border-bottom:1px solid #e9edf2;padding:17px;gap:10px;color:#29425b;align-items:center}.ux-observation-button.active{background:#edf3f9;box-shadow:inset 3px 0 #456f95}.ux-observation-button .ux-avatar{border-radius:6px;background:#e2eaf1;color:#456883;flex-shrink:0}.ux-observation-button b{font-size:10px;display:block}.ux-observation-button small{font-size:8px;color:#8093a7;display:block}.ux-observation-form .ux-box-heading{align-items:start}.ux-observation-form .ux-box-heading h4{margin-top:7px;font-size:16px}.ux-observation-form .ux-box-heading p{font-size:9px;margin:5px 0 0}.ux-form-body{padding:20px}.ux-form-body label{font-size:10px;font-weight:600;display:block;margin-bottom:6px;color:#425e78}.ux-form-body select,.ux-form-body input,.ux-form-body textarea{width:100%;margin-bottom:15px}.ux-form-body textarea{font:11px/1.5 'DM Sans',Arial;padding:10px;border:1px solid #d5e0e9;border-radius:4px;color:#455c72;min-height:75px;resize:vertical}.ux-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ux-form-actions{display:flex;justify-content:end;gap:10px}.ux-field-note{font-size:8px;line-height:1.5;margin:15px 0 0;color:#8b9bad}.ux-register-filters{display:flex;align-items:end;gap:15px;margin-bottom:23px;flex-wrap:wrap}.ux-register-filters label{font-size:9px;color:#698198}.ux-register-filters select,.ux-register-filters input{display:block;margin-top:5px}.ux-register-state{margin-left:auto;font-size:9px;color:#9b7c45;background:#faf2e4;padding:6px 10px;border-radius:20px;margin-bottom:2px}.ux-register-table input{width:100%;min-width:120px}.ux-register-table select{min-width:100px}.ux-register-table td{padding:10px 16px}.ux-register-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px;border-top:1px solid #e9edf2}.ux-register-footer p{font-size:8px;margin:0;max-width:250px}.ux-notice{margin-top:18px;background:#eaf4ee;color:#2d6e50;border:1px solid #c8ddcf;border-radius:5px;padding:13px 16px;font-size:11px}.ux-preview-caption{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:10px;color:#7c8fa1}.ux-preview-caption span:first-child{font-size:8px;letter-spacing:1.5px}
@media(max-width:1050px){.ux-shell{grid-template-columns:180px minmax(0,1fr)}.ux-sidebar{padding:22px 10px}.ux-content{padding:20px}.ux-two-col{grid-template-columns:1fr}.ux-observation-grid{grid-template-columns:1fr}.ux-observation-grid>div:first-child #ux-observation-list{display:flex}.ux-observation-button{flex:1}.ux-school{padding:24px 5px}.ux-nav{font-size:10px;gap:7px}.ux-demo-badge{font-size:7px}}
@media(max-width:760px){.ux-shell{display:block;min-height:0}.ux-sidebar{display:flex;flex-direction:row;flex-wrap:wrap;padding:15px;gap:8px}.ux-brand{font-size:21px;width:100%;padding:0 0 8px}.ux-school,.ux-nav-label,.ux-sidebar-bottom{display:none}.ux-nav{font-size:9px;padding:9px 8px;margin:0;border:1px solid #ffffff20;flex:1;white-space:nowrap;justify-content:center}.ux-nav>span{display:none}.ux-topbar{padding:13px 15px;font-size:8px;gap:10px}.ux-topbar-separator{margin:0 5px}.ux-topbar>span:first-child{max-width:65%}.ux-content{padding:17px}.ux-page-heading{align-items:start;gap:12px;flex-wrap:wrap}.ux-page-heading h3{font-size:23px}.ux-page-heading p{font-size:10px}.ux-stats{gap:7px}.ux-stats>div{padding:12px 9px}.ux-stats strong{font-size:23px}.ux-stats span{font-size:8px}.ux-stats small{font-size:7px}.ux-box-heading{padding:14px;flex-wrap:wrap}.ux-box-heading h4{font-size:11px}.ux-table th{font-size:7px;padding:10px}.ux-table td{padding:13px 10px}.ux-table td b{font-size:9px}.ux-table td small{font-size:7px}.ux-table{font-size:9px}.ux-table th:nth-child(2){white-space:normal}.ux-review-button{font-size:9px!important}.ux-evidence-grid{grid-template-columns:1fr;gap:16px}.ux-detail{padding:18px}.ux-observation-grid>div:first-child #ux-observation-list{display:block}.ux-observation-button{padding:12px 15px}.ux-form-body{padding:17px}.ux-form-row{gap:10px}.ux-form-actions{justify-content:start;flex-wrap:wrap}.ux-register-filters{gap:12px}.ux-register-state{margin-left:0}.ux-register-footer{align-items:start;flex-direction:column}.ux-preview-caption{flex-direction:column;gap:6px}.ux-kicker{font-size:7px}.ux-register-table td{padding:10px}.ux-register-table th{white-space:nowrap}}