:root{--ink:#202421;--muted:#777c76;--line:#e4e5df;--paper:#f7f5f0;--white:#fff;--mint:#d9efe3;--mint-strong:#28755b;--peach:#f8ddd0;--lemon:#f6edb9;--coral:#ed7866;--navy:#24312d;--shadow:0 18px 45px rgba(39,44,38,.06);font-family:'Manrope',sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-size:14px}button{font:inherit;cursor:pointer;border:0;color:inherit} .app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#e9efe8;padding:30px 17px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-size:24px;font-weight:800;letter-spacing:-1.2px;padding:0 14px 42px;display:flex;align-items:center;gap:8px}.brand-mark{background:var(--ink);color:#d9efe3;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-family:Georgia;font-style:italic}.brand-dot{color:var(--coral)}.workspace-label,.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:1.1px;color:#8a918b}.workspace-label{padding:0 14px 15px}.main-nav{display:grid;gap:4px}.nav-item{background:transparent;text-align:left;padding:12px 14px;border-radius:7px;color:#6b746d;display:flex;align-items:center;gap:13px;font-weight:600}.nav-item:hover,.nav-item.active{background:var(--white);color:var(--ink);box-shadow:0 4px 12px rgba(40,60,45,.04)}.nav-icon{width:16px;font-size:18px;font-weight:400;text-align:center}.nav-count{margin-left:auto;font:11px 'DM Mono';color:#8c948d}.nav-count.coral{color:var(--coral)}.sidebar-bottom{margin-top:auto}.sync-status{border-top:1px solid #d4ded4;padding:20px 14px 16px;display:flex;gap:10px;align-items:center}.sync-dot{width:7px;height:7px;background:#5daa80;border-radius:50%;box-shadow:0 0 0 4px #d8eade}.sync-status strong,.profile-mini strong{display:block;font-size:11px}.sync-status small,.profile-mini small{display:block;color:#8a938c;font-size:10px;margin-top:3px}.profile-mini{width:100%;display:flex;align-items:center;gap:9px;background:#dfe9df;padding:10px;border-radius:8px;text-align:left}.profile-mini .chevron{margin-left:auto;font-size:16px;color:#8a938c}.avatar,.top-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;font-weight:800}.avatar{width:27px;height:27px}.avatar-teal{background:#bee0d2;color:#34725d}.avatar-coral{background:#f3b8a9;color:#964c3f}.avatar-yellow{background:#f2e39c;color:#75621b}.avatar-blue{background:#c5dbe8;color:#37657b}.avatar-purple{background:#ddd1e9;color:#705683}.avatar-peach{background:#f4cfbc;color:#94614a}.main-content{flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.2vw}.breadcrumb{display:flex;gap:11px;align-items:center;color:#a0a39c;font-size:12px}.breadcrumb b{font-weight:400;color:#c7c9c3}.breadcrumb strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:22px}.live-pill{font:10px 'DM Mono';color:#718078}.live-pill i{display:inline-block;width:6px;height:6px;background:#66ae83;border-radius:50%;margin-right:6px}.icon-button{background:transparent;font-size:20px;position:relative}.notification-dot{position:absolute;width:5px;height:5px;background:var(--coral);border-radius:50%;top:1px;right:0}.top-avatar{width:32px;height:32px;background:var(--ink);color:#e4f0e5}.mobile-menu{display:none;background:none;font-size:20px}.page-wrap{padding:45px 4.2vw 60px;max-width:1530px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.page-heading h1{font-size:34px;letter-spacing:-1.7px;margin:10px 0 8px;font-weight:800}.heading-mark{font-size:18px;color:var(--coral);vertical-align:top;margin-left:8px}.subheading{color:var(--muted);margin:0;line-height:1.6}.button{padding:12px 17px;border-radius:6px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:10px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 16px #25352d1a}.button-dark{background:var(--ink);color:#fff}.button-light{background:#fff;border:1px solid var(--line);width:100%;justify-content:space-between}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stat-card{background:var(--white);padding:20px 21px 18px;border:1px solid #e9e8e2;border-radius:7px;min-height:142px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#747a73;font-size:11px;font-weight:600}.stat-icon{height:27px;width:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px}.mint{background:var(--mint);color:var(--mint-strong)}.peach{background:var(--peach);color:#ad6e59}.lemon{background:var(--lemon);color:#a18c32}.coral-bg{background:#f7c9bd;color:#b15e4c}.stat-card>strong{font-size:34px;display:block;letter-spacing:-1.5px;margin-top:15px}.unit{font-size:18px;margin-left:2px}.stat-foot{font:10px 'DM Mono';margin-top:5px}.stat-foot span{color:#9ea29c}.up{color:#4d9875}.neutral{color:#9a9e96}.coral-text{color:#c76958}.content-grid{display:grid;grid-template-columns:1.38fr 1fr;gap:18px;margin-bottom:18px}.panel{background:var(--white);border:1px solid #e9e8e2;border-radius:7px;padding:25px 27px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel h2{font-size:18px;letter-spacing:-.6px;margin:8px 0 0}.text-button,.more-button{background:none;color:#879088;font-size:11px}.text-button span{color:var(--ink);font-size:15px;margin-left:5px}.class-list{margin-top:21px}.class-row{display:grid;grid-template-columns:72px 16px 1fr;gap:11px;min-height:107px}.time-col strong{font-size:12px;display:block}.time-col span{font:10px 'DM Mono';color:#a5aaa3;display:block;margin-top:5px}.class-line{position:relative;border-left:1px solid #dfe5df}.class-line span{position:absolute;width:7px;height:7px;border:2px solid #8fbca5;background:#fff;border-radius:50%;left:-4px;top:4px}.class-row.current .class-line span{background:#66ae83;border-color:#66ae83;box-shadow:0 0 0 4px #e3f1e7}.class-info{padding-bottom:24px;border-bottom:1px solid #eff0eb}.class-row:last-child .class-info{border:0}.class-title{display:flex;justify-content:space-between}.class-title h3{font-size:14px;margin:0;font-weight:800}.class-arrow{color:#a0a69f}.tag{font:9px 'DM Mono';letter-spacing:.2px;padding:4px 6px;border-radius:3px;margin-left:5px;vertical-align:2px}.live{background:#e5f3e9;color:#4e9c70}.date-tag{background:#e8f2e8;color:#4c8464;margin-left:10px}.class-info p{font-size:11px;color:#9a9f99;margin:7px 0 12px}.class-info p span{padding:0 5px}.student-avatars{display:flex}.student-avatars .avatar{margin-right:-5px;border:2px solid #fff;width:25px;height:25px;font-size:8px}.insight-panel{background:#dcece2;position:relative;overflow:hidden}.sparkle{background:#fff;width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--coral)}.pulse-visual{display:flex;align-items:center;justify-content:space-between;padding:25px 10px 16px 4px}.pulse-ring{width:116px;height:116px;border-radius:50%;border:1px solid #9cc9aa;box-shadow:inset 0 0 0 9px #d3e8da,inset 0 0 0 10px #accfb8;display:flex;flex-direction:column;align-items:center;justify-content:center}.pulse-ring strong{font-size:29px;letter-spacing:-2px}.pulse-ring strong span{font-size:13px;letter-spacing:0}.pulse-ring small{font:9px 'DM Mono';color:#789582;margin-top:2px}.pulse-bars{height:96px;width:120px;display:flex;align-items:flex-end;gap:5px}.pulse-bars span{flex:1;background:#8abe9c;border-radius:3px 3px 0 0}.pulse-bars span:nth-child(4n){background:var(--coral)}.insight-copy{font-size:12px;line-height:1.7;color:#5d7667;margin:0 0 21px}.insight-copy strong{color:#315b46}.bottom-grid{display:grid;grid-template-columns:1.38fr 1fr;gap:18px}.activity-list{margin-top:16px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #eff0eb}.activity-icon{width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-item p{margin:0;font-size:11px}.activity-item small{color:#a1a59f;font:9px 'DM Mono';display:block;margin-top:5px}.status-label{margin-left:auto;font:9px 'DM Mono';color:#62a179}.status-label.pending{color:#b18f31}.status-label.unread{color:#c96f5d}.quote-panel{background:#f2e9d7;border-color:#f2e9d7;display:flex;flex-direction:column;justify-content:center;position:relative}.quote-mark{font:58px Georgia;color:#d49b74;line-height:.6}.quote-panel p{font:italic 16px Georgia;line-height:1.45;color:#665548;margin:12px 0}.quote-panel small{font:10px 'DM Mono';color:#9c8068}.view{display:none}.view.active{display:block}.attendance-layout,.students-layout{display:grid;grid-template-columns:1fr 280px;gap:18px}.attendance-panel{padding:0}.attendance-toolbar{padding:25px 27px 20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.attendance-toolbar h2{margin:0;font-size:17px}.attendance-toolbar p{font:10px 'DM Mono';color:#7b9383;margin:9px 0 0}.auto-dot{display:inline-block;width:6px;height:6px;background:#67aa81;border-radius:50%;margin-right:5px}.attendance-summary{text-align:right}.attendance-summary strong{font-size:25px}.attendance-summary span{font:10px 'DM Mono';color:#8d948d}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font:10px 'DM Mono';color:#9a9f99;text-transform:uppercase;letter-spacing:.5px;padding:15px 27px}td{padding:14px 27px;border-top:1px solid #eff0eb;font-size:12px}td:first-child{font-weight:700}td small{display:block;color:#a3a8a2;font:9px 'DM Mono';margin-top:4px}.student-cell{display:flex;align-items:center;gap:10px}.status-select{border:0;border-radius:4px;padding:7px 25px 7px 9px;font-size:11px;background:#e4f2e7;color:#48845f;font-weight:700}.status-select.late{background:#fbf2ce;color:#a28426}.status-select.absent{background:#fbe2dc;color:#ad5b4c}.attendance-footer{display:flex;align-items:center;justify-content:space-between;padding:19px 27px;border-top:1px solid var(--line);font:10px 'DM Mono';color:#9ea39c}.attendance-note{background:#f7e2d7;border-color:#f7e2d7}.note-icon{display:flex;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--coral);align-items:center;justify-content:center;margin-bottom:35px}.attendance-note h2{font-size:22px;max-width:170px;line-height:1.15;margin:9px 0 13px}.attendance-note>p:not(.eyebrow){font-size:12px;color:#876e63;line-height:1.7}.legend{border-top:1px solid #edcfc2;margin-top:30px;padding-top:15px;display:flex;flex-wrap:wrap;gap:12px;font:9px 'DM Mono';color:#90776b}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px}.green{background:#62ad7c}.amber{background:#dab547}.red{background:#dc7a6c}.students-layout{grid-template-columns:340px 1fr}.student-list-panel{padding:0;min-height:500px}.student-list-head{padding:22px 20px 17px;border-bottom:1px solid var(--line)}.student-list-head h2{font-size:17px;margin:0 0 17px}.student-list-head h2 span{color:#abb0aa;font:11px 'DM Mono';margin-left:5px}.search-box{border:1px solid var(--line);padding:8px 10px;color:#9aa19b;display:flex;gap:7px;border-radius:4px}.search-box input{border:0;outline:0;font:11px 'Manrope';width:100%}.student-row{display:flex;align-items:center;gap:11px;padding:15px 20px;border-bottom:1px solid #eff0eb;cursor:pointer}.student-row:hover,.student-row.selected{background:#f3f7f2}.student-row strong{font-size:12px;display:block}.student-row small{font:9px 'DM Mono';color:#a0a69f}.progress-panel{min-height:500px}.progress-empty{text-align:center;color:#9ca29c;padding:125px 30px}.progress-empty>span{display:flex;width:48px;height:48px;border-radius:50%;background:var(--mint);color:var(--mint-strong);align-items:center;justify-content:center;font-size:22px;margin:0 auto 17px}.progress-empty h2{color:var(--ink);font-size:19px;margin:0 0 7px}.progress-empty p{font-size:12px;line-height:1.6;max-width:270px;margin:auto}.progress-header{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:19px}.progress-header h2{margin:0 0 5px}.progress-header p{font:10px 'DM Mono';color:#909990;margin:0}.progress-head-actions{margin-left:auto}.progress-overall{display:flex;align-items:center;gap:22px;padding:24px 0;border-bottom:1px solid #eff0eb}.overall-score{width:88px;height:88px;border:8px solid #d8eee0;border-top-color:#64ac7c;border-right-color:#64ac7c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px}.skill-list{flex:1;display:grid;gap:14px}.skill-line{display:grid;grid-template-columns:85px 1fr 34px;align-items:center;gap:10px;font-size:11px}.skill-line>span:last-child{font:10px 'DM Mono';text-align:right}.bar{height:7px;background:#edf0eb;border-radius:5px;overflow:hidden}.bar i{height:100%;display:block;background:#75b78a;border-radius:5px}.bar i.coral-bar{background:var(--coral)}.evaluation{background:#f4eee2;padding:17px;margin-top:21px;border-radius:5px}.evaluation p{font:italic 14px Georgia;line-height:1.5;color:#746554;margin:7px 0}.evaluation small{font:9px 'DM Mono';color:#a09281}.placeholder-view{min-height:550px;align-items:center;justify-content:center}.placeholder-view.active{display:flex}.placeholder-content{text-align:center;max-width:430px}.placeholder-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--mint);border-radius:50%;margin:0 auto 24px;color:var(--mint-strong);font-size:27px}.placeholder-content h1{font-size:36px;margin:10px 0}.placeholder-content>p:not(.eyebrow){color:var(--muted);line-height:1.7;margin:0 auto 24px}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:#fff;padding:14px 17px;border-radius:6px;display:flex;gap:11px;align-items:center;box-shadow:var(--shadow);transform:translateY(130px);transition:transform .3s;z-index:10}.toast.show{transform:translateY(0)}.toast>span{background:#64ad7d;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.toast strong,.toast small{display:block}.toast strong{font-size:11px}.toast small{font:9px 'DM Mono';color:#aeb9b1;margin-top:3px}.reveal{animation:rise .55s both}.delay-1{animation-delay:.06s}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:1000px){.sidebar{width:215px}.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.bottom-grid{grid-template-columns:1fr}.insight-panel{min-height:300px}}@media(max-width:700px){.sidebar{position:fixed;z-index:5;left:-248px;top:0;bottom:0;transition:left .25s}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{padding:0 20px}.live-pill{display:none}.top-actions{gap:14px}.page-wrap{padding:30px 18px 50px}.page-heading{display:block}.page-heading h1{font-size:30px}.page-heading .button{margin-top:20px}.stats-grid{gap:9px}.stat-card{padding:15px;min-height:128px}.stat-card>strong{font-size:28px}.attendance-layout,.students-layout{grid-template-columns:1fr}.attendance-note{display:none}.panel{padding:20px}.attendance-panel{padding:0}.students-layout{display:flex;flex-direction:column}.student-list-panel{min-height:0}.progress-panel{min-height:440px}.progress-empty{padding:80px 20px}.breadcrumb span,.breadcrumb b{display:none}.class-row{grid-template-columns:62px 12px 1fr}}