.sidebar-close-btn{color:var(--sidebar-text,#fff);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;flex-shrink:0;width:32px;height:32px;font-size:1rem;line-height:1;display:none}.mobile-menu-btn{color:var(--topbar-text,#0f172a);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:1.5rem;transition:background .2s;display:none}.mobile-menu-btn:hover{background:#0000000d}.topbar{z-index:500;background:var(--topbar-bg,#fff);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border,#e2e8f0);flex-shrink:0;justify-content:space-between;align-items:center;min-height:60px;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:.75rem;display:flex}.topbar-title{color:var(--topbar-text,#0f172a);font-size:1.1rem;font-weight:600}.topbar-greeting{color:var(--text-muted,#475569);font-size:.85rem}@media (width>=1025px){body{flex-direction:row;display:flex}.app-container,.app-layout{flex-direction:row;width:100%;min-height:100vh;display:flex}.sidebar{min-max-width:260px;max-max-width:260px;z-index:100;flex-shrink:0;width:100%;max-width:260px;height:100vh;position:sticky;top:0;overflow-y:auto}.main-content{flex-direction:column;flex:1;min-width:0;max-width:100%;display:flex;overflow-x:clip}.sidebar.collapsed{width:70px;min-width:70px;max-width:70px}}@media (width<=1024px){body{width:100%;display:block;overflow-x:clip}.app-container,.app-layout{width:100%;min-height:100vh;display:block}.main-content{width:100%;max-width:100%;min-height:100vh;margin-left:0;padding:0;display:block;overflow:visible}.sidebar-close-btn{justify-content:center;align-items:center;display:flex}.mobile-menu-btn{justify-content:center;align-items:center;display:inline-flex}.topbar{z-index:500;background:var(--topbar-bg,#0b1319eb);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border,#ffffff1f);flex-shrink:0;justify-content:space-between;align-items:center;min-height:60px;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.grid-cols-1,.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-title{font-size:1.4rem}.content-area,.page-content{padding:1rem}.table-responsive,.transactions-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:600px}.glass-panel,.card,.metric-card{padding:1rem}.filter-bar{flex-direction:column;gap:.75rem}.filter-bar>*{width:100%}.tab-nav,.tab-header,.tabs{flex-wrap:wrap;gap:6px}.tab-btn,.tab-button{text-align:center;flex:auto;min-width:80px;padding:8px 10px;font-size:12px}.summary-grid{grid-template-columns:1fr 1fr;gap:.75rem}.budget-card{flex-direction:column;align-items:flex-start;gap:.5rem}.dashboard-cards{grid-template-columns:1fr 1fr;gap:.75rem}.teacher-attendance-section{padding:.75rem}.ppdb-grid{grid-template-columns:1fr}::-webkit-scrollbar{width:4px;height:4px}button,a{touch-action:manipulation}}@media (width>=1025px) and (width<=1280px){.sidebar{width:220px;min-width:220px}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.sidebar-mini-toggle{display:none}.sidebar.collapsed{width:100%;min-width:0;max-width:100vw;padding:1.5rem .75rem}.sidebar.collapsed .sidebar-brand,.sidebar.collapsed .sidebar-search-wrapper,.sidebar.collapsed .nav-text,.sidebar.collapsed .user-info,.sidebar.collapsed .logout-text,.sidebar.collapsed .nav-group-title:before{opacity:1;pointer-events:auto;width:auto;height:auto;display:flex;overflow:visible}.sidebar.collapsed .sidebar-search-wrapper,.sidebar.collapsed .user-info{display:block}.sidebar.collapsed .accordion-toggle{display:flex}.sidebar.collapsed .nav-group{margin-bottom:.75rem}.sidebar.collapsed .nav-group-content{display:grid;overflow:hidden}.sidebar.collapsed .sidebar-header{border-bottom:none;flex-direction:row;margin-bottom:0;padding-bottom:0}.sidebar.collapsed .nav-item{border-radius:8px;justify-content:flex-start;padding:.65rem 1rem}.sidebar.collapsed .nav-icon{margin-right:.75rem;font-size:1.2rem}.sidebar.collapsed .sidebar-bottom-section{border-top:none;flex-direction:column;align-items:stretch;padding:0}.sidebar.collapsed .user-widget{justify-content:flex-start}.sidebar.collapsed .user-avatar{margin-right:.75rem}.sidebar.collapsed .sidebar-logout-btn{justify-content:flex-start}.sidebar.collapsed .sidebar-logout-btn i{margin-right:.5rem}}.content-area,.page-content,.student-panel,.main-content{padding-bottom:5rem}.modal,.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:99999;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0;overflow-y:auto}.modal.active,.modal.show,.modal.open,.modal.is-active,.modal-overlay.active{display:flex}.modal.hidden,.modal-backdrop.hidden{display:none}.modal-content,.modal-dialog,.modal-card,.modal-body{-webkit-overflow-scrolling:touch;border-radius:1.25rem;width:100%;max-width:95vw;max-height:88vh;padding:1.25rem;overflow-y:auto}@media (width<=1024px){.btn,button.btn-primary,button.btn-submit,input.input-control,select.input-control{min-height:44px;font-size:.9rem}#tab-tg-pribadi .card{padding:1rem}#tg-video{-o-object-fit:cover;object-fit:cover;border-radius:12px;width:100%;max-height:240px}#btn-tg-camera{border-radius:12px;width:100%;min-height:48px;font-size:1rem;font-weight:700}}html,body{overflow-x:clip}.app-container,.app-layout,.main-content{overflow:visible}.topbar{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(180%);width:100%;position:sticky;top:0}@media (width<=1024px){html,body{width:100%;max-width:100vw;overflow-x:hidden}body{display:block}.app-container,.app-layout{width:100%;max-width:100vw;min-height:100vh;display:block;overflow-x:hidden}.sidebar:not(.split-rail-container){width:280px;max-width:85vw;height:100vh;z-index:var(--z-drawer,1200);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:10px 0 30px #00000080;background:var(--sidebar-bg,#166534)!important;border-right:1px solid var(--sidebar-border,#15803d)!important}.sidebar.open,.sidebar.active,.sidebar.show{transform:translate(0)}.main-content{width:100%;max-width:100%;min-height:100vh;margin-left:0;padding:0;display:block;overflow-x:hidden}.mobile-menu-btn,.menu-toggle{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.sidebar-close-btn{cursor:pointer;justify-content:center;align-items:center;display:flex}.topbar{z-index:500;-webkit-backdrop-filter:blur(16px);justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:.75rem 1rem;display:flex;position:sticky;top:0}}