@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)}}.pg-page{padding:var(--space-7);max-width:1240px;margin:0 auto}.pg-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.pg-header h1{font-size:var(--step-3);font-weight:300;line-height:1.15}.pg-muted{color:var(--muted);font-size:var(--step--1)}.pg-header .pg-muted{margin-top:var(--space-2);font-size:var(--step-0)}.pg-button{border:1px solid var(--ink);padding:9px var(--space-4);background:var(--ink);color:var(--paper);border-radius:3px;min-height:40px}.pg-button:hover{background:var(--paper);color:var(--ink)}.pg-button:disabled{background:var(--muted);border-color:var(--muted);color:var(--paper);cursor:default}.pg-secondary{border:1px solid var(--line);padding:6px var(--space-3);background:var(--paper);font-size:var(--step--1);border-radius:3px;min-height:34px}.pg-secondary:hover{border-color:var(--ink)}.pg-secondary:disabled{color:var(--muted);cursor:default}.pg-secondary.pg-selected{border-color:var(--ink);background:var(--ink);color:var(--paper)}.pg-danger{color:var(--danger)}.pg-danger:hover{border-color:var(--danger)}.pg-summary{gap:var(--space-2) var(--space-6);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--ink);flex-wrap:wrap;display:flex}.pg-summary strong{font-size:var(--step-2);font-variant-numeric:tabular-nums;margin-right:var(--space-2);font-weight:400}.pg-summary span{color:var(--muted)}.pg-toolbar{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.pg-search,.pg-select{border:1px solid var(--line);padding:8px var(--space-3);background:var(--paper);border-radius:3px;min-height:40px;font-size:16px}.pg-search{width:100%;max-width:360px}.pg-search:focus,.pg-select:focus{border-color:var(--ink);outline:none}.pg-card{background:var(--paper);border:1px solid var(--line);padding:var(--space-5);margin-bottom:var(--space-3);border-radius:6px}.pg-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.pg-card-top h2{font-size:var(--step-1);font-weight:500}.pg-title{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.pg-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.pg-status{font-size:var(--step--1);align-items:center;gap:6px;display:inline-flex}.pg-status:before{content:"";border:1px solid var(--ink);background:var(--ink);border-radius:50%;width:7px;height:7px}.pg-status.off{color:var(--muted)}.pg-status.off:before{border-color:var(--muted);background:0 0}.pg-details{gap:var(--space-4);border-top:1px solid var(--line);margin-top:var(--space-4);padding-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.pg-details small{color:var(--muted);font-size:var(--step--1);display:block}.pg-details strong{overflow-wrap:anywhere;font-weight:400}.pg-details .unset{color:var(--muted)}.pg-overlay{padding:var(--space-4);z-index:2000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pg-modal{background:var(--paper);width:min(640px,100%);max-height:90dvh;padding:var(--space-5);-webkit-overflow-scrolling:touch;border-radius:6px;overflow:auto}.pg-modal h2{font-size:var(--step-2);font-weight:300}.pg-modal-intro{margin:var(--space-2) 0 var(--space-5)}.pg-form{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pg-form label,.pg-form fieldset{gap:var(--space-1);font-size:var(--step--1);color:var(--muted);flex-direction:column;display:flex}.pg-form fieldset{border:0;min-width:0;margin:0;padding:0}.pg-form legend{margin-bottom:var(--space-1);padding:0}.pg-form input,.pg-form select{width:100%;padding:10px var(--space-3);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:3px;min-height:44px;font-size:16px}.pg-form input:focus,.pg-form select:focus{border-color:var(--ink);outline:none}.pg-check{align-items:center;min-height:36px;gap:var(--space-2)!important;color:var(--ink)!important;font-size:var(--step-0)!important;flex-direction:row!important;display:flex!important}.pg-form input[type=checkbox],.pg-check input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--ink);flex-shrink:0;padding:0}.pg-check.locked{color:var(--muted)!important}.pg-wide{grid-column:1/-1}.pg-segment{border:1px solid var(--line);border-radius:3px;display:flex;overflow:hidden}.pg-segment button{background:var(--paper);color:var(--ink);padding:10px var(--space-3);min-height:44px;font-size:var(--step-0);border:0;flex:1}.pg-segment button+button{border-left:1px solid var(--line)}.pg-segment button.selected{background:var(--ink);color:var(--paper)}.pg-inline{border-left:2px solid var(--ink);padding:var(--space-3) 0 var(--space-3) var(--space-4);gap:var(--space-3);display:grid}.pg-error{color:var(--danger);font-size:var(--step--1);margin-top:var(--space-4)}.pg-warning{border:1px solid var(--ink);padding:var(--space-4);margin-top:var(--space-4);font-size:var(--step--1);border-radius:3px}.pg-warning p+p,.pg-warning p+div{margin-top:var(--space-3)}.pg-form-footer{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.pg-form-footer .pg-spacer{margin-right:auto}.pg-note{margin-top:var(--space-6);max-width:64ch}.pay-proof{margin-top:var(--space-5)}.pay-proof img{border:1px solid var(--line);border-radius:3px;max-width:100%;max-height:60dvh;margin:0 auto;display:block}.pay-proof p+p{margin-top:var(--space-2)}.cl-heading{font-size:var(--step-1);margin:var(--space-6) 0 var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--ink);font-weight:500}.cl-row{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.cl-row strong{font-weight:500}.pg-modal .pg-card{padding:var(--space-4)}.sc-week-nav{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.sc-week-label{font-size:var(--step-1);margin-right:var(--space-2);font-weight:500}.sc-day{margin-bottom:var(--space-5)}.sc-day-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);border-bottom:1px solid var(--ink);padding-bottom:var(--space-2);margin-bottom:var(--space-1);display:flex}.sc-day-head h2{font-size:var(--step-1);font-weight:500}.sc-today{color:var(--muted);font-weight:400}.sc-empty{color:var(--muted);font-size:var(--step--1);padding:var(--space-3) 0}.sc-list{margin:0;padding:0;list-style:none}.sc-row{gap:var(--space-4);text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;padding:var(--space-3) 0;background:0 0;grid-template-columns:84px minmax(0,1fr) auto;align-items:baseline;min-height:56px;display:grid}.sc-row:hover .sc-name{text-underline-offset:3px;text-decoration:underline}.sc-row:disabled{cursor:default}.sc-row:disabled:hover .sc-name{text-decoration:none}.sc-time strong{font-variant-numeric:tabular-nums;font-weight:500;display:block}.sc-time span{color:var(--muted);font-size:var(--step--1);font-variant-numeric:tabular-nums}.sc-name{font-weight:500;display:block}.sc-meta{color:var(--muted);font-size:var(--step--1);display:block}.sc-seats{font-size:var(--step--1);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.sc-row.cancelled .sc-name{color:var(--muted);text-decoration:line-through}.sc-row.cancelled:hover .sc-name{text-decoration:line-through}@media (width<=1050px){.pg-page{padding:var(--space-6)}}@media (width<=600px){.pg-page{padding:var(--space-5) var(--space-4)}.pg-header h1{font-size:var(--step-2)}.pg-card{padding:var(--space-4)}.pg-form{grid-template-columns:1fr}.pg-wide{grid-column:auto}.pg-modal{padding:var(--space-4);max-height:94dvh}.pg-overlay{padding:var(--space-2);align-items:flex-end}.sc-row{grid-template-columns:64px minmax(0,1fr)}.sc-seats{grid-column:2}.pg-toolbar .pg-select{flex:100%}}.st-heading{font-size:var(--step-1);margin-bottom:var(--space-4);font-weight:500}.st-options{gap:var(--space-2);display:grid}.st-option{gap:var(--space-3);border:1px solid var(--line);padding:var(--space-4);cursor:pointer;border-radius:3px;align-items:flex-start;min-height:44px;display:flex}.st-option.selected{border-color:var(--ink)}.st-option input{width:20px;height:20px;accent-color:var(--ink);flex-shrink:0;margin-top:2px}.st-option strong{font-weight:500;display:block}.st-option small{color:var(--muted);font-size:var(--step--1);margin-top:var(--space-1);display:block}.st-help{margin-top:var(--space-4);max-width:64ch}