:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#152343;background:#f5f7fb;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{cursor:pointer;border:1px solid #dce2ed;border-radius:8px;background:#fff;color:#263557;padding:10px 14px;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;font-weight:600;transition:.15s}button:hover,.button:hover{border-color:#8c9fee;background:#f1f4ff}button:disabled{opacity:.5;cursor:wait}button.primary{background:#193ded;color:#fff;border-color:#193ded;box-shadow:0 3px 8px #123fe51a}button.primary:hover{background:#102fc8}.danger{color:#b43a48!important;border-color:#f0cdd3!important;background:#fff8f8!important}input,select{padding:11px 12px;border:1px solid #dbe1eb;border-radius:7px;color:#233151;background:#fff;min-width:0}input:focus,select:focus{outline:3px solid #e5eaff;border-color:#4465ef}small{display:block;color:#8490a5;font-size:12px;line-height:1.7}b{font-weight:600}h1,h2,p{margin:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.3}h2{font-size:17px;letter-spacing:-.3px}p{line-height:1.7;color:#75819a}svg{flex-shrink:0}.brand{display:flex;gap:8px;align-items:center;color:#122b8c}.brand strong{font-size:21px;letter-spacing:1.5px;font-weight:750}.brand small{font-size:9px;color:#2941a1;letter-spacing:3px;line-height:1.4}.shell{display:flex;min-height:100vh}.sidebar{width:245px;flex-shrink:0;background:#fff;border-right:1px solid #e5e9f1;position:fixed;height:100vh;display:flex;flex-direction:column;padding:27px 18px 0}.sidebar .brand{margin:0 8px 28px}.school{display:flex;align-items:center;gap:10px;background:#f7f8fc;border:1px solid #edf0f6;border-radius:9px;padding:12px;margin-bottom:27px}.school>svg{margin-left:auto;color:#a0acc1}.school-mark{width:33px;height:34px;display:grid;place-items:center;background:#e8edff;color:#2c4ddb;border-radius:7px}.school b{font-size:12px}.school small{font-size:10px}.nav-label{font-size:10px;letter-spacing:1.5px;color:#a2aabc;margin:0 12px 12px}nav{display:grid;gap:5px}nav button{justify-content:flex-start;font-size:12px;padding:12px;border:0;color:#75819a;background:none;font-weight:500;white-space:nowrap}nav button.selected{background:#edf1ff;color:#2447d9;font-weight:650}nav button i{font-style:normal;font-size:10px;margin-left:auto;background:#dfe6ff;padding:2px 6px;border-radius:5px}.sidebar-bottom{margin-top:auto}.pilot-note{display:flex;gap:10px;color:#919db1;font-size:11px;line-height:1.6;border-bottom:1px solid #edf0f5;padding:20px 10px}.profile{width:100%;border:0;justify-content:flex-start;padding:20px 4px;font-size:12px}.profile>svg{margin-left:auto;color:#929db0}.avatar{width:34px;height:34px;border-radius:50%;background:#eaf0ff;color:#2d4bd3;display:grid;place-items:center;font-weight:700}.profile span:nth-child(2){text-align:left}.profile small{font-size:10px}.workspace{margin-left:245px;flex:1;min-width:0}.topbar{height:73px;background:#ffffffd9;border-bottom:1px solid #e7ebf3;display:flex;justify-content:space-between;align-items:center;padding:0 35px;font-size:12px;color:#919bb0}.topbar>span,.topbar>div{display:flex;gap:14px;align-items:center}.topbar b{color:#3d4964;font-weight:500}.topbar .target{border-left:1px solid #e4e8f0;padding-left:15px}main{max-width:1700px;margin:auto;padding:33px 35px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#5570bb;display:block;margin-bottom:9px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading p{font-size:12px;margin-top:8px}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}.heading-actions button{font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:5px;font-size:10px;font-weight:650;white-space:nowrap}.badge.green{background:#e9f7ef;color:#258254}.badge.blue{background:#eaf0ff;color:#3d57d1}.badge.gray{background:#f0f2f7;color:#7d889e}.badge.amber{background:#fff3dc;color:#ad7a24}.badge.red{background:#fcebed;color:#ae3e4e}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.metric{background:#fff;border:1px solid #e5eaf3;border-radius:11px;padding:19px;display:grid;grid-template-columns:1fr auto;gap:5px;box-shadow:0 2px 4px #18294c02}.metric-icon{background:#eff3ff;color:#4a67d7;width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.metric-number{font-size:33px;letter-spacing:-1.3px;align-self:center;font-weight:650}.metric>b,.metric>small{grid-column:1/-1}.metric>b{font-size:12px;margin-top:10px}.metric small{font-size:10px}.overview-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(250px,1fr);gap:24px}.panel{background:#fff;border:1px solid #e3e8f1;border-radius:12px;overflow:hidden;box-shadow:0 2px 5px #15274502}.panel-head{padding:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0f5}.panel-head p{font-size:11px;margin-top:5px}.link{border:0;padding:0;color:#4161cb;background:none;font-size:11px}.icon-btn{border:0;padding:6px;background:transparent;color:#8b99b1}.panel table,table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:9px;letter-spacing:1px;color:#9aa4b7;background:#fcfcfe;font-weight:600;padding:14px 22px;border-bottom:1px solid #eef1f6}td{padding:16px 22px;border-bottom:1px solid #edf0f6;vertical-align:middle}tr:last-child td{border-bottom:0}td small{font-size:10px}td code{font-size:10px;word-break:break-all}td button{font-size:10px;padding:6px 9px}.insight{background:#edf2ff;border:1px solid #e2e9fc;border-radius:12px;padding:25px;position:relative;overflow:hidden}.insight:after{content:"";position:absolute;right:-70px;top:70px;width:200px;height:200px;border:32px solid #e2e9fc;border-radius:50%;pointer-events:none}.insight>*{position:relative;z-index:1}.insight-icon{display:block;color:#4c6ae5;margin-bottom:25px}.insight h2{font-size:26px;margin:16px 0 13px;line-height:1.3;letter-spacing:-.8px}.insight p{font-size:12px;max-width:250px}.insight button{margin:20px 0;background:#fff9;border-color:#d9e2fc;color:#2f4cb8;font-size:11px}.insight-footer{border-top:1px solid #dce4f7;padding-top:20px;display:grid;gap:4px}.insight-footer span{font-size:9px;letter-spacing:1px;color:#8e9ac0}.insight-footer strong{font-size:25px}.insight-footer small{font-size:10px}.setup-banner{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e3e8f2;border-radius:10px;margin-top:24px;padding:21px 24px}.setup-banner>div{display:flex;align-items:center;gap:17px;color:#4b66cc}.setup-banner b{font-size:12px;color:#2d3957}.setup-banner small{font-size:11px;margin-top:3px}.setup-banner button{font-size:11px}footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px;color:#9ca7bb;border-top:1px solid #e5eaf2;margin-top:35px;padding:20px 0}footer span{letter-spacing:0}.toolbar{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e3e8f1;border-radius:10px;margin-bottom:18px;flex-wrap:wrap}.toolbar select{font-size:12px}.toolbar button{margin-left:auto;font-size:12px}.search{display:flex;align-items:center;gap:8px;border:1px solid #e1e6ef;border-radius:7px;padding-left:10px;color:#95a1b7;background:#fff}.search input{border:0;background:transparent;font-size:12px}.monitor-note{display:flex;align-items:center;gap:10px;background:#eaf0fe;border:1px solid #dfe8fd;border-radius:8px;padding:13px 16px;color:#6277aa;font-size:12px;margin-bottom:20px}.screen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.screen-card{background:#fff;border:1px solid #e1e6ef;border-radius:10px;overflow:hidden}.screen-card.active{border-color:#9eafea}.screen-head{padding:12px;display:flex;align-items:center;gap:8px;font-size:11px}.initial{width:25px;height:25px;background:#f1f4fb;border-radius:6px;display:grid;place-items:center;color:#7183ae;font-size:9px}.dot{width:7px;height:7px;border-radius:100%;margin-left:auto;background:#b4bfd0}.dot.green{background:#3ba678}.dot.amber{background:#d7a345}.screen-body{display:block;padding:0;border:0;border-radius:0;background:#f5f7fb;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden}.screen-body img{width:100%;height:100%;object-fit:contain}.empty-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#b3bfd2;height:100%;background:linear-gradient(150deg,#f4f6fb,#edf1f7)}.empty-screen b{font-size:11px;color:#7a89a2}.empty-screen span{font-size:9px;color:#98a6bd}.screen-foot{padding:11px 13px;display:flex;justify-content:space-between;color:#92a0b6;font-size:9px}.stale-label{position:absolute;bottom:0;left:0;right:0;background:#fff0d6ed;color:#936e2b;padding:8px;font-size:10px}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.class-card{padding:22px}.class-card h2{font-size:27px;margin:18px 0 8px}.class-card p{font-size:12px}.class-card .muted{display:flex;align-items:center;gap:8px;margin:15px 0}.class-card>button{margin-top:10px;width:100%;font-size:12px}.muted{color:#8693a9;font-size:11px}.row-actions{display:flex;gap:7px;flex-wrap:wrap}.spaced{margin-top:22px}.rule-row{display:flex;gap:15px;padding:19px 22px;align-items:center;border-bottom:1px solid #edf0f6}.rule-row>svg{color:#7183b0}.rule-row div{flex:1}.rule-row b{font-size:12px}.rule-row small{font-size:10px}.rule-row button{font-size:11px}.empty{padding:45px 25px;text-align:center;color:#8b98b0;font-size:12px}.table-scroll{overflow:auto}.storage-metrics{grid-template-columns:repeat(3,1fr)}.storage-metrics .metric>svg{color:#7187cf}.storage-metrics .metric-number{font-size:25px}.storage-metrics .metric-number small{display:inline}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:15px}.archive-card{padding:10px;display:flex;flex-direction:column;gap:6px}.archive-card b{font-size:12px}.archive-card small{font-size:10px}.image-button{padding:0;border:0;width:100%;background:#eef2f8}.image-button img{width:100%;aspect-ratio:16/10;object-fit:contain}.modal-backdrop{position:fixed;inset:0;background:#101d3c70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#fff;padding:25px;border-radius:14px;width:510px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 70px #0d20444a}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.modal-head h2{font-size:20px}.field{display:grid;gap:7px;font-size:12px;font-weight:600;color:#65738d;margin:16px 0}.field input,.field select{width:100%;font-weight:400}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;border-top:1px solid #edf0f5;padding-top:20px}.alert{background:#fff1ef;color:#ab514a;border:1px solid #f1d6d2;border-radius:8px;padding:13px;font-size:12px;margin-bottom:15px;display:flex;gap:10px;align-items:center}.alert button{margin-left:auto;padding:3px;border:0;background:none;color:inherit}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#143c30;color:#fff;border-radius:9px;box-shadow:0 8px 25px #152d3a33;padding:14px 22px;display:flex;gap:12px;align-items:center;z-index:50;font-size:12px}.pair-code{font:700 28px monospace;letter-spacing:4px;text-align:center;padding:25px;background:#eff3ff;border:1px dashed #bcc9ed;color:#2546c8;border-radius:10px;margin:20px 0}.image-modal{width:1100px}.large-image{width:100%;max-height:65vh;object-fit:contain;background:#edf1f7;margin:15px 0}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-story{background:#edf2ff;padding:50px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-story h1{font-size:61px;letter-spacing:-3px;line-height:1.12;margin:26px 0}.login-story h1 em{color:#2147e5;font-style:normal}.login-story p{font-size:14px;max-width:350px}.login-story>span{font-size:10px;letter-spacing:2px;color:#98a7cc}.login-form{max-width:440px;width:100%;margin:auto;padding:45px}.login-form h2{font-size:26px;margin:25px 0 12px}.login-form p{font-size:12px;margin-bottom:25px}.login-form button.primary{width:100%;margin-top:12px;justify-content:space-between}.login-form aside{font-size:11px;color:#99a4b7;line-height:1.8;border-top:1px solid #edf0f5;margin-top:30px;padding-top:18px}.loading{display:grid;place-content:center;gap:20px;min-height:100vh}.loading p{font-size:13px}@media(min-width:1500px){.screen-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.workspace{margin-left:205px}main{padding:25px 20px 0}.topbar{padding:0 20px}.metrics{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.insight{display:none}.screen-grid,.class-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start;flex-direction:column}.archive-grid{grid-template-columns:repeat(3,1fr)}.login-story{padding:40px}.login-story h1{font-size:46px}}@media(max-width:700px){.sidebar{position:static;width:68px;padding:20px 7px}.sidebar .brand{margin:0 4px 25px}.brand strong,.sidebar .brand small,.school,.nav-label,.pilot-note,.profile span:nth-child(2),.profile>svg{display:none}.sidebar .brand>svg{width:38px}.workspace{margin-left:0}.sidebar nav button{font-size:0;justify-content:center;padding:14px 8px}.sidebar nav button i{display:none}.sidebar nav button svg{width:21px}.sidebar-bottom{margin-top:20px}.profile{justify-content:center}.topbar{height:60px;padding:0 14px}.target{display:none}.topbar>span{font-size:10px;gap:6px}main{padding:23px 14px 0}h1{font-size:24px}.metrics{gap:10px}.metric{padding:13px}.metric-number{font-size:28px}.panel-head{padding:16px;flex-wrap:wrap}th,td{padding:12px;font-size:10px}.screen-grid,.class-grid,.archive-grid{grid-template-columns:1fr}.setup-banner{align-items:flex-start;gap:20px;flex-direction:column}.toolbar{padding:12px}.toolbar button{margin-left:0}.search{max-width:100%}.search input{width:100%}.storage-metrics{grid-template-columns:1fr}.rule-row{flex-wrap:wrap}footer{flex-direction:column;line-height:1.6}.login{grid-template-columns:1fr}.login-story{min-height:auto;padding:25px}.login-story>div:not(.brand),.login-story>span{display:none}.login-story .brand strong,.login-story .brand small{display:block}.login-form{padding:35px 25px}.modal{padding:20px}.pair-code{font-size:20px}}@media(max-width:700px){.sidebar .brand-word{display:none}.sidebar .brand>svg:not(.brand-word){width:38px}.login-story .brand-word{display:block}}.archive-path{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px;font-size:13px}.archive-path button{font-size:12px}.archive-folders{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}.archive-folder{display:flex;text-align:left;align-items:center;gap:14px;padding:22px;color:#4261c4;min-width:0}.archive-folder span{flex:1;min-width:0}.archive-folder b{display:block;color:#253653;font-size:14px}.archive-folder small{display:block;color:#8693a9;font-size:11px;margin-top:6px;overflow-wrap:anywhere}.enrollment-inbox{margin-bottom:22px;overflow:hidden}.enrollment-summary{display:flex;align-items:center;gap:16px;padding:22px 24px}.enrollment-summary>div{flex:1}.enrollment-summary h2{font-size:16px;margin:0 0 5px}.enrollment-summary p{font-size:12px;margin:0}.enrollment-device{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#eff4ff;color:#4667d4}.enrollment-device.attention{background:#fff4df;color:#ab761b}.enrollment-history{display:flex;align-items:center;gap:8px;font-size:12px}.enrollment-item{display:flex;align-items:center;gap:14px;padding:16px 24px;border-top:1px solid #edf0f6}.enrollment-person{flex:1;min-width:0}.enrollment-person b{font-size:13px;overflow-wrap:anywhere}.enrollment-person small{font-size:11px;margin-top:5px;color:#8390a8}.enrollment-item button{font-size:12px}.enrollment-caption{padding:14px 24px;background:#f8faff;font-size:11px;color:#73819c}.drive-card{padding:24px;margin-bottom:22px}.drive-card h2{margin-bottom:8px}.drive-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.drive-stats{display:flex;gap:22px;flex-wrap:wrap;margin:18px 0;font-size:12px}.drive-card details{margin-top:16px}.drive-card summary{cursor:pointer;font-size:13px}.drive-card code{overflow-wrap:anywhere;font-size:11px}.drive-card p{font-size:12px}.drive-card .field{max-width:650px}@media(max-width:700px){.enrollment-summary,.enrollment-item{flex-wrap:wrap;padding:16px}.enrollment-history{margin-left:58px}.enrollment-item button{margin-left:56px}.enrollment-summary h2{font-size:14px}}.record-tabs{display:flex;gap:6px;background:#f2f5fb;padding:4px;border-radius:9px}.record-tabs button{border:0;background:transparent;font-size:12px}.record-tabs button[aria-pressed=true]{background:#fff;color:#2445d9;box-shadow:0 2px 8px #1d345c12}.record-filters{display:flex;gap:12px;padding:18px 22px;align-items:center;flex-wrap:wrap}.record-filters>span{margin-left:auto;color:#7d8ba5;font-size:12px}.selection-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:13px 22px;background:#f7f9ff;border-block:1px solid #e5eaf5;font-size:12px}.selection-bar label{display:flex;align-items:center;gap:9px;cursor:pointer}.selection-bar>button{margin-left:auto;font-size:12px}.device-manager input[type=checkbox]{width:17px;height:17px;accent-color:#2345ef;cursor:pointer}.record-selected{background:#f0f4ff}.record-notice{padding:15px 22px;color:#24654a;background:#edf8f1;font-size:12px}.deletion-counts{display:flex;gap:12px;flex-wrap:wrap;padding:16px 0;font-size:12px}.deletion-counts b{padding:10px;background:#fff0ee;color:#9c443d;border-radius:8px}.record-filters .search{min-width:220px}.device-manager td small{overflow-wrap:anywhere}@media(max-width:700px){.record-filters,.selection-bar{padding:12px}.record-filters .search{min-width:0;width:100%}.record-filters>span{margin-left:0}.selection-bar>button{margin-left:0}}.tabs-modal{width:800px}.tabs-modal .modal-head p{margin-top:7px}.tabs-caption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#73839d;padding:12px 0}.student-tab{display:flex;gap:14px;align-items:center;border:1px solid #e3e8f1;border-radius:9px;padding:15px;margin:10px 0}.student-tab.focused{background:#f0f6ff;border-color:#bbcdf8}.student-tab>div{flex:1;min-width:0}.student-tab b{display:block;font-size:13px;overflow-wrap:anywhere}.student-tab a{display:flex;gap:6px;align-items:center;font-size:12px;color:#4261cb;margin:6px 0;overflow-wrap:anywhere}.student-tab small{font-size:11px;color:#7b89a1}.tabs-caption span{font-size:11px}.screen-foot button.link{font-size:10px}@media(max-width:700px){.tabs-caption{flex-direction:column}}.login-story .brand{mix-blend-mode:multiply}.sidebar{top:0;height:100dvh}.sidebar>:not(nav){flex-shrink:0}.sidebar nav{flex:1;align-content:start;min-height:0;overflow-y:auto}.sidebar-bottom{margin-top:0;border-top:1px solid #edf0f5}.profile{padding:12px 4px}.profile>span:nth-child(2){min-width:0}.profile>span:nth-child(2) b,.profile small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.logout-label{display:flex;gap:4px;align-items:center;margin-left:auto;color:#52678d}.class-picker{margin:16px 0;border:1px solid #dbe1eb;border-radius:8px;max-height:45vh;overflow:auto}.class-picker legend{font-size:12px;font-weight:600;color:#65738d}.class-picker label{display:flex;align-items:center;gap:10px;min-height:36px;font-size:13px}.class-picker small{margin-left:auto}@media(max-height:780px){.sidebar .pilot-note{display:none}}@media(max-width:700px){.sidebar{position:sticky;padding-bottom:8px}.profile .avatar,.logout-label>span{display:none}.logout-label{margin-left:0}}