:root{--primary:#4159d9;--navy:#1f2d58;--ink:#1d2735;--muted:#7c8797;--line:#e7ebf1;--surface:#fff;--background:#f5f7fa}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{display:flex;min-height:100vh}.app-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid var(--line);padding:20px 16px 16px;display:flex;flex-direction:column;z-index:1040}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);padding:2px 7px 19px}.brand-mark,.login-mark{width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,#5770ef,#3048ca);display:grid;place-items:center;color:#fff;font:700 23px Georgia;box-shadow:0 7px 17px #4159d936}.brand strong,.brand small{display:block}.brand strong{font-size:13px}.brand small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8c96a5;margin-top:3px}.sidebar-nav{overflow-y:auto;min-height:0;scrollbar-width:thin}.nav-caption{font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#a1a9b4;padding:5px 12px}.side-link{width:100%;min-height:39px;border:0;background:transparent;border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:11px;text-decoration:none;color:#667284;font-size:12px;font-weight:500;margin:2px 0;text-align:left}.side-link>i:first-child{width:18px;text-align:center;font-size:15px}.side-link:hover{background:#f7f8fb;color:#3444b5}.side-link.active{background:#edf0ff;color:#3f54d1;font-weight:650}.sub-menu{margin:2px 0 7px 29px;padding-left:11px;border-left:1px solid var(--line)}.sub-menu a{display:block;text-decoration:none;color:#86909e;font-size:10px;padding:6px 8px;border-radius:5px}.sub-menu a:hover{background:#f3f5fc;color:#4055d1}.sidebar-profile{margin-top:auto;border-top:1px solid var(--line);padding:13px 6px 0;display:flex;align-items:center;gap:9px;font-size:10px}.sidebar-profile small{color:#8b96a4}.profile-avatar{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700;flex:0 0 auto}.app-main{margin-left:250px;width:calc(100% - 250px)}.app-topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:1020}.top-search{width:min(500px,53vw);height:39px;border:1px solid #dfe4eb;background:#fafbfc;border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#8994a2}.top-search input{border:0;outline:0;background:transparent;flex:1;font-size:11px}.top-search kbd{font:9px inherit;border:1px solid #dfe4eb;background:#fff;border-radius:4px;padding:2px 5px}.icon-btn{width:35px;height:35px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#657181}.content-wrap{padding:29px 32px 45px;max-width:1480px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.page-head h1{font-size:25px;letter-spacing:-.03em;margin:5px 0}.page-head p{color:var(--muted);font-size:11px;margin:0}.eyebrow{font-size:8px;letter-spacing:.13em;font-weight:700;color:#9ba4b1}.metric-card,.content-card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 4px #26334405}.metric-card{min-height:112px;padding:17px;display:flex;gap:12px;align-items:flex-start}.metric-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:16px}.metric-icon.blue{background:#edf0ff;color:#4057d7}.metric-icon.green{background:#e8f7f1;color:#158e68}.metric-icon.purple{background:#f2ecfb;color:#8353ce}.metric-icon.orange{background:#fff0e3;color:#da7623}.metric-card small,.metric-card strong,.metric-card em{display:block}.metric-card small{color:#7d8796;font-size:9px}.metric-card strong{font-size:20px;margin:5px 0}.metric-card em{font-style:normal;color:#98a1ad;font-size:8px}.content-card{overflow:hidden}.card-heading{padding:18px 19px 13px;display:flex;justify-content:space-between;align-items:flex-start}.card-heading h2{font-size:13px;margin:0 0 4px}.card-heading p{font-size:9px;color:#929ca9;margin:0}.card-heading a{font-size:9px;font-weight:600;text-decoration:none}.content-card .table th{background:#f8fafc;color:#8993a1;text-transform:uppercase;font-size:8px;letter-spacing:.06em;padding:11px 18px;border-color:#edf0f4}.content-card .table td{font-size:9px;padding:13px 18px;border-color:#f0f2f5}.status-chip{display:inline-block;padding:4px 8px;border-radius:10px;background:#e8f7f1;color:#158a67;font-size:7px;font-weight:700}.empty-state{text-align:center!important;padding:32px!important;color:#929ca9}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 18px 18px}.quick-actions a{border:1px solid var(--line);border-radius:9px;padding:12px;text-decoration:none;color:var(--ink);display:flex;gap:9px;align-items:flex-start}.quick-actions a>i{width:29px;height:29px;border-radius:8px;background:#edf0ff;color:#4057d7;display:grid;place-items:center}.quick-actions strong,.quick-actions small{display:block}.quick-actions strong{font-size:9px}.quick-actions small{font-size:7px;color:#929ca9;margin-top:3px}.login-body{min-height:100vh;background:#f4f6fa}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(330px,42%) 1fr}.login-brand{background:linear-gradient(145deg,#1b2853,#304aa2);color:#fff;padding:70px 10%;display:flex;flex-direction:column;justify-content:space-between}.login-brand .login-mark{width:48px;height:48px;font-size:29px;background:#fff;color:#354db8;box-shadow:none;margin-bottom:35px}.login-brand h1{font-size:40px;line-height:1.08;letter-spacing:-.04em}.login-brand p{max-width:380px;color:#c8d1f1;margin-top:18px}.login-brand small{color:#aebbe9}.login-form{display:grid;place-items:center;padding:32px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:38px;box-shadow:0 18px 50px #24314d12}.login-card h2{font-size:24px;margin:7px 0}.login-card>p{font-size:12px;color:#84909f;margin-bottom:25px}.login-card .form-label{font-size:10px;font-weight:650}.login-card .form-control{font-size:13px;border-color:#dfe4ec}.login-help{text-align:center;color:#929ca9;font-size:9px;margin-top:21px}.sidebar-toggle{margin-right:8px}@media(max-width:991px){.app-sidebar{transform:translateX(-100%);transition:.2s}.app-sidebar.show{transform:translateX(0);box-shadow:15px 0 40px #1d274b22}.app-main{margin-left:0;width:100%}.app-topbar{padding:0 16px}.content-wrap{padding:24px 16px}.page-head{align-items:flex-start;gap:16px}.login-shell{grid-template-columns:1fr}.login-brand{display:none}}@media(max-width:575px){.page-head{display:block}.page-head>div:last-child{margin-top:15px}.top-search{width:65%}.top-search kbd{display:none}.quick-actions{grid-template-columns:1fr}.login-form{padding:15px}.login-card{padding:27px 23px}}
.sub-menu a.active{background:#edf0ff;color:#3f54d1;font-weight:700}.module-breadcrumb{font-size:9px;margin-bottom:13px}.module-breadcrumb a{text-decoration:none}.workflow-card{background:linear-gradient(135deg,#202d5d,#293d82);border-radius:13px;color:#fff;padding:17px 19px;margin-bottom:17px;box-shadow:0 9px 24px #2132671a}.workflow-title,.workflow-footer{display:flex;align-items:center;justify-content:space-between}.workflow-title small{font-size:7px;letter-spacing:.15em;color:#aebbea}.workflow-title h2{font-size:13px;margin:3px 0 0}.workflow-guide{background:#ffffff12;color:#dce4ff;border:0}.workflow-guide:hover{background:#ffffff20;color:#fff}.workflow-track{display:flex;align-items:flex-start;overflow-x:auto;padding:17px 0 12px}.workflow-step{position:relative;min-width:100px;flex:1;border:0;background:transparent;color:#a4b1df;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:8px}.workflow-step>span{width:25px;height:25px;border:1px solid #6575ae;border-radius:50%;display:grid;place-items:center;background:#29396f}.workflow-step>strong{font-weight:500;white-space:nowrap}.workflow-step>i{position:absolute;right:-4px;top:5px;color:#6879af}.workflow-step.current{color:#fff}.workflow-step.current>span{background:#fff;color:#3e55cd;border-color:#fff;box-shadow:0 0 0 4px #ffffff1c}.workflow-step.done{color:#bdebdc}.workflow-step.done>span{background:#22a978;border-color:#22a978;color:#fff}.workflow-footer{border-top:1px solid #ffffff17;padding-top:11px;color:#bdc8ec;font-size:8px}.workflow-footer>span>i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5ee0ad;margin-right:5px}.workflow-footer strong{color:#fff}.module-stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px 18px;min-height:105px}.module-stat small,.module-stat strong,.module-stat span{display:block}.module-stat small{font-size:9px;color:#7f8997}.module-stat strong{font-size:20px;margin:8px 0 5px}.module-stat span{font-size:8px;color:#929ba8}.table-toolbar{padding:17px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.table-toolbar h2{font-size:13px;margin:0 0 4px}.table-toolbar p{font-size:9px;color:#929ca9;margin:0}.table-search{height:31px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 9px;color:#929ca9}.table-search input{border:0;outline:0;font-size:9px;width:150px}.records-table{min-width:720px}.placeholder-value{color:#abb3be}.table-footer{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;color:#929ca9;font-size:8px}.table-footer nav button{width:25px;height:25px;border:1px solid var(--line);border-radius:6px;background:#fff;margin-left:3px;color:#6f7987}.table-footer nav button.active{background:var(--primary);border-color:var(--primary);color:#fff}.form-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#7d8796;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:15px}.modal .form-label{font-size:9px;font-weight:650}.modal .form-control,.modal .form-select{font-size:11px}@media(max-width:800px){.workflow-step{min-width:90px}.table-toolbar{align-items:flex-start;gap:12px}.table-toolbar>div:last-child{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:575px){.workflow-footer{gap:10px}.table-toolbar{display:block}.table-toolbar>div:last-child{margin-top:12px;justify-content:flex-start}.table-footer{display:block}.table-footer nav{margin-top:10px}}

/* Professional application typography */
html{font-size:16px}
body{font-family:"Segoe UI Variable","Segoe UI","Noto Sans Myanmar","Myanmar Text",system-ui,sans-serif;font-size:15px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
.brand strong{font-size:15px;line-height:1.25}.brand small{font-size:10.5px;line-height:1.35}
.nav-caption{font-size:10.5px}.side-link{min-height:44px;font-size:14px}.side-link>i:first-child{font-size:16px}.sub-menu a{font-size:12.5px;line-height:1.4;padding:8px}
.sidebar-profile{font-size:12px}.top-search input{font-size:13.5px}.top-search kbd{font-size:10.5px}
.page-head h1{font-size:30px;line-height:1.2}.page-head p{font-size:14px}.eyebrow{font-size:10px}
.metric-card{min-height:126px;padding:20px}.metric-card small{font-size:12px}.metric-card strong{font-size:27px;line-height:1.2}.metric-card em{font-size:11px;line-height:1.4}
.card-heading h2,.table-toolbar h2{font-size:17px}.card-heading p,.card-heading a,.table-toolbar p{font-size:12px}
.content-card .table th{font-size:10.5px;line-height:1.4}.content-card .table td{font-size:13px;line-height:1.45}.status-chip{font-size:10px}
.quick-actions strong{font-size:13px;line-height:1.35}.quick-actions small{font-size:11px;line-height:1.4}
.btn{font-size:13.5px}.form-label{font-size:13px}.form-control,.form-select{font-size:14px;min-height:40px}
.module-breadcrumb{font-size:12px}.workflow-title small{font-size:9.5px}.workflow-title h2{font-size:16px}.workflow-step{font-size:11px}.workflow-footer{font-size:11px}
.module-stat small{font-size:12px}.module-stat strong{font-size:25px}.module-stat span{font-size:11px}
.table-search{height:37px}.table-search input{font-size:12.5px}.table-footer{font-size:11px}.form-section-title{font-size:12.5px}
.modal .form-label{font-size:12.5px}.modal .form-control,.modal .form-select{font-size:14px}
@media(max-width:575px){.page-head h1{font-size:26px}.content-card .table td{font-size:12.5px}}
.school-switcher{display:flex;align-items:center;gap:.5rem;border:1px solid #d9e2ec;border-radius:10px;padding:.35rem .65rem;background:#fff;color:#0f5c83}.school-switcher select{border:0;background:transparent;color:#17324d;font-weight:700;outline:0;min-width:145px}.school-switcher i{font-size:1rem}@media(max-width:767.98px){.school-switcher{padding:.35rem}.school-switcher select{max-width:115px;min-width:0}}
.record-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid #e3eaf0}.record-pagination-summary{color:#738796;font-size:.72rem}.record-pagination-links{display:flex;align-items:center;gap:5px}.record-pagination-links>a,.record-pagination-links>span{display:grid;min-width:32px;height:32px;padding:0 8px;place-items:center;border:1px solid #dce5eb;border-radius:8px;background:#fff;color:#426176;text-decoration:none;font-size:.72rem;font-weight:700}.record-pagination-links>a:hover{border-color:#6eaac7;color:#12688f}.record-pagination-links>span.active{border-color:#1679a8;background:#1679a8;color:#fff}.record-pagination-links>span.disabled,.record-pagination-links>span.ellipsis{border-color:transparent;background:transparent;color:#9aabb6}
@media(max-width:600px){.record-pagination{align-items:flex-start;flex-direction:column}.record-pagination-links{max-width:100%;flex-wrap:wrap}}