@layer base,page,controls;@layer page{.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--space-4);margin-top:var(--space-3)}.stat-card{background:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:.5rem}.stat-card>.material-symbols-outlined{background:var(--color-primary);color:var(--color-white);padding:.5rem;border-radius:var(--border-radius-1);font-size:1.6rem;width:fit-content}.stat-card h3{margin:0;font-size:.85rem;color:var(--color-dark-variant)}.stat-card h1{margin:0;font-size:1.8rem}.stat-card small{margin:0}}@layer page{.search-bar{display:flex;align-items:center;gap:.6rem;background:var(--color-white);border:1px solid var(--border-control);border-radius:var(--border-radius-1);padding:.6rem 1rem;flex:1 1 240px}.search-bar:focus-within{border-color:var(--color-primary)}.search-bar input{border:none;outline:none;background:transparent;width:100%;color:var(--color-dark)}.toolbar-filters{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.85rem}.toolbar-filters label{color:var(--color-dark-variant)}.view-toolbar select,.view-toolbar input[type=date]{padding:.6rem .9rem;border-radius:var(--border-radius-2);border:1px solid var(--border-control);background:var(--color-white);color:var(--color-dark)}}@layer page{.attendance-status-group{display:flex;flex-wrap:wrap;gap:.4rem}.btn-sm{padding:.4rem .8rem;font-size:.78rem}.attendance-status-btn{background:var(--color-background);color:var(--color-dark-variant);border:1px solid var(--border-control)}.attendance-status-btn:hover{border-color:var(--color-info-dark)}.attendance-status-btn.active[data-status=present]{background:var(--color-success-fill);color:#fff;border-color:var(--color-success-fill)}.attendance-status-btn.active[data-status=absent]{background:var(--color-danger-fill);color:#fff;border-color:var(--color-danger-fill)}.attendance-status-btn.active[data-status=late]{background:var(--color-warning-fill);color:#fff;border-color:var(--color-warning-fill)}.attendance-status-btn.active[data-status=excused]{background:var(--color-primary-fill);color:#fff;border-color:var(--color-primary-fill)}}@layer page{.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:.9rem 1rem;font-size:.8rem;color:var(--color-dark-variant);border-bottom:1px solid var(--color-light)}.data-table td{padding:1.2rem 1rem;font-size:.85rem;text-align:left;border-bottom:1px solid var(--color-light);vertical-align:middle}.data-table tbody tr:hover{background:var(--color-background)}.actions-col{text-align:center;width:1%;white-space:nowrap}.data-table td.actions-col .btn-icon+.btn-icon{margin-left:.25rem}.actions-col .btn-icon.danger,.roster-row-rail .btn-icon.danger{margin-left:var(--space-3)}.badge-neutral{background:var(--color-background);color:var(--color-dark-variant)}.table-pagination{display:flex;justify-content:flex-end;align-items:center;gap:.6rem;padding:1rem;font-size:.85rem;color:var(--color-dark-variant)}.table-pagination button{min-width:var(--tap-target);min-height:var(--tap-target);background:var(--color-background);border:none;border-radius:var(--border-radius-1);padding:.4rem .8rem;cursor:pointer}.table-pagination button:disabled{opacity:.4;cursor:not-allowed}.table-pagination button.active{background:var(--color-primary);color:var(--color-white)}.data-table input[type=text],.data-table input[type=number],.data-table select{width:100%;padding:.4rem .6rem;border:1px solid var(--border-control);border-radius:var(--border-radius-1);background:var(--color-background);color:var(--color-dark);font-size:var(--text-sm)}}@layer page{.modal-overlay{position:fixed;inset:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:1000}.modal-overlay.active{display:flex}.modal{background:var(--color-white);border-radius:var(--card-border-radius);width:min(560px,92vw);max-height:88vh;overflow-y:auto;display:flex;flex-direction:column}.modal-sm{width:min(400px,92vw)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.6rem;border-bottom:1px solid var(--color-light)}.modal-header h2{font-size:1.1rem}.modal-close{min-width:var(--tap-target);min-height:var(--tap-target);margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) calc(var(--space-2) * -1) 0;background:none;border:none;border-radius:var(--border-radius-1);cursor:pointer;color:var(--color-dark-variant);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.modal-close:hover{background:var(--color-background);color:var(--color-dark)}.modal-body{padding:1.4rem 1.6rem;display:flex;flex-direction:column;gap:1rem}.modal-body .field-group{display:flex;flex-direction:column;gap:.4rem}.modal-body label{font-size:.82rem;color:var(--color-dark-variant)}.modal-body input,.modal-body select,.modal-body textarea{padding:.6rem .9rem;border:1px solid var(--border-control);border-radius:var(--border-radius-2);background:var(--color-background);color:var(--color-dark)}.modal-body .field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:.8rem;padding:1.4rem 1.6rem;border-top:1px solid var(--color-light)}}@layer page{.panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);text-align:center;color:var(--color-info-dark)}.panel-empty .material-symbols-outlined{font-size:2.4rem;opacity:.6}.panel-empty p{font-size:var(--text-sm);color:var(--color-info-dark)}.toast-container{position:fixed;top:1.6rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:calc(100vw - 2rem);z-index:1100}.toast{background:var(--color-white);border-radius:var(--border-radius-1);padding:.9rem 1.4rem;box-shadow:var(--shadow-md);font-size:.85rem;display:flex;align-items:center;gap:.6rem;min-width:240px;animation:toast-in .25s ease-out}.toast.toast-success{border-left:4px solid var(--color-success)}.toast.toast-error{border-left:4px solid var(--color-danger)}@keyframes toast-in{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}}@layer page{.view-subtitle{color:var(--color-dark-variant);font-size:.88rem;margin:.2rem 0 1.4rem}.myclasses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4);margin-top:var(--space-2)}.class-card{--accent: var(--color-primary);display:flex;align-items:center;gap:.8rem;text-align:left;background:var(--color-white);border:none;border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);padding:0;overflow:hidden;cursor:pointer;transition:box-shadow var(--duration-micro) var(--ease-out),transform var(--duration-micro) var(--ease-out)}.class-card:hover{transform:translateY(var(--lift-hover));box-shadow:var(--shadow-md)}.class-card-accent{width:6px;align-self:stretch;background:var(--accent)}.class-card-body{flex:1;padding:1.2rem .4rem}.class-card-subject{margin:0;font-size:1.05rem;color:var(--color-dark)}.class-card-section{margin:.2rem 0 .6rem;font-size:.85rem;color:var(--color-dark-variant)}.class-card-count{display:flex;align-items:center;gap:.35rem;margin:0;font-size:.82rem;color:var(--color-dark-variant)}.class-card-count .material-symbols-outlined{font-size:1.1rem}.class-card-arrow{color:var(--color-info-dark);margin-right:1rem}}@layer page{.breadcrumb-back{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;cursor:pointer;color:var(--color-dark-variant);font-size:.85rem;font-weight:600;padding:0;margin-bottom:1rem}.breadcrumb-back:hover{color:var(--color-primary-text)}.breadcrumb-back .material-symbols-outlined{font-size:1.2rem}.class-ws-header{display:flex;align-items:center;gap:.9rem;margin-bottom:1.2rem}.class-ws-dot{width:14px;height:14px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.class-ws-header h1{margin:0;font-size:1.5rem}.class-ws-header .view-subtitle{margin:.1rem 0 0}.class-subtabs{display:flex;gap:.4rem;flex-wrap:wrap;border-bottom:1px solid var(--color-light);margin-bottom:1.4rem}.class-subtab{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;border-bottom:2px solid transparent;padding:.7rem 1rem;cursor:pointer;font-size:.88rem;font-weight:600;color:var(--color-dark-variant);margin-bottom:-1px}.class-subtab .material-symbols-outlined{font-size:1.2rem}.class-subtab:hover{color:var(--color-primary-text)}.class-subtab.active{color:var(--color-primary-text);border-bottom-color:var(--color-primary-text)}.toolbar-actions{display:flex;gap:.6rem;flex-wrap:wrap}.link-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--color-primary-text);font-size:.85rem;font-weight:600;text-align:left}.link-btn:hover{text-decoration:underline}}@layer page{.scoresheet-wrap{overflow-x:auto}.scoresheet{min-width:max-content}.scoresheet .sticky-col{position:sticky;left:0;background:var(--color-white);z-index:1;font-weight:600;min-width:180px}.scoresheet tbody tr:hover .sticky-col{background:var(--color-background)}.assignment-col{min-width:160px;max-width:200px}.assignment-head{display:flex;flex-direction:column;gap:.15rem}.assignment-name{display:block;font-weight:600;color:var(--color-dark);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assignment-meta{font-size:.72rem;color:var(--color-dark-variant)}.assignment-due{font-size:.72rem;color:var(--color-info-dark)}.assignment-actions{display:flex;gap:.1rem;margin-top:.2rem}.assignment-actions .btn-icon .material-symbols-outlined{font-size:1rem}.score-cell{width:96px}.score-input{text-align:center}.overall-col{text-align:center;min-width:110px}.overall-score{display:block;font-size:1.05rem;font-weight:700;color:var(--color-primary-text)}.overall-sub{display:block;font-size:.72rem;color:var(--color-dark-variant)}}@layer page{.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-6) var(--space-3);text-align:center;color:var(--color-dark-variant)}.empty-state .material-symbols-outlined{font-size:2.4rem;opacity:.6}.empty-state .empty-sub{font-size:var(--text-sm);color:var(--color-info-dark)}.quickstat-list{list-style:none;display:flex;flex-direction:column;gap:.7rem}.quickstat-list li{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--color-dark-variant)}.quickstat-list b{color:var(--color-dark);font-size:var(--text-base)}}@layer page{.drawer-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1200;opacity:0;visibility:hidden;transition:opacity var(--transition-speed) ease,visibility 0s linear var(--transition-speed)}.drawer-overlay.active{opacity:1;visibility:visible;transition:opacity var(--transition-speed) ease}.drawer{background:var(--color-white);width:min(420px,92vw);height:100%;display:flex;flex-direction:column;box-shadow:-1rem 0 2rem var(--color-light);transform:translate(20px);transition:transform var(--transition-speed) ease}.drawer-overlay.active .drawer{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 1.6rem;border-bottom:1px solid var(--color-light)}.drawer-header h2{font-size:1.1rem}.drawer-body{padding:1.4rem 1.6rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.6rem}.drawer-section h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-dark-variant);margin-bottom:.7rem}.drawer-contact{list-style:none;display:flex;flex-direction:column;gap:.5rem}.drawer-contact li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-dark)}.drawer-contact .material-symbols-outlined{font-size:1.1rem;color:var(--color-info-dark)}.drawer-card{background:var(--color-background);border-radius:var(--border-radius-2);padding:.9rem 1rem;margin-bottom:.8rem}.drawer-card-head{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.drawer-rel{font-size:.75rem;color:var(--color-dark-variant)}.drawer-muted{font-size:.85rem;color:var(--color-dark-variant)}.drawer-attendance{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.att-chip{padding:.25rem .7rem;border-radius:var(--border-radius-3);font-size:var(--text-xs);font-weight:600}.att-chip.att-present{background:var(--color-success-light);color:var(--color-success-text)}.att-chip.att-absent{background:var(--color-danger-light);color:var(--color-danger-text)}.att-chip.att-late{background:var(--color-warning-light);color:var(--color-warning-text)}.att-chip.att-excused{background:var(--color-primary-light);color:var(--color-primary-text)}.drawer-grades{list-style:none;display:flex;flex-direction:column;gap:.45rem}.drawer-grades li{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--color-dark)}.readonly-note{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-info-dark);font-size:.82rem}.readonly-note .material-symbols-outlined{font-size:1.1rem}}@layer page{@media (min-width: 769px){.container{grid-template-columns:14rem minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start}aside{grid-row:1 / 3}.right{grid-column:2;grid-row:1;margin:1.2rem 0 0;width:auto;display:flex;align-items:center;justify-content:flex-end;gap:1.2rem}.right .top{margin-bottom:0}main{grid-column:2;grid-row:2;margin-top:.5rem}}@media (min-width: 769px) and (max-width: 1200px){.container{grid-template-columns:7rem minmax(0,1fr)}}.quickbar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;max-height:none;overflow:visible}.qstat{display:inline-flex;align-items:center;gap:.35rem;background:var(--color-white);border:1px solid var(--color-light);border-radius:var(--border-radius-1);padding:.4rem .7rem;font-size:.78rem;font-weight:600;color:var(--color-dark-variant);white-space:nowrap}.qstat .material-symbols-outlined{font-size:1rem;color:var(--color-primary-text)}@media screen and (max-width: 1200px){main .recent-activity{position:static;left:auto;width:auto;overflow-x:auto}main .recent-activity table{width:100%;padding:var(--card-padding)}.data-table{min-width:560px}.roster-list{min-width:600px}}}@layer page{.roster-head{display:flex;padding-right:84px;border-bottom:1px solid var(--color-light)}.roster-head .roster-row-cells{padding:.9rem 1rem;font-size:.8rem;color:var(--color-dark-variant)}.roster-row{display:flex;align-items:stretch;border-bottom:1px solid var(--color-light)}.roster-row:hover{background:var(--color-background)}.roster-row-cells{flex:1;display:grid;grid-template-columns:minmax(0,2fr) repeat(var(--roster-cols, 3),minmax(0,1fr));align-items:center;gap:.8rem;padding:1rem;cursor:pointer}.roster-row-cells:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--border-radius-1)}.roster-name{font-weight:600;color:var(--color-dark)}.roster-grade{font-size:.9rem}.roster-row-rail{flex:0 0 84px;display:flex;align-items:center;justify-content:center;gap:.25rem;opacity:0;transition:opacity .15s ease}.roster-row:hover .roster-row-rail,.roster-row:focus-within .roster-row-rail{opacity:1}@media (hover: none){.roster-row-rail{opacity:1}}.gradebook-table tbody tr.row-clickable{cursor:pointer}.gradebook-table tbody tr.row-clickable:hover,.roster-row:hover,.gradebook-table tbody tr.row-clickable:hover .sticky-col{background:var(--color-primary-light)}}@layer page{.modal-lg{width:min(960px,95vw)}#modal-overlay{z-index:1300}#confirm-overlay{z-index:1400}.manage-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.2rem 0}.manage-item-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.manage-item-info b{font-size:.9rem;color:var(--color-dark)}.manage-item-meta{font-size:.78rem;color:var(--color-dark-variant)}.manage-item-actions{display:flex;gap:.25rem;flex-shrink:0}.sg-period{font-size:.85rem;color:var(--color-dark-variant)}.sg-grid{min-width:800px}.sg-row>:first-child,.pg-row>:first-child{position:sticky;left:0;z-index:1;background:var(--color-white);box-shadow:2px 0 0 var(--color-light)}.sg-row{display:grid;grid-template-columns:minmax(120px,1.6fr) 52px 96px 124px 96px 104px 104px minmax(140px,1.5fr);gap:.6rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--color-light)}.sg-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-dark-variant)}.sg-cell{font-size:.82rem;color:var(--color-dark);min-width:0}.sg-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-num{text-align:center}.sg-muted{color:var(--color-dark-variant);font-size:.78rem}.sg-grid .sg-score,.sg-grid .sg-note{width:100%;padding:.4rem .5rem;border:1px solid var(--border-control);border-radius:var(--border-radius-1);background:var(--color-background);color:var(--color-dark);font-size:var(--text-sm)}.sg-grid .sg-score{text-align:center}.sg-score-cell{display:flex;align-items:center;gap:.3rem}.sg-grid .sg-score.sg-locked{background:var(--color-light);color:var(--color-dark-variant);cursor:default}.sg-edit-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-target);min-height:var(--tap-target);padding:.2rem;border:none;background:transparent;border-radius:var(--border-radius-1);cursor:pointer;color:var(--color-dark-variant)}.sg-edit-btn:hover{background:var(--color-background)}.sg-edit-btn .material-symbols-outlined{font-size:1rem}}@layer page{.field-help{font-size:var(--text-xs);color:var(--color-info-dark)}.modal-body input:disabled,.modal-body select:disabled{opacity:.7;cursor:not-allowed}.admin-only{opacity:.5;cursor:not-allowed}.cat-total{margin-right:auto;font-size:.82rem;color:var(--color-dark-variant)}.pg-grid{min-width:700px}.pg-row{display:grid;grid-template-columns:minmax(140px,1.6fr) 92px 92px 110px minmax(160px,1.6fr);gap:.6rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-light)}.pg-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-dark-variant)}.pg-cell{font-size:.82rem;color:var(--color-dark);min-width:0}.pg-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-center{text-align:center}.pg-grid .pg-score,.pg-grid .pg-note{width:100%;padding:.4rem .5rem;border:1px solid var(--border-control);border-radius:var(--border-radius-1);background:var(--color-background);color:var(--color-dark);font-size:var(--text-sm)}.pg-grid .pg-score{text-align:center}.pg-actions{margin-top:.9rem;display:flex;justify-content:flex-end}.cg-grid{min-width:520px}.cg-row{display:grid;grid-template-columns:minmax(160px,1.6fr) 110px minmax(180px,2fr);gap:.6rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-light)}.cg-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-dark-variant)}.cg-cell{font-size:.82rem;color:var(--color-dark);min-width:0}.cg-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cg-grid .cg-score,.cg-grid .cg-note{width:100%;padding:.4rem .5rem;border:1px solid var(--border-control);border-radius:var(--border-radius-1);background:var(--color-background);color:var(--color-dark);font-size:var(--text-sm)}.cg-grid .cg-score{text-align:center}}@layer page{.absence-summary{margin-bottom:1.2rem;padding:1rem 1.2rem}.absence-summary-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.8rem}.absence-summary-head h3{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--color-dark)}.absence-summary-head .material-symbols-outlined{font-size:1.2rem;color:var(--color-warning-text)}.absence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem}.absence-chip{display:flex;flex-direction:column;gap:.15rem;background:var(--color-warning-light);border-left:3px solid var(--color-warning);border-radius:var(--border-radius-1);padding:.6rem .8rem}.absence-chip.absence-high{background:var(--color-danger-light);border-left-color:var(--color-danger)}.absence-chip b{font-size:.85rem;color:var(--color-dark)}.absence-chip span{font-size:var(--text-xs);color:var(--color-dark-variant)}.today-list{display:flex;flex-direction:column;gap:.9rem;margin-top:.6rem}.today-card{--accent: var(--color-primary);display:flex;align-items:center;gap:1rem;background:var(--color-white);border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);overflow:hidden;padding:0}.today-card-accent{width:6px;align-self:stretch;background:var(--accent)}.today-card-time{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:1rem 0}.today-card-time b{font-size:1rem;color:var(--color-dark)}.today-card-time span{font-size:.78rem;color:var(--color-dark-variant)}.today-card-body{flex:1;padding:1rem 0}.today-card-body h3{margin:0;font-size:1rem;color:var(--color-dark)}.today-card-body p{margin:.2rem 0 0;font-size:var(--text-sm);color:var(--color-dark-variant)}.today-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding:0 1.2rem}}@layer page{.drawer-header-actions{display:flex;align-items:center;gap:.3rem}.drawer-identity{display:flex;flex-direction:column;align-items:center;gap:.9rem}.drawer-identity .drawer-contact{width:100%}.drawer-photo{width:84px;height:84px;border-radius:50%;object-fit:cover;background:var(--color-background)}.drawer-photo-empty{display:flex;align-items:center;justify-content:center;color:var(--color-info-dark)}.drawer-photo-empty .material-symbols-outlined{font-size:2.4rem}.drawer-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.drawer-section-head h3{margin-bottom:0}.drawer-card-edit{margin-left:auto}.drawer-card-edit .material-symbols-outlined{font-size:1rem}.profile-photo>.material-symbols-outlined{color:var(--color-info-dark)}.demo-badge{align-self:center;margin-left:.5rem;padding:.15rem .5rem;border-radius:.4rem;font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--color-white);background:var(--color-danger);cursor:help}}