@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary: #4F46E5;--primary-hover: #4338CA;--primary-light: #EEF2FF;--bg: #F8FAFC;--surface: #FFFFFF;--border: #E2E8F0;--text-primary: #0F172A;--text-secondary: #64748B;--text-muted: #94A3B8;--sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}body{min-width:320px}img,svg,video,canvas{max-width:100%}button,input,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:anywhere}#root{width:100%;max-width:100%;min-height:100svh;display:flex;flex-direction:column;overflow-x:clip}.app-shell,.app-content,.app-main,.responsive-page,.erp-tab{width:100%;max-width:100%;min-width:0}.app-sidebar{z-index:40}.mobile-menu-button,.sidebar-close,.sidebar-backdrop{display:none}.header-leading{display:flex;min-width:0;align-items:center;gap:10px}.app-breadcrumbs{min-width:0;overflow:hidden;white-space:nowrap}.app-breadcrumbs>span:last-child{min-width:0;overflow:hidden}.app-breadcrumbs>span:last-child>span{display:block;overflow:hidden;text-overflow:ellipsis}.responsive-page{margin-inline:auto}.page-heading,.page-actions,.section-header,.card-header{min-width:0}.page-heading>*,.section-header>*,.card-header>*{min-width:0}.ant-table-wrapper{width:100%;max-width:100%;min-width:0}.ant-table-wrapper .ant-table-container,.ant-table-wrapper .ant-table-content,.ant-table-wrapper .ant-table-body{max-width:100%}.ant-table-wrapper .ant-table-content,.ant-table-wrapper .ant-table-body{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.ant-table-wrapper table{width:max-content!important;min-width:100%!important}.ant-tabs,.ant-tabs-content-holder,.ant-tabs-content,.ant-tabs-tabpane{min-width:0;max-width:100%}.responsive-tabs>.ant-tabs-nav{max-width:100%}.responsive-tabs>.ant-tabs-nav .ant-tabs-nav-wrap{overflow-x:auto;scrollbar-width:thin}.responsive-tabs>.ant-tabs-nav .ant-tabs-nav-list{min-width:max-content}.ant-modal-root .ant-modal-wrap{padding:12px}.ant-modal-root .ant-modal{max-width:calc(100vw - 24px);margin-inline:auto;padding-bottom:0}.ant-modal-root .ant-modal-content,.ant-modal-root .ant-modal-container{max-height:calc(100svh - 24px);overflow-y:auto;overscroll-behavior:contain}.ant-drawer-content,.ant-popover-inner,.ant-dropdown-menu{max-width:100vw}.notification-popover{max-width:calc(100vw - 24px)!important}@media (max-width: 1023px){.app-sidebar{position:fixed!important;inset:0 auto 0 0;width:min(280px,calc(100vw - 48px))!important;min-width:0!important;height:100svh!important;transform:translate(-105%);transition:transform .18s ease;box-shadow:12px 0 32px #0f172a29}.app-sidebar.is-open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:block;width:100%;height:100%;padding:0;border:0;background:#0f172a6b}.sidebar-logo{padding-right:10px!important}.sidebar-close{display:inline-flex;width:44px;height:44px;margin-left:auto;align-items:center;justify-content:center;border:0;border-radius:10px;color:#64748b;background:transparent;cursor:pointer}.mobile-menu-button{display:inline-flex;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:10px;color:#475569;background:#fff;cursor:pointer}.app-header{height:64px!important;padding-inline:16px!important}.app-main{padding:24px!important}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-grid,.erp-split-grid,.finance-tab [style*="grid-template-columns: 240px 1fr"],.finance-tab [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}}@media (max-width: 767px){.app-main{padding:20px 16px!important}.app-breadcrumbs>span:not(:last-child){display:none!important}.app-breadcrumbs>span:last-child>svg{display:none}.page-heading,.page-actions,.section-header,.card-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.page-actions{width:100%}.page-actions>*{width:100%;max-width:100%;justify-content:center}.summary-grid,.dashboard-grid,.erp-split-grid,.form-grid,.role-grid,.app-main [style*="grid-template-columns: repeat(3"],.app-main [style*="grid-template-columns: repeat(4"],.app-main [style*="grid-template-columns: 1fr 1.6fr"],.app-main [style*="grid-template-columns: 1fr 2fr"],.app-main [style*="grid-template-columns: 0.9fr 1.7fr"],.app-main [style*="grid-template-columns: 2fr 1fr"],.app-main [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}.responsive-inline-form{display:flex!important;width:100%;flex-direction:column;align-items:stretch;gap:10px}.responsive-inline-form .ant-form-item{width:100%!important;margin:0!important}.responsive-inline-form .ant-select,.responsive-inline-form .ant-input-number,.responsive-inline-form .ant-btn{width:100%!important}.card-body,.auth-card{padding:20px!important}.auth-page{min-height:100svh!important;height:auto!important;padding:16px!important;align-items:center!important}.auth-card{width:100%!important;max-width:420px!important;border-radius:16px!important}.auth-card [style*="margin-bottom: 36px"]{margin-bottom:24px!important}.erp-tab [style*="padding: 16px 24px"],.erp-tab [style*="padding: 18px 24px"]{padding:16px!important}.erp-tab [style*="justify-content: space-between"]{flex-wrap:wrap;gap:10px}.erp-tab [style*="justify-content: space-between"]>button,.erp-tab [style*="justify-content: space-between"]>.ant-btn{min-height:44px}.classroom-detail [style*="display: flex"][style*="gap: 20px"],.classroom-detail [style*="display: flex"][style*="gap: 24px"]{flex-direction:column!important}.classroom-detail [style*="max-width: 80%"]{max-width:100%!important}.ant-modal-root .ant-modal{top:0!important;margin-block:0!important;max-height:calc(100svh - 24px)}.ant-modal-root .ant-modal-content,.ant-modal-root .ant-modal-container{padding:20px!important;border-radius:14px!important}.ant-modal-root [style*="grid-template-columns: 3fr 1.25fr 1.25fr 40px"],.ant-modal-root [style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}.ant-modal-root [style*="grid-template-columns: 3fr 1.25fr 1.25fr 40px"]>*{width:100%!important}.ant-modal-root [style*="display: flex"][style*="gap: 10px"],.ant-modal-root [style*="display: flex"][style*="gap: 8px"]{flex-wrap:wrap}.ant-modal-root .ant-btn,.ant-modal-root button,.app-main button,.auth-page button{min-height:44px}.ant-picker,.ant-select,.ant-input-number{max-width:100%}}@media (max-width: 413px){.app-header{padding-inline:12px!important}.app-main{padding:16px 12px!important}.summary-grid,.role-grid{grid-template-columns:minmax(0,1fr)!important}.card-body,.auth-card{padding:16px!important}.ant-modal-root .ant-modal-wrap{padding:8px}.ant-modal-root .ant-modal{max-width:calc(100vw - 16px)}}