@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Myanmar:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&family=Noto+Sans+Myanmar:wght@400;500;600&display=swap";html,body,#root{width:100%;min-height:100%;margin:0;padding:0}#root{text-align:left;max-width:none}:root{--ink:#000;--paper:#fff;--canvas:#f4f4f3;--line:#dcdcd9;--muted:#5c5c5a;--silver:#a9a9a6;--rail-line:#2b2b2a;--danger:#9e2a22;--font:"Jost", "Noto Sans Myanmar", system-ui, sans-serif;--step--1:13px;--step-0:15px;--step-1:18px;--step-2:24px;--step-3:34px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;font-family:var(--font);font-size:var(--step-0);color:var(--ink);background:var(--canvas);font-synthesis:none;-webkit-font-smoothing:antialiased;line-height:1.5}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;font-weight:400}p{margin:0}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.myanmar{font-family:"Noto Sans Myanmar", var(--font)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{min-height:100dvh;display:flex}.sidebar{background:var(--ink);width:232px;color:var(--paper);padding:var(--space-6) var(--space-4) var(--space-5);flex-direction:column;flex-shrink:0;height:100dvh;display:flex;position:sticky;top:0;overflow-y:auto}.brand{padding:0 var(--space-3) var(--space-6)}.brand img{width:92px;height:auto;display:block}.navigation{gap:2px;display:grid}.nav-item{width:100%;color:var(--silver);text-align:left;padding:9px var(--space-3);font-size:var(--step-0);letter-spacing:.01em;background:0 0;border:0;border-radius:3px;display:block}.nav-item:hover{color:var(--paper)}.nav-item.active{background:var(--paper);color:var(--ink);font-weight:500}.nav-item:focus-visible{outline-color:var(--paper)}.sidebar-bottom{padding:var(--space-5) var(--space-3) 0;border-top:1px solid var(--rail-line);margin-top:auto}.admin-profile strong{font-weight:500;font-size:var(--step-0);display:block}.admin-profile span{color:var(--silver);font-size:var(--step--1);margin-top:2px;display:block}.sidebar-logout{margin-top:var(--space-4);border:1px solid var(--rail-line);color:var(--paper);padding:7px var(--space-3);font-size:var(--step--1);background:0 0;border-radius:3px}.sidebar-logout:hover{border-color:var(--paper)}.sidebar-logout:focus-visible{outline-color:var(--paper)}.main-content{flex:1;min-width:0}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-7);border-bottom:1px solid var(--line);background:var(--paper);display:flex}.topbar-title{font-size:var(--step-1);font-weight:500}.top-actions{align-items:center;gap:var(--space-3);display:flex}.branch-selector{border:1px solid var(--line);background:var(--paper);padding:7px var(--space-3);font-size:var(--step--1);border-radius:3px;max-width:200px}.language-switch{border:1px solid var(--line);border-radius:3px;display:flex;overflow:hidden}.language-switch button{background:var(--paper);color:var(--muted);padding:6px var(--space-3);font-size:var(--step--1);border:0}.language-switch button.selected{background:var(--ink);color:var(--paper)}.mobile-logout{border:1px solid var(--line);background:var(--paper);padding:6px var(--space-3);font-size:var(--step--1);border-radius:3px;display:none}.page-content{max-width:1240px;padding:var(--space-7);margin:0 auto}.welcome-section{margin-bottom:var(--space-5)}.welcome-section h2{font-size:var(--step-3);font-weight:300;line-height:1.15}.welcome-section p{color:var(--muted);margin-top:var(--space-2)}.sample-note{font-size:var(--step--1);color:var(--muted);border-left:2px solid var(--ink);padding-left:var(--space-3);margin-bottom:var(--space-6);max-width:64ch}.stats-grid{background:var(--paper);border:1px solid var(--line);margin-bottom:var(--space-5);border-radius:6px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat-card{padding:var(--space-5);min-width:0}.stat-card+.stat-card{border-left:1px solid var(--line)}.stat-label{color:var(--muted);font-size:var(--step--1)}.stat-value{font-size:var(--step-2);margin:var(--space-2) 0 var(--space-1);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:400}.stat-value small,.stat-note{font-size:var(--step--1);color:var(--muted)}.content-grid{gap:var(--space-5);margin-bottom:var(--space-5);grid-template-columns:1.7fr 1fr;display:grid}.panel{background:var(--paper);border:1px solid var(--line);padding:var(--space-5);border-radius:6px;min-width:0}.panel-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.panel-heading h3{font-size:var(--step-1);font-weight:500}.panel-sub{color:var(--muted);font-size:var(--step--1);margin-bottom:var(--space-3)}.text-button{font-size:var(--step--1);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.class-list{margin:0;padding:0;list-style:none}.class-row{gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--line);grid-template-columns:64px minmax(0,1fr) auto;align-items:baseline;display:grid}.class-time strong{font-variant-numeric:tabular-nums;font-weight:500;display:block}.class-time span{color:var(--muted);font-size:var(--step--1);font-variant-numeric:tabular-nums}.class-details strong{font-weight:500;display:block}.class-details span{color:var(--muted);font-size:var(--step--1)}.seat-count{font-size:var(--step--1);color:var(--muted);font-variant-numeric:tabular-nums}.occupancy-number{margin:var(--space-2) 0;font-size:56px;font-weight:300;line-height:1}.progress-track{background:var(--line);height:4px}.progress-value{background:var(--ink);height:100%}.capacity-footer{gap:var(--space-6);margin-top:var(--space-5);display:flex}.capacity-footer strong{font-size:var(--step-1);font-weight:500;display:block}.capacity-footer span{color:var(--muted);font-size:var(--step--1)}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}.num,.status,.review-button{white-space:nowrap}th{font-size:var(--step--1);color:var(--muted);padding:var(--space-2);border-bottom:1px solid var(--ink);font-weight:400}td{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--line)}td strong{font-weight:500}th:first-child,td:first-child{padding-left:0}.num{text-align:right;font-variant-numeric:tabular-nums}.row-action{text-align:right;padding-right:0}.status{font-size:var(--step--1);align-items:center;gap:6px;display:inline-flex}.status:before{content:"";border:1px solid var(--ink);border-radius:50%;width:7px;height:7px}.status.done:before{background:var(--ink)}.status.pending{color:var(--ink)}.review-button{border:1px solid var(--ink);background:var(--paper);padding:4px var(--space-3);font-size:var(--step--1);border-radius:3px}.review-button:hover{background:var(--ink);color:var(--paper)}.placeholder-page{justify-content:center;align-items:flex-start;gap:var(--space-3);min-height:60vh;padding:var(--space-7);flex-direction:column;max-width:640px;display:flex}.placeholder-page h2{font-size:var(--step-3);font-weight:300}.placeholder-page p{color:var(--muted)}.placeholder-page button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:9px var(--space-4);margin-top:var(--space-2);border-radius:3px}@media (width<=1050px){.sidebar{width:200px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card:nth-child(3){border-left:0}.stat-card:nth-child(n+3){border-top:1px solid var(--line)}.content-grid{grid-template-columns:1fr}.page-content,.topbar{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (width<=700px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;padding:var(--space-4) var(--space-4) var(--space-3);position:static;overflow:visible}.brand{padding:0 0 var(--space-3)}.brand img{width:48px}.navigation{gap:var(--space-1);scrollbar-width:none;display:flex;overflow-x:auto}.nav-item{white-space:nowrap;width:auto;font-size:var(--step--1);padding:6px 10px}.sidebar-bottom{display:none}.mobile-logout{display:inline-block}.topbar{padding:var(--space-3) var(--space-4);flex-wrap:wrap}.top-actions{gap:var(--space-2);flex-wrap:wrap}.page-content{padding:var(--space-5) var(--space-4)}.welcome-section h2{font-size:var(--step-2)}.stat-card{padding:var(--space-4)}.stat-value{font-size:var(--step-1)}.panel{padding:var(--space-4)}.occupancy-number{font-size:44px}.placeholder-page{padding:var(--space-5) var(--space-4)}}.avc{color:var(--ink);max-width:1240px;padding:var(--space-7);margin:0 auto}.avc button{cursor:pointer}.avc-head,.avc-course-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.avc-head{margin-bottom:var(--space-5);align-items:flex-end}.avc h1{font-size:var(--step-3);margin:0;font-weight:300;line-height:1.15}.avc h2{font-size:var(--step-1);margin:0;font-weight:500}.avc h3{font-size:var(--step-0);margin:0;font-weight:500}.avc p{color:var(--muted);margin:var(--space-1) 0}.avc-head p{margin-top:var(--space-2)}.avc-head-actions,.avc-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.avc-primary,.avc-light{padding:8px var(--space-4);font-size:var(--step--1);border-radius:3px}.avc-primary{border:1px solid var(--ink);background:var(--ink);color:var(--paper)}.avc-primary:hover{background:var(--paper);color:var(--ink)}.avc-primary:disabled{background:var(--muted);border-color:var(--muted);color:var(--paper);cursor:default}.avc-light{border:1px solid var(--line);background:var(--paper)}.avc-light:hover{border-color:var(--ink)}.avc-toolbar{gap:var(--space-3);margin:var(--space-4) 0;display:flex}.avc-toolbar input,.avc input,.avc select,.avc textarea{border:1px solid var(--line);width:100%;min-width:0;padding:9px var(--space-3);background:var(--paper);color:var(--ink);border-radius:3px;font-size:16px}.avc input:focus,.avc select:focus,.avc textarea:focus{border-color:var(--ink);outline:none}.avc-toolbar input{flex:1;max-width:420px}.avc-filters,.avc-options{gap:var(--space-2);margin:var(--space-3) 0 var(--space-5);flex-wrap:wrap;display:flex}.avc-filters button,.avc-options button{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:6px var(--space-3);font-size:var(--step--1);border-radius:3px}.avc-filters button.selected,.avc-options button.chosen{background:var(--ink);border-color:var(--ink);color:var(--paper)}.avc-panel{background:var(--paper);border:1px solid var(--line);padding:var(--space-5);margin:var(--space-3) 0;border-radius:6px}.avc-panel p{font-size:var(--step--1)}.avc-panel small{color:var(--muted);font-size:var(--step--1)}.avc-badge{font-size:var(--step--1);border:1px solid var(--line);padding:2px var(--space-2);white-space:nowrap;border-radius:3px}.avc-badge.online{border-color:var(--ink)}.avc-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.avc-grid label{gap:var(--space-1);font-size:var(--step--1);color:var(--muted);flex-direction:column;display:flex}.avc-grid b{font-weight:400;font-size:var(--step--1);color:var(--muted)}.avc-grid textarea{min-height:72px}.avc .wide{grid-column:1/-1}.avc-actions{margin-top:var(--space-4);justify-content:flex-end}.avc-class-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.avc-class{border-top:1px solid var(--ink);padding:var(--space-3) 0 0;min-width:0}.avc-tags{gap:var(--space-1);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}.avc-tags span{background:var(--canvas);padding:2px var(--space-2);font-size:var(--step--1);border-radius:3px}.avc-class footer{border-top:1px solid var(--line);padding-top:var(--space-2);font-size:var(--step--1);color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.avc-class footer b{color:var(--ink);font-weight:500}.avc-class .avc-actions{margin-top:var(--space-2)}.avc-class .avc-actions button{font-size:var(--step--1);text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.avc-empty{background:var(--canvas);padding:var(--space-4);color:var(--muted);font-size:var(--step--1);border-radius:3px}.avc-empty.small{margin-top:var(--space-3)}.avc-overlay{z-index:1000;padding:var(--space-4);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.avc-modal{background:var(--paper);padding:var(--space-5);border-radius:6px;width:min(760px,100%);max-height:90vh;overflow:auto}.avc-modal h2{font-size:var(--step-2);font-weight:300}.avc-modal .avc-options{margin:var(--space-2) 0 var(--space-3)}.avc-note{font-size:var(--step--1);color:var(--muted);margin-top:var(--space-6);max-width:64ch;line-height:1.6}@media (width<=1050px){.avc{padding:var(--space-6)}}@media (width<=700px){.avc{padding:var(--space-5) var(--space-4)}.avc h1{font-size:var(--step-2)}.avc-head,.avc-course-head{flex-direction:column;align-items:flex-start}.avc-toolbar{flex-direction:column}.avc-toolbar input{max-width:none}.avc-class-grid,.avc-grid{grid-template-columns:1fr}.avc .wide{grid-column:auto}}