:root{--color-brand:#1e3a2f;--color-accent:#27ae60;--color-surface:#fff;--color-bg:#eef5ee;--color-text:#111827;--color-muted:#4a6355;--color-border:#d4e6d9;--color-danger:#dc2626;--radius-card:16px;--radius-button:10px;--radius-sm:8px;--shadow-card:0 1px 3px #0000000f, 0 4px 16px #00000014;--shadow-float:0 8px 32px #00000024, 0 2px 8px #0000000f;--shadow-dropdown:0 12px 32px #1e3a2f24, 0 2px 8px #1e3a2f0f;color:#1a2e22;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef5ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:500;background:#11182773;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out both fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:100%;max-width:420px;animation:.18s ease-out both fadeSlideUp;overflow:hidden;box-shadow:0 24px 60px #0000002e,0 4px 16px #00000014}.modal-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.modal-header-left{align-items:flex-start;gap:12px;display:flex}.modal-header-icon{width:38px;height:38px;color:var(--color-accent);background:#27ae601a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-header-icon.success{color:var(--color-accent);background:#27ae601a}.modal-title{color:#111827;letter-spacing:-.01em;margin:0 0 2px;font-size:16px;font-weight:700}.modal-subtitle{color:#6b7280;margin:0;font-size:12.5px;line-height:1.4}.modal-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .12s,color .12s;display:flex}.modal-close-btn:hover{color:#374151;background:#f3f4f6}.modal-body{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.modal-field{flex-direction:column;gap:6px;display:flex}.modal-field-label{color:#374151;letter-spacing:.01em;font-size:12px;font-weight:600}.modal-password-row{gap:8px;display:flex}.modal-password-input-wrap{flex:1;position:relative}.modal-password-input-wrap input{border-radius:var(--radius-sm);color:#111827;box-sizing:border-box;background:#f9fafb;border:1px solid #e5e7eb;outline:none;width:100%;height:40px;padding:0 40px 0 12px;font-family:"ui-monospace",SFMono-Regular,monospace;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.modal-password-input-wrap input:focus{border-color:var(--color-accent);background:#fff;box-shadow:0 0 0 3px #27ae601f}.modal-eye-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:color .12s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.modal-eye-btn:hover{color:#374151}.modal-generate-btn{border-radius:var(--radius-sm);color:#374151;cursor:pointer;white-space:nowrap;background:#f9fafb;border:1px solid #e5e7eb;flex-shrink:0;height:40px;padding:0 14px;font-size:12.5px;font-weight:600;transition:border-color .12s,background .12s}.modal-generate-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:#27ae600d}.modal-hint{color:#9ca3af;margin:-4px 0 0;font-size:11.5px}.modal-footer{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:8px;padding:16px 24px 20px;display:flex}.modal-creds-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.modal-creds-row{align-items:center;gap:8px;font-size:13px;display:flex}.modal-creds-row-label{color:#4a6355;flex-shrink:0;min-width:70px;font-weight:600}.modal-creds-row-value{color:#111827;word-break:break-all;font-family:"ui-monospace",SFMono-Regular,monospace;font-size:13px;font-weight:500}.modal-copy-btn{color:#15803d;cursor:pointer;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:background .12s;display:flex}.modal-copy-btn:hover{background:#bbf7d0}.archive-confirm-card{max-width:420px}.archive-confirm-header{background:#fff8f0;border-bottom:1px solid #fed7aa}.warning-icon{color:#c2410c;background:#fff3e0;border:1.5px solid #fed7aa}.archive-confirm-message{color:#1a2e22;margin:0 0 14px;font-size:14px;line-height:1.55}.archive-confirm-warning{color:#92400e;background:#fff8f0;border:1px solid #fed7aa;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12.5px;display:flex}.archive-confirm-warning svg{color:#c2410c;flex-shrink:0;margin-top:1px}.danger-action{color:#fff;border-radius:var(--radius-button);cursor:pointer;background:#dc2626;border:1.5px solid #dc2626;padding:8px 18px;font-size:13px;font-weight:600;transition:background .12s}.danger-action:hover{background:#b91c1c;border-color:#b91c1c}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bannerFadeOut{0%{opacity:1;max-height:60px;margin-top:0}80%{opacity:1}to{opacity:0;max-height:0;margin-top:-8px}}.app-shell{color:#1a2e22;grid-template-columns:272px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.sidebar{background:#1e3a2f;border-right:none;flex-direction:column;gap:8px;height:100vh;padding:20px 16px 24px;display:flex;overflow-y:auto}.brand,.nav-item,.search-box,.primary-action,.ghost-button,.action-button,.select-field,.attendance-context,.batch-row,.attendance-row{align-items:center;display:flex}.brand{min-height:54px;padding:4px 0}.brand-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0;transition:opacity .15s;display:block}.brand-btn:hover{opacity:.8}.brand-logo{filter:brightness(0)invert();width:148px;height:auto;display:block}.auth-logo{filter:none;width:200px;margin:0 auto}.brand-mark{color:#1e3a2f;background:#6fcf97;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.brand strong,.brand span{display:block}.brand strong{color:#fff;font-size:15px;font-weight:700;line-height:1.2}.brand span{color:#7dab92;letter-spacing:.05em;margin-top:2px;font-size:11px;font-weight:500}.nav-list{gap:3px;margin-top:4px;display:grid}button,input,select{font:inherit}button{cursor:pointer}.nav-item{color:#9dbfad;text-align:left;background:0 0;border:0;border-left:3px solid #0000;border-radius:0 8px 8px 0;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:700;transition:background .15s,color .15s}.nav-item:hover{color:#e0f0e8;background:#ffffff12}.nav-item.active{color:#fff;background:#6fcf9726;border-left-color:#6fcf97}.nav-item.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.role-switcher{background:#00000026;border:1px solid #ffffff1a;border-radius:10px;padding:12px}.account-panel{background:#0003;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:8px;padding:14px}.account-panel span,.account-panel strong,.account-panel em{display:block}.account-panel>span{color:#7dab92;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:11px;font-weight:800}.account-panel-identity{align-items:center;gap:10px;display:flex}.account-panel-names{flex-direction:column;min-width:0;display:flex}.account-panel strong{color:#f0f8f4;font-size:14px;line-height:1.25}.account-panel em{overflow-wrap:anywhere;color:#7dab92;margin-top:3px;font-size:12px;font-style:normal}.account-panel-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.account-signout{color:#7dab92;cursor:pointer;opacity:.75;letter-spacing:.02em;background:0 0;border:none;padding:0;font-size:11px;font-weight:600;transition:opacity .15s,color .15s}.account-signout:hover{opacity:1;color:#f87171}.account-role{color:#1e3a2f;text-transform:capitalize;letter-spacing:.02em;background:#6fcf97;border-radius:999px;width:fit-content;padding:4px 9px;font-size:11px;font-weight:700}.role-switcher>span,.label{color:#4a6355;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex}.eyeline-date{color:#6b7280}.eyeline-sep{color:#d1d5db;margin:0 6px;font-weight:400}.live-clock{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#374151;font-weight:500}.segmented{background:#ffffff1a;border-radius:8px;grid-template-columns:1fr 1fr;margin-top:10px;padding:3px;display:grid}.segmented button{color:#9dbfad;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:13px;font-weight:800}.segmented button.selected{color:#2d6a4f;background:#fff;box-shadow:0 1px 5px #0e26221f}.workspace{background:linear-gradient(#eef5eeb3,#eef5eeb3),url(/classroom.jpg) 50%/cover no-repeat fixed;min-width:0;height:100vh;padding:0 28px 26px;overflow-y:auto}.topbar{z-index:40;-webkit-backdrop-filter:blur(18px);background:#eef5eee0;border-bottom:1px solid #d4e6d999;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px;margin-left:-28px;margin-right:-28px;padding:16px 28px 14px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.02em;color:#111827;margin:0;font-size:26px;font-weight:700;line-height:1.15}.eyeline{color:#9ca3af;letter-spacing:0;text-transform:none;align-items:center;gap:0;margin:3px 0 0;font-size:11px;font-weight:400;display:flex}.search-box{border-radius:var(--radius-button);color:#9ca3af;background:#ffffffe0;border:1px solid #e5e7eb;gap:8px;width:min(260px,100%);min-height:38px;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:0 1px 2px #0000000a}.search-box:focus-within{background:#fff;border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f1a}.search-box input{color:#1a2e22;background:0 0;border:0;outline:0;width:100%;font-size:13px}.topbar-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-divider{background:#e5e7eb;flex-shrink:0;width:1px;height:22px}.user-chip{cursor:pointer;background:#ffffffe6;border:1px solid #d4e6d9;border-radius:24px;flex-shrink:0;align-items:center;gap:9px;padding:4px 12px 4px 4px;transition:border-color .15s,box-shadow .15s;display:flex}.user-chip:hover{border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f14}.user-chip-name{color:#1a2e22;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.82rem;font-weight:600;overflow:hidden}.user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;display:block}.user-avatar-initials{color:#fff;letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;font-weight:700;line-height:1;justify-content:center!important;align-items:center!important;display:inline-flex!important}.avatar-upload-row{border-bottom:1px solid #eef5ee;align-items:center;gap:18px;margin-bottom:4px;padding:16px 0 20px;display:flex}.avatar-upload-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:0;position:relative}.avatar-upload-btn:disabled{cursor:default}.avatar-upload-overlay{opacity:0;background:#00000059;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;transition:opacity .18s;display:flex;position:absolute;inset:0}.avatar-upload-btn:not(:disabled):hover .avatar-upload-overlay{opacity:1}.avatar-file-input{display:none}.avatar-upload-meta{flex-direction:column;gap:4px;display:flex}.avatar-upload-hint{color:#7a9e8a;margin:0;font-size:.78rem}.avatar-upload-msg{margin:2px 0 0;font-size:.8rem;font-weight:600}.avatar-upload-msg.ok{color:#2d6a4f}.avatar-upload-msg.err{color:#c0392b}.avatar-remove-btn{color:#b91c1c;cursor:pointer;background:#fff5f5;border:1px solid #fca5a5;border-radius:6px;align-items:center;gap:4px;margin-top:6px;padding:3px 10px;font-size:12px;font-weight:600;transition:background .14s,border-color .14s;display:inline-flex}.avatar-remove-btn:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.avatar-remove-btn:disabled{opacity:.5;cursor:default}.search-wrap{width:min(260px,100%);position:relative}.search-wrap .search-box{width:100%}.search-dropdown{z-index:300;box-shadow:var(--shadow-dropdown);background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-height:440px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto}.search-group{padding:6px 0}.search-group-label{color:#9dbfad;letter-spacing:.07em;text-transform:uppercase;padding:6px 16px 3px;font-size:10.5px;font-weight:600}.search-result-row{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:9px 16px;transition:background .1s;display:flex}.search-result-row:hover,.search-result-row.highlighted{background:#f0f8f3}.search-result-icon{border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.search-result-icon.green{color:#2d6a4f;background:#e8f5e9}.search-result-icon.blue{color:#1565c0;background:#e3f2fd}.search-result-icon.amber{color:#e65100;background:#fff3e0}.search-result-body{min-width:0}.search-result-body strong{color:#1a2e22;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;display:block;overflow:hidden}.search-result-body span{color:#7a9e8a;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11.5px;display:block;overflow:hidden}.search-see-all{color:#2d6a4f;cursor:pointer;background:#f8fcf9;border:0;border-top:1px solid #eef5ee;justify-content:space-between;align-items:center;width:100%;padding:7px 16px;font-size:12px;font-weight:700;transition:background .1s;display:flex}.search-see-all:hover{background:#eef5ee}.search-divider{background:#eef5ee;border:0;height:1px;margin:0}.search-no-results{text-align:center;color:#9dbfad;padding:22px 16px;font-size:13.5px}.search-no-results em{color:#5f7c67;font-style:normal;font-weight:700}.setup-notice{color:#1a4030;background:#e4f5eb;border:1px solid #b7d9c4;border-radius:10px;align-items:flex-start;gap:11px;margin-bottom:16px;padding:13px 16px;display:flex}.error-notice{color:#7a2520;background:#fef2f1;border-color:#f0c9c3}.setup-notice strong,.setup-notice span{display:block}.setup-notice span{color:#4a6355;margin-top:2px;font-size:13px}.auth-shell{grid-template-columns:60% 40%;min-height:100vh;display:grid}.auth-left{background-color:#0000;background-image:linear-gradient(170deg,#08180e8c 0%,#14372375 50%,#285a3c66 100%),url(/classroom.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:52px 56px;display:flex;position:relative;overflow:hidden}.auth-left:after{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#05120a99 100%);position:absolute;inset:0}.auth-left-inner{z-index:1;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:relative}.auth-left-top{display:flex}.auth-left-logo{filter:brightness(0)invert();opacity:.88;width:148px;height:auto}.auth-left-bottom{flex-direction:column;gap:12px;display:flex}.auth-left-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#ffffff80;margin:0;font-size:.7rem;font-weight:600}.auth-left-heading{flex-direction:column;gap:0;margin:0;display:flex}.auth-left-hey{color:#ffffffd9;letter-spacing:-.01em;font-size:2.8rem;font-weight:300;line-height:1.1}.auth-left-welcome{color:#fff;letter-spacing:-.04em;font-size:5.5rem;font-weight:800;line-height:.9}.auth-left-sub{color:#ffffff8c;max-width:380px;margin:0;font-size:.875rem;line-height:1.65}.auth-right{background:#fff;justify-content:center;align-items:center;padding:48px 40px;display:flex}.auth-card{flex-direction:column;gap:0;width:100%;max-width:380px;display:flex}.auth-card h1{letter-spacing:-.02em;color:#111827;margin:8px 0;font-size:24px;font-weight:700;line-height:1.15}.auth-header{flex-direction:column;align-items:center;gap:16px;margin-bottom:8px;display:flex}.auth-title{text-align:center;margin:0!important}.auth-tabs{background:#eef5ee;border-radius:10px;gap:2px;width:100%;padding:3px;display:flex}.auth-tab{color:#6b9e80;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:9px 0;font-size:.875rem;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.auth-tab.active{color:#2d6a4f;background:#fff;box-shadow:0 1px 4px #0000001a}.auth-tab:not(.active):hover{color:#2d6a4f}.auth-muted,.auth-message{color:#4a6355;margin:0;font-size:14px}.auth-field{color:#2d4a3a;gap:7px;margin-top:16px;font-size:13px;font-weight:800;display:grid}.auth-field input{color:#1a2e22;background:#f8fbf9;border:1px solid #d4e6d9;border-radius:10px;width:100%;min-height:46px;padding:0 14px;font-size:14px;transition:border-color .15s,background .15s}.auth-field input:focus{background:#fff;border-color:#2d6a4f;outline:none}.auth-card .primary-action{width:100%;margin-top:20px}.primary-action:disabled{cursor:not-allowed;opacity:.7}.auth-message{margin-top:12px;font-size:13px}.auth-link{color:#2d6a4f;text-align:center;cursor:pointer;opacity:.8;background:0 0;border:none;width:100%;margin-top:12px;padding:0;font-size:13px;font-weight:600;transition:opacity .15s;display:block}.auth-link:hover{opacity:1;text-decoration:underline}@media (width<=780px){.auth-shell{grid-template-columns:1fr}.auth-left{min-height:200px;padding:28px 24px}.auth-left-inner{justify-content:space-between}.auth-left-logo{width:110px}.auth-left-hey{font-size:1.6rem}.auth-left-welcome{font-size:3rem}.auth-left-sub{display:none}.auth-right{padding:32px 20px}}.dashboard-grid{flex-direction:column;gap:20px;display:flex}td,.batch-row span,.mentor-next p{color:#374151}td strong,.batch-row strong{color:#111827}.dashboard-grid.mentor-view{grid-template-columns:1fr 272px;gap:20px 16px;display:grid}.dashboard-grid.mentor-view .dash-banner{grid-column:1/-1}.dashboard-grid.mentor-view .dash-stats{grid-column:1;grid-template-columns:repeat(3,1fr)}.dashboard-grid.mentor-view>.panel{grid-column:1;align-self:start}.dashboard-grid.mentor-view>.dash-aside{grid-area:2/2/4;align-self:start}.panel,.mentor-card,.batch-card{border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fff;border:1px solid #e5e7eb;animation:.28s ease-out both fadeSlideUp}.dash-banner{color:#fff;background:linear-gradient(135deg,#1a3a2b 0%,#2d6a4f 60%,#3a8a63 100%);border-radius:20px;flex-direction:column;gap:16px;padding:28px 32px;display:flex}.dash-banner-main{justify-content:space-between;align-items:center;gap:24px;display:flex}.dash-banner-text{flex:1;min-width:0}.dash-banner .label{color:#86cfab}.dash-banner h2{letter-spacing:-.015em;margin:8px 0 6px;font-size:26px;font-weight:700;line-height:1.2}.dash-banner p{color:#ffffffb8;margin:0;font-size:14px}.dash-banner .primary-action{color:#1a3a2b;background:#6fcf97;flex-shrink:0;font-weight:700}.dash-banner .primary-action:hover{background:#5bbf87}.dash-notifications{flex-direction:column;gap:8px;margin-top:4px;display:flex}.dash-notif{border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;animation:.2s ease-out both fadeSlideUp;display:flex}.dash-notif--green{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.dash-notif--red{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.dash-notif--amber{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.dash-notif-text{flex:1}.dash-notif-dismiss{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:opacity .12s;display:flex}.dash-notif-dismiss:hover{opacity:1}.dash-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-card{border-radius:var(--radius-card);cursor:pointer;box-shadow:var(--shadow-card);text-align:left;background:#fff;border:1px solid #e5e7eb;align-items:center;gap:16px;padding:20px 24px;transition:box-shadow .18s,transform .14s;animation:.3s ease-out both fadeSlideUp;display:flex}.dash-stats .stat-card:first-child{animation-delay:40ms}.dash-stats .stat-card:nth-child(2){animation-delay:80ms}.dash-stats .stat-card:nth-child(3){animation-delay:.12s}.dash-stats .stat-card:nth-child(4){animation-delay:.16s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 24px #0000001f}.stat-icon{border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.stat-card.green .stat-icon{color:#2d6a4f;background:#e8f5e9}.stat-card.blue .stat-icon{color:#1565c0;background:#e3f2fd}.stat-card.amber .stat-icon{color:#e65100;background:#fff3e0}.stat-card.red .stat-icon{color:#c62828;background:#fce4ec}.stat-body strong{color:#1a2e22;letter-spacing:-.025em;font-size:32px;font-weight:800;line-height:1;display:block}.stat-body span{color:#5f7c67;letter-spacing:.01em;margin-top:5px;font-size:12px;font-weight:600;display:block}.dash-content{grid-template-columns:1fr 272px;align-items:start;gap:16px;display:grid}.dash-aside{flex-direction:column;gap:12px;display:flex}.dash-batch-list{flex-direction:column;display:flex}.dash-batch-item{border-bottom:1px solid #f0f5f1;align-items:center;gap:14px;padding:11px 0;transition:background .12s;display:flex}.dash-batch-item:last-child{border-bottom:none}.dash-batch-item.clickable{cursor:pointer;border-bottom:none;border-radius:10px;margin:0 -10px;padding:11px 10px}.dash-batch-item.clickable:hover{background:#f0f9f2}.dash-batch-item.marked-done{opacity:.58}.dash-batch-icon{color:#2d6a4f;background:#f1f8f2;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.dash-batch-info{flex:1;min-width:0}.dash-batch-info strong{color:#1a2e22;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;display:block;overflow:hidden}.dash-batch-info span{color:#7a9e8a;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;display:block;overflow:hidden}.dash-batch-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.status-chip{white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:500}.status-chip.pending{color:#1b5e35;background:#e6f4ea}.status-chip.done{color:#283593;background:#e8eaf6}.status-chip.inactive{color:#9e9e9e;background:#f5f5f5}.progress-bar-full{background:#e8f0e9;border-radius:3px;height:6px;margin:14px 0 8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#2d6a4f 0%,#52b788 100%);border-radius:3px;height:100%;transition:width .5s}.dash-progress-label{color:#5f7c67;font-size:12px;font-weight:600}.dash-empty{color:#b0c8b8;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;font-size:13px;display:flex}.primary-action,.ghost-button,.action-button{border-radius:var(--radius-button);white-space:nowrap;border:0;justify-content:center;gap:8px;min-height:38px;padding:0 18px;font-size:13.5px;font-weight:600;transition:opacity .15s,background .15s,box-shadow .15s}.primary-action{color:#fff;background:#2d6a4f;box-shadow:0 1px 2px #0000001f}.primary-action:hover{background:#235c43;box-shadow:0 2px 8px #2d6a4f3d}.primary-action.compact{min-height:34px;font-size:13px}.ghost-button{color:#2d6a4f;background:#e4f0ea}.ghost-button:hover{background:#d4e8dc}.ghost-button.danger{color:#7a2520;background:#fef2f1}.ghost-button.danger:hover{background:#fce4e2}.ghost-button.compact{min-height:30px;padding:4px 12px;font-size:12px;font-weight:600}.ghost-button:disabled{cursor:not-allowed;opacity:.55}.action-button{color:#1a2e22;background:#f4faf5;border:1px solid #d4e6d9;justify-content:flex-start;width:100%}.action-button:hover{background:#eaf4ed}.stat-card{align-content:space-between;min-height:130px;padding:18px 20px;display:grid}.stat-card svg{color:#2d6a4f}.stat-card span{color:var(--color-muted,#4a6355);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.stat-card strong{color:#111827;letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:1}.stat-card.amber svg{color:#c47b13}.stat-card.red svg{color:#c24a3b}.stat-card.blue svg{color:#3467b1}.panel{padding:24px}.panel.full{min-height:calc(100vh - 116px)}.panel.wide{grid-column:span 3}.panel.side{grid-column:span 1}.panel.full-row{grid-column:1/-1}.panel-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.attendance-toolbar{align-items:center;gap:14px;margin-bottom:18px;display:flex}.toolbar-right-group{align-items:center;gap:8px;margin-left:auto;display:flex}.heading-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.heading-actions .permission-note{color:var(--color-muted);background:0 0;border-radius:0;margin:0;padding:0;font-size:12px;font-weight:500;display:inline}.panel h3,.mentor-card h3,.report-hero h3,.attendance-toolbar h3{letter-spacing:-.01em;color:#111827;margin:4px 0 0;font-size:17px;font-weight:700;line-height:1.25}.batch-list,.action-stack,.attendance-list,.risk-list{gap:10px;display:grid}.batch-row{border-top:1px solid #e8f0ea;border-radius:0;grid-template-columns:minmax(220px,1fr) minmax(140px,220px) auto;gap:16px;padding:14px 0;transition:background .15s;display:grid}.batch-row.clickable{cursor:pointer;border-radius:8px;margin:0 -10px;padding:14px 10px}.batch-row.clickable:hover{background:#e4f0ea}.batch-row.marked-done{opacity:.65}.batch-dates{color:#7a9e8a;margin:4px 0 0;font-size:12px}.batch-row strong,.batch-row span,td strong,td span,.attendance-row strong,.attendance-row span,.batch-card strong,.batch-card span{display:block}.batch-row>div:first-child span,td span,.attendance-row span,.batch-card span,.mentor-card p,.batch-card p,.report-hero p,.risk-list span{color:#4a6355;font-size:13px}.progress-wrap{background:#d4e6d9;border-radius:999px;height:6px;overflow:hidden}.progress-wrap span{border-radius:inherit;background:#2d6a4f;height:100%;display:block}.progress-wrap.small{width:80px;height:5px}.status-pill{letter-spacing:.02em;border-radius:999px;place-self:center end;padding:4px 11px;font-size:11px;font-weight:600}.status-pill.done,.status-pill.approved{color:#166534;background:#dcfce7}.status-pill.pending{color:#854d0e;background:#fef9c3}.status-pill.rejected{color:#7a2520;background:#fee2e2}.status-pill.cancelled{color:#4a6355;background:#e8f0ea}.status-pill.inactive{color:#854d0e;background:#fef9c3}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle;border-top:1px solid #f3f4f6;padding:14px 16px;font-size:14px}th{color:#6b7280;text-transform:uppercase;letter-spacing:.07em;background:#f9fafb;font-size:11px;font-weight:600}th:first-child{border-radius:8px 0 0}th:last-child{border-radius:0 8px 0 0}tbody tr:hover td{background:#f8fcf9}.attendance-cell{align-items:center;gap:10px;display:flex}.card-grid,.batch-cards,.reports-layout{gap:14px;display:grid}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mentor-card{gap:12px;padding:20px;display:grid}.card-grid .mentor-card:first-child{animation-delay:40ms}.card-grid .mentor-card:nth-child(2){animation-delay:80ms}.card-grid .mentor-card:nth-child(3){animation-delay:.12s}.card-grid .mentor-card:nth-child(4){animation-delay:.16s}.card-grid .mentor-card:nth-child(5){animation-delay:.2s}.card-grid .mentor-card:nth-child(6){animation-delay:.24s}.avatar{color:#fff;background:#1e3a2f;border-radius:10px;place-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:grid}.mentor-card p,.mentor-card h3,.batch-card p{margin:0}.mentor-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);align-items:start;gap:14px;display:grid}.mentor-next{max-height:calc(100vh - 80px);animation:.26s ease-out both slideInRight;position:sticky;top:0;overflow-y:auto}.students-layout{gap:14px;display:grid}.students-layout:not(.students-layout--with-panel){grid-template-columns:1fr}.students-layout--with-panel{grid-template-columns:minmax(0,1fr) minmax(320px,.42fr)}.students-directory{min-width:0}.students-search-box{border:1px solid var(--color-border);border-radius:var(--radius-button);height:34px;color:var(--color-muted);cursor:text;background:#fff;align-items:center;gap:7px;padding:0 11px;transition:border-color .15s;display:flex}.students-search-box:focus-within{border-color:var(--color-accent);color:var(--color-text)}.students-search-box input{color:var(--color-text);background:0 0;border:none;outline:none;width:180px;font-size:13px}.students-search-box input::placeholder{color:#9ca3af}.student-admin-stack,.student-form{gap:14px;display:grid}.import-panel{border-top:1px solid #e8f0ea;gap:10px;padding-top:16px;display:grid}.import-panel p{color:#4a6355;margin:0;font-size:13px}.import-panel textarea{color:#1a2e22;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #d4e6d9;border-radius:8px;padding:10px 12px;font-size:13px}.mentor-directory{min-width:0;overflow-x:hidden}.mentor-next p{color:#4a6355;margin:10px 0 0;font-size:14px}.mentor-next ol{color:#1a2e22;margin:16px 0 0;padding-left:20px;font-size:14px;font-weight:700}.mentor-next li+li{margin-top:9px}.empty-state{text-align:center;color:#4a6355;background:#f8fcf9;border:1.5px dashed #b7d9c4;border-radius:10px;align-content:center;place-items:center;gap:10px;min-height:300px;padding:32px;display:grid}.empty-state h3,.empty-state p{margin:0}.empty-state p{color:#4a6355;max-width:440px;font-size:14px}.permission-note{color:#854d0e;background:#fef9c3;border-radius:8px;margin-top:16px;padding:10px 12px;font-size:13px;font-weight:700;display:block}.leave-layout{grid-template-columns:minmax(0,1fr) minmax(340px,.48fr);gap:14px;display:grid}.leave-hero{color:#fff;background:linear-gradient(125deg,#1a3328 0%,#1e4a38 45%,#2d6a4f 100%);border-color:#0000;grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;padding:36px 40px;display:flex;position:relative;overflow:hidden}.leave-hero-body{z-index:1;max-width:680px;position:relative}.leave-hero h3{letter-spacing:-.02em;color:#fff;margin:6px 0 10px;font-size:24px;font-weight:700;line-height:1.15}.leave-hero p{color:#ffffffb8;margin:0;font-size:13.5px;line-height:1.55}.leave-hero .label{color:#ffffff8c;letter-spacing:.1em;margin:0 0 4px;font-size:10px;font-weight:700}.leave-hero .status-pill{color:#1e3a2f;background:#6fcf97}.leave-hero-deco{pointer-events:none;position:absolute;inset:0}.leave-hero-ring{border:1.5px solid #ffffff14;border-radius:50%;position:absolute}.leave-hero-ring--lg{width:340px;height:340px;top:-120px;right:-80px}.leave-hero-ring--sm{border-color:#ffffff0d;width:200px;height:200px;top:-30px;right:60px}.leave-policy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.leave-policy-card{background:#f8fcf9;border:1px solid #d4e6d9;border-radius:10px;min-height:128px;padding:16px;transition:box-shadow .15s}.leave-policy-card:hover{box-shadow:0 2px 8px #1e3a2f14}.leave-policy-card span,.leave-policy-card strong,.leave-policy-card em,.leave-policy-card p{display:block}.leave-policy-card span{color:#4a6355;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.leave-policy-card strong{color:#1e3a2f;letter-spacing:-.02em;margin-top:10px;font-size:32px;font-weight:800;line-height:1}.leave-policy-card em{color:#2d6a4f;margin-top:8px;font-size:12px;font-style:normal;font-weight:800}.leave-policy-card p{color:#4a6355;margin:10px 0 0;font-size:13px}.leave-form{flex-direction:column;gap:14px;display:flex}.leave-form label{color:#2d4a3a;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.leave-form input,.leave-form select:not(.multi-select),.leave-form textarea{color:#1a2e22;background:#fff;border:1px solid #d4e6d9;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s}.leave-form input:focus,.leave-form select:not(.multi-select):focus,.leave-form textarea:focus{border-color:#2d6a4f;outline:none}.leave-form textarea{resize:vertical}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.leave-form-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.leave-form-footer span{color:#2d6a4f;font-size:13px;font-weight:700}.leave-calendar-panel,.leave-requests-panel{min-height:520px}.holiday-list,.leave-request-list{gap:8px;max-height:560px;padding-right:4px;display:grid;overflow:auto}.holiday-row,.leave-request-row{background:#fff;border:1px solid #e0eee5;border-radius:10px;gap:10px;padding:12px 14px;transition:border-color .15s;display:grid}.holiday-row:hover,.leave-request-row:hover{border-color:#b7d9c4}.holiday-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.holiday-row strong,.holiday-row span,.leave-request-row strong,.leave-request-row span,.leave-request-row p{display:block}.holiday-row div span,.leave-request-row div span,.leave-request-row p{color:#4a6355;font-size:13px}.leave-request-row p{margin:6px 0 0}.holiday-type{color:#166534;text-transform:capitalize;background:#dcfce7;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.holiday-type.restricted{color:#854d0e;background:#fef9c3}.holiday-type.festival{color:#1e40af;background:#dbeafe}.holiday-type.national,.holiday-type.state{color:#7a2520;background:#fee2e2}.request-actions{justify-content:flex-end;gap:8px;display:flex}.batch-card .request-actions{margin-top:10px}.batches-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.42fr);gap:14px;display:grid}.batches-directory{min-width:0}.batch-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-card{flex-direction:column;gap:0;padding:20px 22px 18px;display:flex}.batch-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.batch-card-header strong{color:#111827;letter-spacing:-.02em;font-size:17px;font-weight:700;line-height:1.2}.batch-card-header>.batch-active-badge{color:#1a7a45;background:#27ae601a;border-radius:99px;flex-shrink:0;align-items:center;gap:5px;margin-top:2px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.batch-active-dot{background:#27ae60;border-radius:50%;flex-shrink:0;width:6px;height:6px}.batch-course-tag{color:#1a7a45;letter-spacing:.05em;text-transform:uppercase;background:#27ae601a;border-radius:6px;margin-top:10px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-block}.batch-meta-grid{grid-template-columns:1fr 1fr;gap:9px 12px;margin-top:14px;display:grid}.batch-meta-item{color:#6b7280;align-items:flex-start;gap:6px;font-size:12px;line-height:1.35;display:flex}.batch-meta-item svg{color:#9ca3af;flex-shrink:0;margin-top:1px}.batch-meta-item:last-child:nth-child(odd){grid-column:1/-1}.batch-meta-item>span{display:inline}.batch-stats-row{border-top:1px solid #f3f4f6;gap:0;margin-top:16px;padding-top:14px;display:flex}.batch-stat-item{flex-direction:column;flex:1;gap:3px;padding:0 12px;display:flex}.batch-stat-item:first-child{padding-left:0}.batch-stat-item:last-child{padding-right:0}.batch-stat-item:not(:last-child){border-right:1px solid #f3f4f6;margin-right:0}.batch-stat-icon{color:#9ca3af;margin-bottom:1px}.batch-stat-icon.accent{color:var(--color-accent)}.batch-stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:9.5px;font-weight:600}.batch-stat-value{color:#111827;letter-spacing:-.02em;font-size:17px;font-weight:700;line-height:1.1}.batch-stat-value.accent{color:var(--color-accent)}.batch-progress-ring{background:conic-gradient(#27ae60 var(--prog-pct,0%), #e5e7eb var(--prog-pct,0%));border-radius:50%;flex-shrink:0;width:22px;height:22px;margin-bottom:1px;position:relative}.batch-progress-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.batch-progress-ring-empty{border:2px solid #e5e7eb;border-radius:50%;width:22px;height:22px;margin-bottom:1px}.batch-card-actions{justify-content:flex-end;align-items:center;gap:6px;margin-top:14px;display:flex}.ghost-button.icon-only{justify-content:center;align-items:center;width:34px;min-height:34px;padding:0;display:flex}.batch-search-input{border-radius:var(--radius-sm);height:34px;color:var(--color-text);background:#ffffffe0;border:1px solid #e5e7eb;outline:none;width:190px;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.batch-search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #27ae601f}.batch-search-input::placeholder{color:#9ca3af}@media (width<=480px){.batch-search-input{width:120px;font-size:12px}}.batch-form{display:grid}.field-label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.option-grid,.option-list{gap:7px;display:grid}.compact-list{max-height:220px;padding-right:4px;overflow:auto}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.check-option{color:#1a2e22;background:#fff;border:1px solid #d4e6d9;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:8px 10px;font-size:13px;font-weight:700;transition:border-color .12s,background .12s;display:flex}.check-option:hover{background:#f4faf5;border-color:#2d6a4f}.check-option input{accent-color:#2d6a4f;width:15px;height:15px}.multi-select{color:#1a2e22;background:#fff;border:1px solid #d4e6d9;border-radius:8px;outline:none;width:100%;padding:4px;font-size:13px;font-weight:700;transition:border-color .15s;overflow-y:auto}.multi-select:focus{border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f1f}.multi-select option{cursor:pointer;border-radius:6px;padding:7px 10px}.multi-select option:checked{color:#fff;background:#2d6a4f}.batch-picker{width:100%;position:relative}.batch-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.batch-chip{color:#2d6a4f;background:#d8eedf;border-radius:20px;align-items:center;gap:5px;padding:4px 10px 4px 12px;font-size:.8rem;font-weight:500;display:inline-flex}.batch-chip button{cursor:pointer;color:#2d6a4f;opacity:.55;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex}.batch-chip button:hover{opacity:1}.batch-search-input{background:#fff;border:1px solid #d4e6d9;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.batch-search-input:focus-within{border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f1f}.batch-search-input svg{color:#6b9e80;flex-shrink:0}.batch-search-input input{color:#1a2e22;background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.batch-search-input input::placeholder{color:#9bbfab}.batch-dropdown{z-index:200;background:#fff;border:1px solid #d4e6d9;border-radius:10px;max-height:180px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 6px 24px #0000001a}.batch-option{text-align:left;cursor:pointer;color:#1a2e22;background:0 0;border:none;border-bottom:1px solid #f0f7f2;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:.875rem;transition:background .12s;display:flex}.batch-option:last-child{border-bottom:none}.batch-option:hover{background:#f0f7f2}.batch-option-name{flex:1;font-weight:500}.batch-option-time{color:#6b9e80;font-size:.78rem}.batch-no-results{color:#6b9e80;margin:0;padding:12px 14px;font-size:.875rem}.field-hint{color:#7a9e8a;margin-top:5px;font-size:11px;display:block}.course-duration-hint{color:#2d6a4f;margin-top:2px;margin-bottom:4px;font-weight:500}.at-risk-pct{color:#c0392b;align-items:center;gap:5px;font-weight:600;display:flex}.at-risk-badge{color:#fff;background:#c0392b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:inline-flex}.at-risk-bar{background:#e74c3c!important}.at-risk-panel{border-left:3px solid #e74c3c}.at-risk-note{color:#6b7280;margin:0 0 10px;font-size:.82rem;line-height:1.45}.select-field-plain{color:#1a2e22;background:#fff;border:1px solid #d4e6d9;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .15s}.select-field-plain:focus{border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f1f}.attendance-panel{flex-direction:column;display:flex}.attendance-toolbar{flex-wrap:wrap}.select-field{background:#fff;border:1px solid #d4e6d9;border-radius:8px;min-width:220px;min-height:40px;position:relative}.date-field{min-height:40px}.date-field input{color:#1a2e22;width:160px;min-height:40px;font:inherit;background:#fff;border:1px solid #d4e6d9;border-radius:8px;padding:0 12px;font-size:14px}.select-field select{appearance:none;color:#1a2e22;background:0 0;border:0;outline:0;width:100%;min-height:40px;padding:0 36px 0 12px;font-size:14px;font-weight:700}.select-field svg{pointer-events:none;color:#4a6355;position:absolute;right:10px}.attendance-context{flex-wrap:wrap;gap:8px;margin-bottom:14px}.attendance-context span,.attendance-context strong{color:#4a6355;background:#e8f0ea;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800}.attendance-context strong{color:#2d6a4f;background:#d4e8dc}.attendance-row{border:1px solid #e0eee5;border-radius:10px;justify-content:space-between;gap:18px;padding:14px 16px;transition:border-color .12s}.attendance-row:hover{border-color:#b7d9c4}.student-row-wrap{border:1px solid #e0eee5;border-radius:10px;flex-direction:column;transition:border-color .12s;display:flex;overflow:hidden}.student-row-wrap:hover{border-color:#b7d9c4}.student-row-wrap .attendance-row{border:none;border-radius:0}.student-name-btn{cursor:pointer;text-align:left;font:inherit;color:inherit;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:flex}.student-name-btn strong{text-underline-offset:2px;-webkit-text-decoration:underline #b7d9c4;text-decoration:underline #b7d9c4}.student-name-btn:hover strong{color:#2d6a4f;text-decoration-color:#2d6a4f}.student-name-chevron{color:#6a9a80;flex-shrink:0;transition:transform .18s}.student-name-chevron.expanded{transform:rotate(90deg)}.student-history-panel{background:#f7fbf8;border-top:1px solid #e0eee5;padding:16px;animation:.2s ease-out both fadeSlideUp}.student-history-loading{color:#6a9a80;padding:8px 0;font-size:13px}.history-day-picker{background:#f0fdf4;border:2px solid #86efac;border-radius:10px;margin-bottom:12px;padding:14px;animation:.18s ease-out both fadeSlideUp}.history-day-picker-label{color:#1a2e22;margin:0 0 8px;font-size:13px;font-weight:600}.history-day-picker-btns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.history-pick-btn{cursor:pointer;color:#2d6a4f;background:#f7fbf8;border:1px solid #d4e6d9;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:opacity .12s,transform .1s}.history-pick-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.history-pick-btn:disabled{opacity:.45;cursor:default}.history-pick-present{color:#14532d;background:#bbf7d0;border-color:#6ee7b7}.history-pick-absent{color:#7f1d1d;background:#fecaca;border-color:#fca5a5}.history-pick-late{color:#7c2d12;background:#fed7aa;border-color:#fdba74}.history-pick-leave{color:#1e3a8a;background:#bfdbfe;border-color:#93c5fd}.history-pick-active.history-pick-present{color:#fff;background:#16a34a;border-color:#15803d}.history-pick-active.history-pick-absent{color:#fff;background:#dc2626;border-color:#b91c1c}.history-pick-active.history-pick-late{color:#fff;background:#ea580c;border-color:#c2410c}.history-pick-active.history-pick-leave{color:#fff;background:#2563eb;border-color:#1d4ed8}.history-pick-clear{color:#991b1b;background:#fef2f2;border-color:#fecaca;align-items:center;gap:4px;display:flex}.history-pick-clear:hover:not(:disabled){background:#fee2e2}.history-mark-error{color:#991b1b;margin-top:6px;font-size:12px}.student-history-calendars{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.status-buttons{grid-template-columns:repeat(4,82px);gap:6px;display:grid}.status-buttons button{color:#4a6355;background:#fff;border:1px solid #d4e6d9;border-radius:7px;min-height:32px;font-size:12px;font-weight:800;transition:background .12s,color .12s,border-color .12s}.status-buttons button:hover{background:#f4faf5;border-color:#2d6a4f}.status-buttons button.selected{color:#fff;background:#2d6a4f;border-color:#0000}.status-buttons button.selected.absent{background:#c24a3b}.status-buttons button.selected.late{background:#c47b13}.status-buttons button.selected.leave{background:#3467b1}.range-panel{background:#f0f8f2;border:1px solid #b7d9c4;border-radius:10px;margin-bottom:14px;padding:14px 16px}.range-panel-fields{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.range-panel-fields .date-field span{color:#4a6355;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:11px;font-weight:700;display:block}.range-hint{color:#4a6355;margin:10px 0 0;font-size:12px}.range-error{color:#c24a3b;margin:8px 0 0;font-size:12px;font-weight:700}.ghost-button.active{color:#fff;background:#2d6a4f}.reports-layout{grid-template-columns:1fr 1fr}.reports-layout .enrollment-hero{grid-column:1/-1}.report-hero{min-height:280px}.report-hero h3{letter-spacing:-.02em;max-width:520px;font-size:26px;font-weight:700;line-height:1.1}.report-bars{align-items:end;gap:12px;height:200px;margin-top:32px;display:flex}.report-bars span{color:#fff;background:#2d6a4f;border-radius:8px 8px 0 0;flex:1;justify-content:center;align-items:end;min-height:35%;padding-bottom:8px;display:flex}.report-bars em{font-size:12px;font-style:normal;font-weight:800}.enrollment-hero-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.enrollment-hero h3{color:#1a2e22;letter-spacing:-.01em;margin:4px 0 0;font-size:20px;font-weight:700}.enrollment-month-nav{flex-shrink:0;margin:0!important}.enrollment-empty{color:#6a9a80;padding:24px 0;font-size:14px}.enrollment-chart-area{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.enrollment-donut-wrap{flex-shrink:0}.enrollment-donut{border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.enrollment-donut-hole{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:110px;height:110px;display:flex}.enrollment-donut-total{color:#1a2e22;letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1}.enrollment-donut-sub{color:#6a9a80;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.enrollment-legend{flex-direction:column;flex:1;gap:10px;min-width:180px;display:flex}.enrollment-legend-row{align-items:center;gap:10px;display:flex}.enrollment-legend-dot{border-radius:3px;flex-shrink:0;width:12px;height:12px}.enrollment-legend-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.enrollment-legend-course{color:#1a2e22;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.enrollment-legend-meta{color:#6a9a80;font-size:11px;font-weight:500}.enrollment-legend-pct{color:#2d6a4f;text-align:right;flex-shrink:0;min-width:32px;font-size:13px;font-weight:800}.risk-list article{border-top:1px solid #e8f0ea;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.risk-list article:first-child{border-top:none;padding-top:4px}.risk-row-info{flex-direction:column;gap:2px;min-width:0;display:flex}.risk-row-info strong{color:#1a2e22;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.risk-row-info span{color:#6a9a80;font-size:12px}.risk-pct{flex-shrink:0;font-size:15px;font-weight:800}.batch-att-list article{flex-direction:column;align-items:stretch;gap:6px}.batch-att-bar-wrap{align-items:center;gap:8px;display:flex}.batch-att-bar{border-radius:3px;flex:1;min-width:2px;height:6px;transition:width .3s}.batch-att-pct{color:#4a6355;text-align:right;flex-shrink:0;min-width:32px;font-size:12px;font-weight:700}.settings-layout{grid-template-columns:minmax(260px,.8fr) 1fr 1fr;gap:14px;display:grid}.count-badge{color:#7a9e8a;letter-spacing:0;font-size:14px;font-weight:600}.settings-row{color:#4a6355;border-top:1px solid #e8f0ea;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.settings-row strong{color:#1a2e22;text-transform:capitalize}.text-input{color:#1a2e22;box-sizing:border-box;background:#fff;border:1px solid #d4e6d9;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:14px}.text-input:focus{border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f1f}.settings-policy-list{flex-direction:column;gap:0;margin-top:8px;display:flex}.settings-policy-row{border-top:1px solid #e8f0ea;justify-content:space-between;align-items:flex-start;padding:11px 0;display:flex}.my-attendance-layout{grid-template-columns:1fr 300px;align-items:start;gap:16px;display:grid}.my-attendance-main,.my-attendance-aside{flex-direction:column;gap:16px;min-width:0;display:flex;overflow:hidden}.my-attendance-aside .form-row{grid-template-columns:1fr}.my-attendance-aside input,.my-attendance-aside select,.my-attendance-aside textarea{box-sizing:border-box;width:100%;min-width:0}.att-cal-nav{align-items:center;gap:12px;margin-bottom:16px;display:flex}.cal-nav-btn{color:#2d6a4f;cursor:pointer;background:#fff;border:1px solid #d4e6d9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;line-height:1;transition:background .12s,border-color .12s;display:flex}.cal-nav-btn:hover:not(:disabled){background:#e8f5e9;border-color:#2d6a4f}.cal-nav-btn:disabled{opacity:.35;cursor:not-allowed}.cal-range-label{color:#4a6355;text-align:center;flex:1;font-size:13px;font-weight:700}.att-cal-months{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.att-cal-month-stats{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.att-stat-chip{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.att-stat-chip.present{color:#065f46;background:#d1fae5}.att-stat-chip.absent{color:#7f1d1d;background:#fee2e2}.att-stat-chip.leave{color:#1e3a8a;background:#dbeafe}.mini-cal{min-width:0}.mini-cal-title{color:#4a6355;text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:11px;font-weight:800}.mini-cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid;overflow:visible}.mini-cal-dow{color:#9dbfad;text-align:center;text-transform:uppercase;padding:2px 0;font-size:9px;font-weight:800}.mini-cal-day{aspect-ratio:1;cursor:default;color:#1a2e22;background:0 0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.mini-cal-dots{justify-content:center;align-items:center;gap:2px;min-height:8px;margin-top:2px;display:flex}.mini-cal-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.dot-present{background:#22c55e}.dot-absent{background:#ef4444}.dot-late{background:#f59e0b}.dot-leave{background:#6366f1}.dot-ring{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:8px;height:8px;display:flex}.dot-ring:after{content:"";background:0 0;border-radius:50%;width:3px;height:3px}.dot-ring-filled:after{background:currentColor}.dot-extra-ring{color:#3b82f6;border-color:#3b82f6}.dot-makeup-ring{color:#f59e0b;border-color:#f59e0b}.mini-cal-day.is-weekend{color:#b0c8b8}.mini-cal-day.is-future{color:#c8dbd0}.mini-cal-day.att-unmarked{color:#9dbfad}.mini-cal-day.is-no-class{color:#c8cdc9;cursor:default;background:0 0}.mini-cal-day.is-holiday{color:#d97706;cursor:default;background:#fffbeb}.mini-cal-day.att-present{color:#15803d;background:#dcfce7;font-size:11px;font-weight:800}.mini-cal-day.att-absent{color:#b91c1c;background:#fee2e2;font-size:11px;font-weight:800}.mini-cal-day.att-half_day{color:#a16207;background:#fef9c3;font-size:11px;font-weight:800}.mini-cal-day.att-leave,.mini-cal-day.att-on_leave{color:#1d4ed8;background:#dbeafe;font-size:11px;font-weight:800}.mini-cal-day.att-late{color:#c2410c;background:#ffedd5;font-size:11px;font-weight:800}.mini-cal-grid.mini-cal-interactive button.mini-cal-day.att-present{background:#dcfce7}.mini-cal-grid.mini-cal-interactive button.mini-cal-day.att-absent{background:#fee2e2}.mini-cal-grid.mini-cal-interactive button.mini-cal-day.att-half_day{background:#fef9c3}.mini-cal-grid.mini-cal-interactive button.mini-cal-day.att-leave,.mini-cal-grid.mini-cal-interactive button.mini-cal-day.att-on_leave{background:#dbeafe}.mini-cal-grid.mini-cal-interactive button.mini-cal-day.att-late{background:#ffedd5}.mini-cal-day.is-today{outline-offset:1px;border-radius:4px;outline:2px solid #2d6a4f;font-weight:800}.att-cal-legend{border-top:1px solid #eef5ee;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;padding-top:12px;display:flex}.legend-item{color:#4a6355;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.legend-dot.att-present{background:#16a34a;border:1px solid #15803d}.legend-dot.att-absent{background:#dc2626;border:1px solid #b91c1c}.legend-dot.att-half_day{background:#ca8a04;border:1px solid #a16207}.legend-dot.att-leave,.legend-dot.att-on_leave{background:#2563eb;border:1px solid #1d4ed8}.legend-dot.att-unmarked{background:#f0f5f1;border:1px solid #d4e6d9}.mentor-row-actions{align-items:center;gap:6px;display:flex}.ghost-button.active-outline{color:#2d6a4f;background:#f0f9f4;border-color:#2d6a4f}.mini-cal-grid.mini-cal-interactive button.mini-cal-day{cursor:pointer;font:inherit;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.mini-cal-grid.mini-cal-interactive button.mini-cal-day:hover:not(.is-weekend):not(.is-future){outline-offset:1px;border-radius:4px;outline:2px solid #2d6a4f}.mini-cal-day.is-selected{outline-offset:1px;border-radius:4px;outline:2px solid #2d6a4f!important}.mini-cal-day.has-leave-tip{position:relative}.mini-cal-day.has-leave-tip:after{content:attr(data-tooltip);color:#f0fdf4;white-space:pre-wrap;text-align:left;z-index:200;pointer-events:none;opacity:0;background:#1a2e22;border-radius:7px;min-width:160px;max-width:240px;padding:7px 10px;font-size:11px;font-weight:400;line-height:1.55;transition:opacity .15s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000038}.mini-cal-day.has-leave-tip:before{content:"";z-index:200;pointer-events:none;opacity:0;border:4px solid #0000;border-top-color:#1a2e22;transition:opacity .15s;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)}.mini-cal-day.has-leave-tip:hover:after,.mini-cal-day.has-leave-tip:hover:before{opacity:1}.att-month-nav{justify-content:space-between;align-items:center;gap:8px;margin:12px 0 10px;display:flex}.att-month-label{color:#1a2e22;text-align:center;flex:1;font-size:13px;font-weight:700}.att-month-btn{cursor:pointer;color:#4a6355;background:0 0;border:1px solid #d4e6d9;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .12s;display:flex}.att-month-btn:hover:not(:disabled){background:#eef5ee}.att-month-btn:disabled{opacity:.35;cursor:default}.att-summary-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.att-chip{letter-spacing:.3px;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700}.att-chip-present{color:#065f46;background:#d1fae5}.att-chip-absent{color:#991b1b;background:#fee2e2}.att-chip-half{color:#713f12;background:#fef9c3}.att-chip-leave{color:#1e40af;background:#dbeafe}.att-day-picker{background:#f7fbf8;border:1px solid #e0eee5;border-radius:10px;margin-top:14px;padding:12px}.att-day-picker-label{color:#2d6a4f;margin-bottom:10px;font-size:12px;font-weight:700}.att-error-banner{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;margin:8px 0;padding:8px 12px;font-size:12px}.att-saving{color:#6a9a80;font-style:italic;font-weight:400}.att-day-picker-btns{grid-template-columns:1fr 1fr;gap:6px;display:grid}.att-pick-btn{cursor:pointer;border:1px solid #0000;border-radius:7px;padding:6px 8px;font-size:12px;font-weight:600;transition:opacity .12s,transform .1s}.att-pick-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.att-pick-btn:disabled{opacity:.45;cursor:default}.att-pick-present{color:#065f46;background:#d1fae5;border-color:#6ee7b7}.att-pick-absent{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.att-pick-half_day{color:#713f12;background:#fef9c3;border-color:#fde68a}.att-pick-leave,.att-pick-on_leave{color:#1e3a8a;background:#bfdbfe;border-color:#93c5fd}.att-leave-row{align-items:stretch;gap:6px;margin-top:6px;display:flex}.att-leave-type-select{color:#1a2e22;cursor:pointer;background:#f7fbf8;border:1px solid #d4e6d9;border-radius:7px;flex:1;padding:6px 8px;font-size:12px}.att-leave-type-select:disabled{opacity:.45;cursor:default}.att-leave-row .att-pick-btn{white-space:nowrap;flex-shrink:0}.att-pick-clear{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb;grid-column:1/-1}.att-pick-active.att-pick-present{color:#fff;background:#16a34a;border-color:#15803d}.att-pick-active.att-pick-absent{color:#fff;background:#dc2626;border-color:#b91c1c}.att-pick-active.att-pick-half_day{color:#fff;background:#ca8a04;border-color:#a16207}.att-pick-active.att-pick-on_leave{color:#fff;background:#2563eb;border-color:#1d4ed8}.mark-today-panel{flex-direction:column;gap:6px;display:flex}.mark-today-date{color:#1a2e22;margin:0 0 10px;font-size:15px;font-weight:700}.mark-today-badge{border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.mark-today-badge.present{color:#065f46;background:#d1fae5}.mark-today-badge.absent{color:#991b1b;background:#fee2e2}.mark-today-badge.half-day{color:#713f12;background:#fef9c3}.mark-today-badge.leave{color:#1e40af;background:#dbeafe}.mark-today-hint{color:#7a9e8a;margin:0 0 8px;font-size:12px}.leave-lock-notice{color:#92400e;background:#fff8f0;border:1px solid #fed7aa;border-radius:8px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.5}.leave-log-panel{margin-top:0}.leave-log-list{flex-direction:column;gap:10px;display:flex}.leave-log-row{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fafcfa;padding:12px 14px}.leave-log-row-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.leave-log-row-left{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.leave-log-mentor{color:var(--color-text);font-size:13px;font-weight:700}.leave-log-type{color:var(--color-text);font-size:13px;font-weight:600}.leave-log-dates{color:var(--color-muted);font-size:12px}.leave-log-days{color:#2d6a4f;background:#e8f5e9;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:700}.leave-log-chip{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;flex-shrink:0;padding:2px 9px;font-size:11px;font-weight:700}.leave-log-chip-pending{color:#a16207;background:#fef9c3}.leave-log-chip-approved{color:#15803d;background:#dcfce7}.leave-log-chip-rejected{color:#b91c1c;background:#fee2e2}.leave-log-chip-cancelled{color:#6b7280;background:#f3f4f6}.leave-log-reason{color:var(--color-muted);margin:6px 0 0;font-size:12px;font-style:italic}.leave-log-empty{color:var(--color-muted);text-align:center;padding:16px 0;font-size:13px}.mark-today-btns{flex-wrap:wrap;gap:8px;display:flex}.mark-today-btns--primary{gap:10px}.mark-btn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .12s,border-color .12s,transform .1s;display:flex}.mark-today-btns--primary .mark-btn{flex:1;justify-content:center;padding:12px 16px;font-size:14px}.mark-btn:disabled{opacity:.5;cursor:not-allowed}.mark-btn:not(:disabled):hover{transform:translateY(-1px)}.mark-btn-present{color:#065f46;background:#d1fae5;border-color:#6ee7b7}.mark-btn-present:not(:disabled):hover{background:#a7f3d0}.mark-btn-absent{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.mark-btn-absent:not(:disabled):hover{background:#fecaca}.mark-btn-half-day{color:#713f12;background:#fef9c3;border-color:#fde68a}.mark-btn-half-day:not(:disabled):hover{background:#fef08a}.leave-balance-list{flex-direction:column;gap:12px;margin-top:4px;display:flex}.leave-balance-row{flex-direction:column;gap:5px;display:flex}.leave-balance-info{justify-content:space-between;align-items:center;gap:8px;display:flex}.leave-balance-name{color:#1a2e22;font-size:13px;font-weight:700}.leave-balance-nums{color:#4a6355;white-space:nowrap;font-size:12px;font-weight:600}.att-error{color:#991b1b;margin:0 0 10px;font-size:13px;font-weight:600}.att-msg{color:#2d6a4f;margin:0 0 10px;font-size:13px;font-weight:600}.att-hint{color:#7a9e8a;margin:0;font-size:13px}@media (width<=1100px){.my-attendance-layout{grid-template-columns:1fr 260px}.att-cal-months{grid-template-columns:1fr;gap:20px}}@media (width<=1120px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.role-switcher,.account-panel{display:none}.nav-item{justify-content:center;font-size:0}}@media (width<=860px){.app-shell{grid-template-columns:none;height:100dvh;display:block;overflow:hidden}.sidebar{z-index:200;border-top:1px solid #ffffff1f;flex-direction:row;align-items:stretch;gap:0;height:60px;padding:0;position:fixed;inset:auto 0 0;overflow:visible}.brand,.role-switcher,.account-panel{display:none}.nav-list{flex-direction:row;align-items:stretch;gap:0;width:100%;height:100%;margin:0;display:flex}.nav-item{letter-spacing:0;white-space:nowrap;color:#ffffff80;border:none;border-top:2px solid #0000;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:4px 2px 8px;font-size:9px;overflow:hidden}.nav-item:hover{color:#fffc;background:#ffffff12}.nav-item.active{color:#fff;background:#6fcf971f;border-top-color:#6fcf97;border-left-color:#0000}.nav-item.disabled{opacity:.3}.workspace{height:100dvh;padding:20px 18px 80px;overflow-y:auto}.topbar{flex-flow:row;align-items:center;gap:10px;margin-bottom:16px;margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.topbar>div:first-child{flex:1;min-width:0}.topbar h1{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:22px;overflow:hidden}.eyeline{font-size:10px}.topbar-actions{flex-shrink:0;gap:8px;width:auto}.topbar-actions .search-wrap,.topbar-actions .topbar-divider,.user-chip-name{display:none}.user-chip{padding:3px}.dash-banner{border-radius:14px;flex-direction:column;align-items:flex-start;gap:14px;padding:20px 18px}.dash-banner h2{margin:6px 0 4px;font-size:20px}.dash-banner p{font-size:13px}.dash-stats{grid-template-columns:repeat(2,1fr);gap:10px}.dashboard-grid.mentor-view{flex-direction:column;gap:14px;display:flex}.dash-content,.card-grid,.batch-cards,.batches-layout,.students-layout,.mentor-layout,.leave-layout,.reports-layout,.settings-layout{grid-template-columns:1fr}.leave-policy-grid{grid-template-columns:repeat(2,1fr)}.leave-hero{flex-direction:column;align-items:flex-start;padding:24px 20px}.panel.wide,.panel.side{grid-column:auto}.batch-row{grid-template-columns:1fr;gap:8px}.status-pill{justify-self:start}.attendance-row{flex-direction:column;align-items:stretch;gap:10px}.student-history-calendars,.reports-layout{grid-template-columns:1fr}.enrollment-chart-area{flex-direction:column;align-items:flex-start;gap:20px}.enrollment-donut{width:140px;height:140px}.enrollment-donut-hole{width:86px;height:86px}.enrollment-donut-total{font-size:22px}.status-buttons{grid-template-columns:repeat(4,1fr);gap:5px}.form-row,.my-attendance-layout{grid-template-columns:1fr}.att-cal-months{grid-template-columns:1fr;gap:20px}.mark-today-btns--primary{flex-direction:column}.mark-today-btns--primary .mark-btn{flex:none}.auth-shell{grid-template-columns:1fr}.auth-left{min-height:190px;padding:28px 24px}.auth-left-inner{justify-content:space-between}.auth-left-logo{width:110px}.auth-left-hey{font-size:1.8rem}.auth-left-welcome{font-size:3.2rem}.auth-left-sub{display:none}.auth-right{padding:32px 20px 40px}.bell-dropdown{width:min(320px,100vw - 24px)}.batch-stat-item{padding:0 8px}.batch-stat-value{font-size:15px}.batch-card-header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@media (width<=480px){.workspace{padding:14px 12px 80px}.topbar{margin-bottom:12px;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.topbar h1{font-size:19px}.eyeline{display:none}.dash-banner{border-radius:12px;padding:16px 14px}.dash-banner h2{font-size:18px}.dash-banner p{display:none}.stat-card{min-height:100px;padding:14px 12px}.stat-card strong,.stat-body strong{font-size:26px}.stat-icon{width:40px;height:40px}.status-buttons{grid-template-columns:repeat(2,1fr)}.status-buttons button{min-height:38px}.leave-policy-grid{grid-template-columns:1fr}.panel{padding:14px 12px}.nav-item{gap:2px;padding:3px 1px 7px;font-size:8px}.auth-left{min-height:160px;padding:20px 18px}.auth-left-logo{width:96px}.auth-left-hey{font-size:1.5rem}.auth-left-welcome{font-size:2.6rem}.auth-right{padding:24px 16px 32px}.auth-card{max-width:100%}.batch-meta-grid{grid-template-columns:1fr}.batch-meta-item:last-child:nth-child(odd){grid-column:auto}.batch-stat-item{padding:0 5px}.batch-stat-value{font-size:14px}.batch-stat-label{font-size:8px}.batch-card{padding:16px 16px 14px}.batch-course-tag{font-size:9.5px}}.att-live-clock{font-variant-numeric:tabular-nums;letter-spacing:.03em;opacity:.65;margin-left:10px;font-weight:500}.extra-session-form{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;animation:.18s ease-out both fadeSlideUp;display:flex}.extra-session-form .label{color:#1d4ed8;margin:0;font-weight:600}.extra-session-form label{color:#374151;flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.extra-session-form input[type=date],.extra-session-form input[type=time],.extra-session-form input[type=text]{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #bfdbfe;border-radius:6px;width:100%;padding:7px 10px;font-size:14px}.form-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin:0;padding:8px 12px;font-size:13px;font-weight:600}.form-actions{gap:8px;margin-top:4px;display:flex}.att-deadline-banner{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:7px 14px;font-size:12px;font-weight:600;animation:.22s ease-out both fadeSlideUp;display:flex}.no-class-day-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:9px;margin-bottom:10px;padding:9px 14px;font-size:12px;font-weight:600;animation:.22s ease-out both fadeSlideUp;display:flex}.no-class-day-icon{opacity:.75;flex-shrink:0;font-size:14px}.att-submitted-banner{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:7px;margin-bottom:10px;padding:7px 14px;font-size:12px;font-weight:700;animation:.22s ease-out both fadeSlideUp;display:flex}.mark-all-present-btn{color:#15803d;background:#f0fdf4;border-color:#86efac;font-weight:700}.mark-all-present-btn:hover:not(:disabled){background:#dcfce7;border-color:#4ade80}.self-mark-window-note{border-radius:6px;margin:6px 0 12px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.self-mark-window-note.open{color:#15803d;background:#dcfce7}.self-mark-window-note.closed{color:#991b1b;background:#fee2e2}.present-window-banner{border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.present-window-banner.open{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.present-window-banner.closed{color:#92400e;background:#fff7ed;border:1px solid #fed7aa}.present-window-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.present-window-banner.open .present-window-dot{background:#16a34a}.present-window-banner.closed .present-window-dot{background:#d97706}.status-buttons button.present-locked{opacity:.4;cursor:not-allowed;border-style:dashed}.status-buttons button.day-locked{opacity:.25;cursor:not-allowed;pointer-events:none;border-style:dashed}.history-present-note{color:#92400e;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;margin:0 0 8px;padding:5px 9px;font-size:11px;font-weight:600}.history-present-note.no-class{color:#991b1b;background:#fef2f2;border-color:#fecaca}.range-saved-banner{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;font-size:13px;font-weight:600;animation:.22s ease-out both fadeSlideUp;display:flex}.range-saved-banner.dismissing{animation:.6s ease-out forwards bannerFadeOut}.empty-state{text-align:center;color:#6a9a80;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;display:flex}.empty-state svg{opacity:.35;color:#2d6a4f}.empty-state strong{color:#2d6a4f;margin-bottom:2px;font-size:15px;display:block}.empty-state p{color:#6a9a80;margin:0;font-size:13px}.att-leave-row{border-top:1px dashed #c9e0d4;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.att-leave-section-label{color:#6a9a80;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700}aside.panel.student-create-panel,aside.panel.mentor-next{animation:.26s ease-out both slideInRight}.dash-banner{animation:.22s ease-out both fadeSlideUp}.range-panel{animation:.2s ease-out both fadeSlideUp}.history-panel-row{align-items:stretch;gap:12px;margin-bottom:12px;display:flex}.history-panel-left{flex:0 0 50%;min-width:0}.history-panel-left .history-day-picker{box-sizing:border-box;height:100%;margin-bottom:0}.history-panel-right{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex:0 0 calc(50% - 6px);min-width:0;padding:12px 14px}.makeup-date-bar{background:#fffbeb;border:2px solid #f59e0b;border-radius:10px;margin-top:12px;padding:12px 14px;animation:.18s ease-out both fadeSlideUp}.makeup-attendance-bar{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;margin-top:12px;padding:12px 14px}.makeup-bar-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.makeup-bar-title{text-transform:uppercase;letter-spacing:.04em;color:#92400e;font-size:11px;font-weight:700}.makeup-bar-empty{color:#9ca3af;margin:0;padding:4px 0;font-size:12px}.makeup-bar-row{background:#fff;border:1px solid #fde68a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:8px 10px;display:flex}.makeup-bar-row:last-of-type{margin-bottom:0}.makeup-bar-row-info{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.makeup-bar-date{color:#374151;white-space:nowrap;font-size:12px;font-weight:600}.extra-classes-label{color:#1d4ed8;margin:0 0 8px}.extra-class-student-row{color:#374151;align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.extra-class-date{min-width:52px}.extra-class-hrs{color:#6b7280;min-width:40px}.status-buttons.mini{flex-wrap:nowrap;gap:6px;display:flex}.status-buttons.mini .history-pick-clear{white-space:nowrap}.makeup-section{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:10px}.makeup-section-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.makeup-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:8px;height:8px}.makeup-reason{color:#6b7280;font-style:italic}.makeup-form{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;flex-direction:column;gap:8px;margin-top:8px;padding:12px;animation:.18s ease-out both fadeSlideUp;display:flex}.makeup-form label{color:#374151;flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.makeup-form input[type=date],.makeup-form input[type=number],.makeup-form input[type=text]{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #fde68a;border-radius:6px;width:100%;padding:7px 10px;font-size:14px}.makeup-session-row{color:#374151;align-items:center;gap:8px;padding:3px 0;font-size:12px;display:flex}.makeup-row-actions{opacity:0;gap:4px;margin-left:auto;transition:opacity .15s;display:flex}.makeup-session-row:hover .makeup-row-actions{opacity:1}.icon-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.icon-btn:hover{color:#111827;background:#f3f4f6;border-color:#9ca3af}.icon-btn.danger{color:#dc2626;border-color:#fca5a5}.icon-btn.danger:hover{background:#fee2e2;border-color:#f87171}.student-row{border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;display:flex}.student-row.compact{padding:8px 12px}.student-info{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.student-info strong{font-size:14px}.extra-session-section,.makeup-attendance-section{margin-top:16px;padding-top:10px}.extra-session-section{border-top:2px solid #dbeafe}.makeup-attendance-section{border-top:2px solid #fde68a}.session-section-label{color:#1d4ed8;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.session-section-label.makeup-label{color:#92400e}.session-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.extra-dot{background:#3b82f6}.regular-dot{background:#2d6a4f}.makeup-att-dot{background:#f59e0b}.session-notes{color:#6b7280;text-transform:none;letter-spacing:0;font-style:italic;font-weight:400}.makeup-hours-tag{color:#92400e;background:#fef3c7;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.student-meta{color:#6b7280;margin-left:6px;font-size:12px}.att-stats-cell{flex-direction:column;gap:2px;display:flex}.att-pct-row{align-items:center;gap:10px;display:flex}.att-stat-makeup{color:#92400e;font-size:11px}.att-stat-overall{font-size:11px;font-weight:700}.att-stat-overall.above{color:#15803d}.att-stat-overall.below{color:#dc2626}.risk-att-stats{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.above-threshold{color:#15803d;font-weight:600}.below-threshold{color:#dc2626;font-weight:600}.reports-student-table-panel{grid-column:1/-1}.archive-panel{border-top:2px solid #fde68a}.archive-section-label{text-transform:uppercase;letter-spacing:.06em;color:#92400e;margin:0 0 8px;font-size:11px;font-weight:700}.archive-row{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:12px;margin-bottom:6px;padding:8px 10px;display:flex}.archive-row-info{flex-direction:column;flex:1;gap:2px;display:flex}.archive-row-info strong{color:#111827;font-size:13px}.archive-row-info span{color:#92400e;font-size:11px}.bell-wrap{position:relative}.bell-btn{color:#4a6355;cursor:pointer;background:#ffffffe6;border:1px solid #e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:border-color .15s,box-shadow .15s,color .15s,background .15s;display:flex;position:relative}.bell-btn:hover{color:#2d6a4f;background:#fff;border-color:#b7d9c4;box-shadow:0 0 0 3px #2d6a4f14}.bell-btn--active{color:#2d6a4f;background:#fff;border-color:#b7d9c4}.bell-badge{color:#fff;text-align:center;pointer-events:none;background:#dc2626;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:17px;position:absolute;top:-5px;right:-5px}.bell-dropdown{width:320px;box-shadow:var(--shadow-dropdown);z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:14px;animation:.15s ease-out both fadeSlideUp;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.bell-dropdown-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-right:12px;display:flex}.bell-dropdown-title{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin:0;padding:14px 16px 10px;font-size:11px;font-weight:600}.bell-clear-all{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;padding:4px 6px;font-size:11.5px;font-weight:600;transition:background .12s,color .12s}.bell-clear-all:hover{color:#374151;background:#f3f4f6}.bell-empty{text-align:center;color:#9ca3af;margin:0;padding:24px 16px;font-size:13px}.bell-item{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f9fafb;align-items:flex-start;gap:10px;width:100%;padding:12px 16px;transition:background .1s;display:flex}.bell-item:last-child{border-bottom:none}.bell-item:hover{background:#f9fafb}.bell-item-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.bell-item-dot--amber{background:#f59e0b}.bell-item-dot--green{background:#22c55e}.bell-item-dot--red{background:#ef4444}.bell-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.bell-item-text{color:#111827;font-size:13px;font-weight:500;line-height:1.4}.bell-item-sub{color:#6b7280;font-size:11px}