@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #0097a7;--primary-dark: #006978;--primary-light: #26c6da;--bg: #f0f4f8;--surface: #ffffff;--text: #1a202c;--text-muted: #718096;--border: #e2e8f0;--success: #38a169;--danger: #e53e3e;--warning: #d69e2e;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--radius: 8px;--radius-sm: 6px;--nav-h: 64px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;padding-bottom:calc(var(--nav-h) + 16px);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button:disabled{opacity:.65;cursor:not-allowed}svg{flex:0 0 auto}main{min-width:0}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,var(--primary),var(--primary-light))}.auth-card{width:min(100%,420px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:24px}.auth-logo{width:54px;height:54px;border-radius:var(--radius);display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light));font-weight:800;margin-bottom:14px}.auth-card h1{margin:0 0 6px;font-size:1.6rem;line-height:1.2}.auth-card p{margin:0 0 18px;color:var(--text-muted);line-height:1.55}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg);border-radius:var(--radius-sm);padding:4px;margin-bottom:16px}.auth-tabs button{border:0;border-radius:8px;background:transparent;color:var(--text-muted);padding:9px;font-weight:800;cursor:pointer}.auth-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.auth-message{border:1px solid rgba(0,151,167,.25);border-radius:var(--radius-sm);background:#0097a714;color:var(--primary-dark);padding:10px 12px;margin:12px 0;font-size:.84rem;line-height:1.45;font-weight:700}.auth-message-warning{border-color:#d69e2e59;background:#d69e2e1a;color:#975a16;margin-top:10px}.auth-secondary{width:100%;border:0;background:transparent;color:var(--primary);padding:11px 8px 0;font-size:.84rem;font-weight:800;cursor:pointer}.auth-secondary:disabled{color:var(--text-muted);cursor:not-allowed}.top-header,.page-title-bar{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:20px 20px 54px}.header-row,.header-brand,.section-header,.entity-row,.action-row,.sub-row{display:flex;align-items:center}.header-row,.sub-row{justify-content:space-between}.section-header{justify-content:space-between;gap:10px;flex-wrap:wrap}.header-brand{gap:10px}.brand-avatar{width:40px;height:40px;border-radius:50%;background:#ffffff40;display:grid;place-items:center;font-weight:800}.brand-name{font-size:1.1rem;font-weight:800}.notif-btn{width:38px;height:38px;border:0;border-radius:50%;color:#fff;background:#ffffff38;display:grid;place-items:center}.header-greeting{margin-top:16px}.header-greeting h2,.page-title-bar h1{margin:0;font-size:1.35rem;line-height:1.25;overflow-wrap:anywhere}.header-greeting p,.page-title-bar p{margin:4px 0 0;opacity:.88;font-size:.86rem}.back-btn{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 12px;border-radius:8px;background:#ffffff38;margin-bottom:14px;font-weight:700;font-size:.82rem}.page-content{width:min(100% - 32px,760px);margin:-32px auto 0;padding:0 0 24px;position:relative;z-index:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px;margin-bottom:12px}.list-card{padding:0 16px}.section-header{margin:20px 0 12px}.section-header.compact{margin:0 0 12px}.section-title{display:inline-flex;align-items:center;gap:8px;font-weight:800;line-height:1.3;min-width:0}.section-action,.link-btn{border:0;background:transparent;color:var(--primary);font-weight:800;cursor:pointer;line-height:1.3}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 8px;text-align:center}.stat-num{color:var(--primary);font-size:1.45rem;font-weight:800;line-height:1.1}.stat-label{color:var(--text-muted);font-size:.7rem;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.schedule-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.summary-metric{display:flex;align-items:center;gap:10px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.summary-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--primary);background:#0097a714}.summary-value{color:var(--text);font-size:1.25rem;line-height:1.1;font-weight:800}.summary-label{color:var(--text-muted);font-size:.72rem;line-height:1.25;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px 16px;box-shadow:var(--shadow-sm)}.feature-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light));margin-bottom:12px}.feature-title{font-weight:800;margin-bottom:4px;line-height:1.25;overflow-wrap:anywhere}.feature-subtitle,.muted{color:var(--text-muted);font-size:.8rem;line-height:1.45}.feature-btn{display:inline-block;align-self:flex-start;margin-top:12px;padding:7px 16px;border-radius:999px;color:#fff;background:var(--primary);font-size:.78rem;font-weight:800}.desktop-nav{display:none}.bottom-nav{position:fixed;inset:auto 0 0;height:var(--nav-h);display:flex;z-index:100;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 20px #00000014}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);font-weight:700;font-size:.68rem;min-width:0}.nav-item.active{color:var(--primary)}.nav-icon-wrap{min-width:32px;height:28px;display:grid;place-items:center}.nav-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item.active .nav-icon-wrap{border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light))}.btn,.icon-text-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;max-width:100%;border:0;border-radius:999px;padding:10px 18px;font-weight:800;line-height:1.2;text-align:center;cursor:pointer}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light))}.btn-google{margin-top:10px;border:1.5px solid var(--border);color:var(--text);background:var(--surface)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:transparent}.btn-danger{color:#fff;background:var(--danger)}.btn-sm{min-height:34px;padding:6px 12px;font-size:.8rem}.btn-full{width:100%}.btn-fab{position:fixed;right:20px;bottom:calc(var(--nav-h) + 16px);width:54px;height:54px;border:0;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light));box-shadow:0 4px 16px #0097a780;display:grid;place-items:center;z-index:80}.form-group{margin-bottom:14px}.form-label{display:block;margin-bottom:6px;font-size:.82rem;color:var(--text);font-weight:800}.form-control{width:100%;min-width:0;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:11px 14px;outline:none}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0097a71f}textarea.form-control{min-height:110px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.search-bar{display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;padding:10px 16px;margin-bottom:12px}.search-bar input{flex:1;border:0;outline:none;background:transparent}.tab-bar{display:flex;gap:4px;background:var(--bg);border-radius:var(--radius-sm);padding:4px;margin-bottom:16px}.tab-btn{flex:1;min-width:0;border:0;border-radius:8px;background:transparent;padding:9px;color:var(--text-muted);font-weight:800;line-height:1.25}.tab-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.attendance-mode-card{padding:8px}.attendance-mode-tabs{margin-bottom:0}.attendance-mode-tabs .tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}.attendance-workspace-card .section-header:first-child{margin-top:0}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.chip{border:1.5px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);padding:5px 12px;font-size:.76rem;font-weight:800;line-height:1.2;min-height:30px}.chip.active{color:#fff;border-color:var(--primary);background:var(--primary)}.bulk-action-row{display:flex;justify-content:flex-end;gap:8px;margin:10px 0}.list-item,.entity-row{gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.list-item{display:flex;align-items:center}.card.entity-row{border-bottom:1px solid var(--border)}.list-item:last-child,.entity-row:last-child{border-bottom:0}.list-avatar{width:42px;height:42px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--primary-light))}.list-info{flex:1 1 180px;min-width:0}.list-name{font-weight:800;line-height:1.25;overflow-wrap:anywhere}.list-sub{color:var(--text-muted);font-size:.78rem;margin-top:2px;line-height:1.35;overflow-wrap:anywhere}.list-actions,.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.list-actions{justify-content:flex-end}.action-row{justify-content:flex-end;margin-top:12px}.class-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.class-card-main{display:flex;align-items:center;gap:12px;min-width:0}.class-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.badge{display:inline-block;flex:0 0 auto;border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:800;white-space:nowrap}.badge-success{background:#c6f6d5;color:#276749}.badge-warning{background:#fefcbf;color:#975a16}.badge-info{background:#bee3f8;color:#2c5282}.mini-heading{color:var(--primary);font-weight:800;font-size:.82rem;margin-bottom:8px}.sub-row{gap:10px;align-items:flex-start;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg);margin:6px 0}.sub-row>span{min-width:0;overflow-wrap:anywhere}.sub-row small{display:block;color:var(--text-muted);margin-top:2px}.divider{height:1px;background:var(--border);margin:14px 0}.schedule-filter-card .form-row{margin-bottom:2px}.schedule-day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:4px}.schedule-day-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);padding:8px 10px;font-weight:800;cursor:pointer}.schedule-day-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis}.schedule-day-chip strong{min-width:26px;border-radius:999px;padding:3px 7px;color:var(--primary);background:#0097a714;font-size:.76rem}.schedule-day-chip.active{color:#fff;border-color:var(--primary);background:var(--primary)}.schedule-day-chip.active strong{color:var(--primary-dark);background:#fff}.schedule-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 12px}.schedule-toolbar .mini-heading,.schedule-toolbar .muted{margin:0}.schedule-day{margin-bottom:18px}.schedule-day-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.schedule-day-label{display:inline-block;color:var(--primary);background:#0097a714;border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:800;text-transform:uppercase}.schedule-day-heading span{display:block;margin-top:3px;color:var(--text-muted);font-size:.78rem;font-weight:700}.schedule-day-load{flex:0 0 auto;border-radius:999px;padding:6px 10px;color:var(--primary-dark);background:#0097a714;font-size:.78rem;font-weight:800}.schedule-item{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px;margin-bottom:8px}.schedule-time{flex:0 0 76px;color:var(--primary);background:#0097a714;border-radius:6px;padding:8px 6px;text-align:center;font-weight:800;font-size:.9rem}.schedule-time strong,.schedule-time span{display:block;line-height:1.2}.schedule-time span{color:var(--text-muted);font-size:.72rem;margin-top:3px}.schedule-detail{flex:1;min-width:0}.schedule-subject-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.schedule-subject{display:inline-flex;align-items:center;gap:7px;min-width:0;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.schedule-duration{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;border-radius:999px;padding:4px 8px;color:var(--primary-dark);background:#0097a714;font-size:.72rem;font-weight:800}.schedule-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.schedule-meta span{display:inline-flex;align-items:center;gap:5px;min-width:0;border-radius:999px;padding:4px 8px;color:var(--text-muted);background:var(--bg);font-size:.74rem;font-weight:700;line-height:1.25}.schedule-actions{flex:0 0 auto}.schedule-room{color:var(--text-muted);font-size:.76rem;line-height:1.35;overflow-wrap:anywhere}.info-box{color:var(--primary);background:#0097a714;border-radius:var(--radius-sm);padding:9px 12px;font-size:.8rem;font-weight:800}.csv-guide{margin:12px 0;border:1px solid rgba(0,151,167,.22);border-radius:var(--radius);background:#0097a70f;padding:12px}.csv-guide-title{color:var(--primary-dark);font-size:.82rem;font-weight:800;margin-bottom:8px}.csv-column-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.csv-column-option,.csv-header-option{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:8px 10px;color:var(--text-muted);font-size:.76rem;font-weight:800;line-height:1.3;cursor:pointer}.csv-column-option.checked{border-color:#0097a773;color:var(--primary-dark);background:#0097a714}.csv-column-option input,.csv-header-option input{margin:2px 0 0;accent-color:var(--primary)}.csv-column-option input:disabled{cursor:not-allowed}.csv-header-option{margin-bottom:12px}.csv-guide-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}.csv-guide-columns span{min-width:0;border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:6px 8px;font-size:.72rem;font-weight:700;line-height:1.25}.csv-guide p{margin:0 0 8px;color:var(--text-muted);font-size:.76rem;line-height:1.45}.csv-guide code{display:block;overflow-x:auto;border-radius:var(--radius-sm);background:#1a202c;color:#fff;padding:8px 10px;font-size:.72rem;line-height:1.45;white-space:nowrap}.csv-upload-box{display:grid;gap:10px;margin:12px 0}.csv-file-picker{display:flex;align-items:center;justify-content:center;gap:10px;min-height:72px;border:1.5px dashed rgba(0,151,167,.45);border-radius:var(--radius);background:#0097a70d;color:var(--primary-dark);padding:14px;font-weight:800;text-align:center;cursor:pointer}.csv-file-picker input{display:none}.csv-file-picker span{min-width:0;overflow:hidden;text-overflow:ellipsis}.atten-status-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.atten-btn{border:1.5px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-muted);padding:5px 9px;font-size:.74rem;font-weight:800;line-height:1.2;min-height:30px;flex:0 0 auto}.atten-btn.active[data-status=Hadir]{background:#c6f6d5;color:#276749;border-color:#38a169}.atten-btn.active[data-status=Izin]{background:#bee3f8;color:#2c5282;border-color:#3182ce}.atten-btn.active[data-status=Sakit]{background:#fefcbf;color:#975a16;border-color:#d69e2e}.atten-btn.active[data-status=Alpa]{background:#fed7d7;color:#9b2c2c;border-color:#e53e3e}.attendance-history-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px 0 12px}.attendance-summary span,.status-badge{border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:800;line-height:1.2;text-align:center}.attendance-summary span[data-status=Hadir],.status-badge[data-status=Hadir]{background:#c6f6d5;color:#276749}.attendance-summary span[data-status=Izin],.status-badge[data-status=Izin]{background:#bee3f8;color:#2c5282}.attendance-summary span[data-status=Sakit],.status-badge[data-status=Sakit]{background:#fefcbf;color:#975a16}.attendance-summary span[data-status=Alpa],.status-badge[data-status=Alpa]{background:#fed7d7;color:#9b2c2c}.attendance-history-list{display:grid;gap:8px;margin-bottom:12px}.attendance-history-item{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid var(--border);border-radius:var(--radius);padding:10px;background:var(--surface)}.history-date-badge{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--primary);background:#0097a714;font-weight:800}.history-date-badge svg{width:15px;height:15px;margin-bottom:-8px}.history-date-badge span{line-height:1}.history-main{flex:1;min-width:0}.history-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-bottom:5px}.history-topline strong{min-width:0;overflow-wrap:anywhere;line-height:1.25}.history-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--text-muted);font-size:.74rem;line-height:1.35}.history-meta span{border-radius:999px;background:var(--bg);padding:3px 7px}.history-note{margin-top:5px;color:var(--text-muted);font-size:.72rem}.history-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.center-card{text-align:center;padding:40px 20px}.center-card svg{color:var(--primary)}.center-card h2{margin:12px 0 8px}.center-card p{color:var(--text-muted);max-width:420px;margin:0 auto 20px;line-height:1.6}.empty-state{text-align:center;color:var(--text-muted);padding:36px 16px}.empty-state .icon{opacity:.5;font-weight:800}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;z-index:200;background:#00000080}.modal{width:100%;max-width:680px;max-height:90vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0}.modal-header{position:sticky;top:0;background:var(--surface);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 16px;border-bottom:1px solid var(--border)}.modal-title{font-weight:800}.modal-close{flex:0 0 32px;width:32px;height:32px;border:0;border-radius:50%;background:var(--bg);color:var(--text-muted);cursor:pointer}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:10px}#toast-container{position:fixed;top:20px;right:20px;z-index:999;display:flex;flex-direction:column;gap:8px}.toast{width:min(320px,calc(100vw - 32px));border-radius:var(--radius-sm);background:var(--text);color:#fff;padding:12px 16px;box-shadow:var(--shadow-md);font-weight:700}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.page-loader,.inline-loader{display:grid;place-items:center;gap:12px;color:var(--primary-dark);font-weight:800}.page-loader{min-height:100vh}.inline-loader{min-height:120px}.loader-spinner{width:42px;height:42px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:560px){:root{--nav-h: 58px}body{font-size:14px;padding-bottom:calc(var(--nav-h) + 10px)}.auth-page{padding:16px;align-items:start}.auth-card{padding:20px}.auth-logo{width:44px;height:44px;font-size:.9rem}.auth-card h1{font-size:1.25rem}.auth-card p{font-size:.82rem;margin-bottom:14px}.auth-tabs button{padding:8px;font-size:.84rem}.auth-message,.auth-secondary{font-size:.78rem}.top-header,.page-title-bar{padding:16px 16px 44px}.brand-avatar{width:34px;height:34px;font-size:.82rem}.brand-name{font-size:.96rem}.notif-btn{width:34px;height:34px}.header-greeting{margin-top:12px}.header-greeting h2,.page-title-bar h1{font-size:1.08rem}.header-greeting p,.page-title-bar p{font-size:.76rem}.back-btn{margin-bottom:10px;padding:6px 9px;font-size:.74rem}.page-content{width:min(100% - 24px,760px)}.card{padding:12px;margin-bottom:10px}.section-header{margin:16px 0 10px}.section-title{font-size:.9rem}.muted,.feature-subtitle{font-size:.74rem}.form-row{grid-template-columns:1fr;gap:0}.form-group{margin-bottom:10px}.form-label{margin-bottom:5px;font-size:.74rem}.form-control{padding:9px 11px;font-size:.84rem}textarea.form-control{min-height:92px}.search-bar{padding:8px 12px;margin-bottom:10px}.search-bar input{font-size:.84rem}.tab-bar{margin-bottom:12px}.tab-btn{padding:8px 6px;font-size:.8rem}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat-card{padding:10px 6px}.stat-num{font-size:1.08rem}.stat-label{font-size:.62rem}.schedule-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-metric{gap:8px;padding:10px}.summary-icon{width:30px;height:30px}.summary-icon svg{width:15px;height:15px}.summary-value{font-size:.98rem}.summary-label{font-size:.64rem}.schedule-filter-card .section-header.compact{align-items:center}.schedule-day-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.schedule-day-chip{min-height:36px;padding:7px 8px;font-size:.76rem}.schedule-day-chip strong{min-width:22px;padding:2px 6px;font-size:.68rem}.schedule-toolbar{align-items:flex-start;flex-direction:column;gap:8px;margin:14px 0 10px}.schedule-toolbar .btn{width:100%}.feature-grid{grid-template-columns:1fr}.bulk-action-row{justify-content:stretch}.bulk-action-row .btn{width:100%}.feature-card{padding:13px}.feature-icon{width:36px;height:36px;margin-bottom:9px}.feature-title{font-size:.9rem}.feature-btn{padding:6px 12px;font-size:.7rem}.btn,.icon-text-btn{min-height:36px;padding:8px 13px;font-size:.82rem}.btn-sm{min-height:30px;padding:5px 10px;font-size:.72rem}.btn-fab{width:48px;height:48px;right:14px;bottom:calc(var(--nav-h) + 12px)}.bottom-nav{height:var(--nav-h)}.nav-item{gap:2px;font-size:.58rem}.nav-icon-wrap{min-width:28px;height:24px}.nav-icon-wrap svg{width:18px;height:18px}.list-item,.entity-row{align-items:flex-start;flex-wrap:wrap}.list-info{flex-basis:calc(100% - 54px)}.list-avatar{width:36px;height:36px;font-size:.78rem}.list-name{font-size:.86rem}.list-sub{font-size:.7rem}.list-actions,.action-row{width:100%;justify-content:flex-start;padding-left:48px}.class-card{grid-template-columns:1fr;gap:12px}.class-card-main{align-items:flex-start}.class-card-actions{justify-content:flex-start;padding-left:48px}.class-card-actions .btn{flex:0 1 auto}.action-row{padding-left:0}.atten-status-group{width:100%;justify-content:flex-start;padding-left:54px}.attendance-history-filters{grid-template-columns:1fr}.attendance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-history-item{align-items:flex-start;flex-wrap:wrap;gap:8px}.history-main{flex-basis:calc(100% - 56px)}.history-topline{align-items:flex-start;flex-direction:column;gap:5px}.history-actions{width:100%;justify-content:flex-start;padding-left:52px}.section-header.compact .btn{width:100%}.history-actions .btn{width:auto}.section-action{width:100%}.badge{padding:3px 7px;font-size:.64rem}.schedule-day{margin-bottom:14px}.schedule-day-heading{margin-bottom:7px}.schedule-day-label{padding:3px 8px;font-size:.68rem}.schedule-day-heading span,.schedule-day-load{font-size:.68rem}.schedule-day-load{padding:5px 8px}.schedule-item{align-items:flex-start;flex-wrap:wrap}.schedule-item{gap:10px;padding:11px}.schedule-time{flex-basis:62px;padding:7px 5px;font-size:.78rem}.schedule-time span{font-size:.64rem}.schedule-detail{flex-basis:calc(100% - 72px)}.schedule-subject-row{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:7px}.schedule-subject{font-size:.86rem}.schedule-duration{align-self:flex-start}.schedule-duration,.schedule-meta span{padding:3px 7px;font-size:.66rem}.schedule-meta{gap:6px}.schedule-item .list-actions{width:100%;justify-content:flex-start;padding-left:72px}.schedule-actions .btn{flex:0 1 auto}.center-card{padding:26px 14px}.center-card h2{font-size:1rem}.center-card p{font-size:.78rem}.csv-guide{margin:10px 0;padding:10px}.csv-guide-title{font-size:.76rem}.csv-column-picker{grid-template-columns:1fr;gap:6px}.csv-column-option,.csv-header-option{padding:7px 8px;font-size:.68rem}.csv-guide-columns{grid-template-columns:1fr;gap:5px}.csv-guide-columns span,.csv-guide p,.csv-guide code{font-size:.68rem}.csv-upload-box{gap:8px}.csv-file-picker{min-height:58px;padding:11px;font-size:.78rem}.empty-state{padding:24px 10px}.empty-state h3{font-size:.95rem}.modal-header{padding:14px 16px 12px}.modal-title{font-size:.92rem}.modal-body{padding:16px}.modal-footer .btn{flex:1 1 140px}#toast-container{top:12px;right:12px;left:12px}.toast{width:100%;max-width:none}}@media(min-width:561px)and (max-width:960px){.page-content{width:min(100% - 40px,820px)}.schedule-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-day-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.schedule-toolbar{align-items:flex-start}.schedule-item{align-items:flex-start;flex-wrap:wrap}.schedule-detail{flex-basis:calc(100% - 90px)}.schedule-item .list-actions{width:100%;justify-content:flex-start;padding-left:90px}}@media(min-width:1200px){body{padding:60px 0 0}.bottom-nav{display:none}.desktop-nav{position:fixed;inset:0 0 auto;height:60px;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:100;padding:0 24px;border-bottom:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.desktop-nav-brand{display:flex;align-items:center;gap:10px;color:var(--primary);font-weight:800;flex:0 0 auto}.desktop-nav-brand span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;background:var(--primary);font-size:.78rem}.desktop-nav-links{display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.desktop-nav-links::-webkit-scrollbar{display:none}.desktop-nav-link{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:8px 12px;color:var(--text-muted);font-size:.85rem;font-weight:800;line-height:1.2;white-space:nowrap;flex:0 0 auto}.desktop-nav-link.active,.desktop-nav-link:hover{color:var(--primary);background:#0097a714}.icon-text-btn{color:var(--primary);background:#0097a714;padding:8px 12px;flex:0 0 auto}.feature-grid{grid-template-columns:repeat(3,1fr)}.btn-fab{bottom:24px}.modal-overlay{align-items:center}.modal{border-radius:var(--radius);max-width:560px}}