@media(max-width:991.98px){.app-sidebar{transform:translateX(-100%);transition:.25s}.sidebar-open .app-sidebar{transform:none}.app-main{margin-left:0}.mobile-toggle{display:grid;place-items:center}.sidebar-open .offcanvas-overlay{display:block;position:fixed;inset:0;background:rgba(4,29,25,.48);z-index:1035}.page-content{padding:20px}.search-box{display:none}.page-heading{align-items:flex-start}.login-visual{display:none}.login-card{min-height:auto;max-width:560px}.login-form{padding:42px}}
@media(max-width:575.98px){.topbar{height:70px;padding:0 15px}.page-content{padding:16px}.page-heading{display:block}.page-heading .btn{width:100%;margin-top:14px}.page-heading h1{font-size:22px}.panel{padding:16px;border-radius:15px}.stat-card{padding:16px}.login-page{padding:0;background:#fff}.login-card{border-radius:0;box-shadow:none;min-height:100vh}.login-form{padding:34px 22px}.table-responsive{margin:0 -16px}.table-responsive .table{min-width:720px}.topbar .user-copy{display:none}.filter-bar .btn{width:100%}}
.admin-floating-action{display:none!important}.admin-chart{height:245px;display:flex;align-items:flex-end;gap:14px;padding:28px 8px 0;border-bottom:1px solid var(--line)}.admin-chart .chart-column{height:100%;flex:1;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;min-width:28px}.admin-chart .chart-column>span{font-size:11px;font-weight:750;color:#2879ad;margin-bottom:5px}.admin-chart .chart-bar{flex:0 0 auto;width:100%;max-width:54px;min-height:5px;background:linear-gradient(180deg,#62b7e8,#bfe8fb);border-radius:9px 9px 2px 2px;transition:height .25s ease}.admin-chart .chart-column small{margin-top:7px;color:var(--muted);font-size:10px}.admin-realtime-badge{background:#fff2b8;color:#956800}.admin-empty{text-align:center!important;padding:42px 20px!important;color:var(--muted)}.admin-empty i{display:block;font-size:34px;color:#a8bbb6}.admin-empty strong,.admin-empty span{display:block;margin-top:5px}.avatar-sm{width:34px;height:34px;font-size:11px;flex:none}.report-choice{width:100%;height:100%;min-height:145px;padding:19px;text-align:left;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow);color:var(--ink);transition:.2s}.report-choice:hover,.report-choice:focus{transform:translateY(-2px);border-color:#83c0b1;outline:none}.report-choice i{display:grid;place-items:center;width:43px;height:43px;margin-bottom:15px;border-radius:13px;background:var(--primary-soft);color:var(--primary);font-size:20px}.report-choice strong,.report-choice small{display:block}.report-choice small{margin-top:4px;color:var(--muted)}.tcpdf-label{padding:7px 10px;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:800}

.role-accent-admin .app-sidebar{background:linear-gradient(180deg,#73bce8 0%,#9dd7f4 100%);color:#123b56}
.role-accent-admin .app-sidebar .brand{color:#123b56!important;border-bottom-color:rgba(18,59,86,.13)}
.role-accent-admin .app-sidebar .brand-mark{color:#2879ad;background:#fff url('../../../images/logo_kabasahan.png') center/36px 36px no-repeat}
.role-accent-admin .app-sidebar .brand-mark i{display:none}
.role-accent-admin .app-sidebar .brand small,.role-accent-admin .app-sidebar .sidebar-profile small{color:#285c79}
.role-accent-admin .app-sidebar .sidebar-profile{background:rgba(255,255,255,.34);border-color:rgba(255,255,255,.42)}
.role-accent-admin .app-sidebar .avatar{background:#eef9ff;color:#1e638e}
.role-accent-admin .app-sidebar .nav-label{color:#326985}
.role-accent-admin .app-sidebar .side-link{color:#173f58}
.role-accent-admin .app-sidebar .side-link:hover{color:#0b3048;background:rgba(255,255,255,.32)}
.role-accent-admin .app-sidebar .side-link.active{color:#0b3048;background:rgba(255,255,255,.5);box-shadow:inset 3px 0 #1678b5}
@media(max-width:767.98px){.admin-page .panel-header{align-items:flex-start;flex-direction:column}.admin-page .panel-header>.btn,.admin-page .panel-header>.status-pill{width:100%;justify-content:center}.admin-page .filter-bar .row>[class*=col-]{width:100%}.admin-page .filter-bar .btn{min-height:44px}.admin-page .table-responsive{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.admin-page .table-responsive .table{min-width:780px}.admin-chart{height:205px;gap:7px}.admin-page .modal-dialog{margin:10px}.admin-page .modal-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-page .modal-footer .btn{width:100%;margin:0}}
@media(max-width:575.98px){.admin-page{padding:14px}.admin-page .stat-card{min-height:145px}.admin-page .table-responsive{margin-inline:-14px}.admin-chart{height:185px;padding-inline:0}.report-choice{min-height:125px;padding:15px}.admin-page .modal-footer{grid-template-columns:1fr}}
.login-page{--primary:#3b9fd6;--primary-dark:#2879ad;--primary-soft:#e7f5fd;background:linear-gradient(130deg,#73bce8 0%,#9dd7f4 52%,#eaf7fd 52%)}
.login-page .login-visual{background:linear-gradient(rgba(62,160,216,.86),rgba(40,121,173,.92)),url('../../../images/dashboard/people.svg') center bottom/85% no-repeat}
.login-page .login-logo{background:#fff;padding:5px;overflow:hidden}
.login-page .login-logo img{display:block;width:100%;height:100%;object-fit:contain}
.login-page .eyebrow,.login-page .text-primary{color:#2879ad!important}
.login-page .btn-primary{background:#3b9fd6;border-color:#3b9fd6}
.login-page .btn-primary:hover,.login-page .btn-primary:focus{background:#2879ad;border-color:#2879ad}
.login-page .form-control:focus,.login-page .form-select:focus{border-color:#62b7e8;box-shadow:0 0 0 .2rem rgba(59,159,214,.14)}
.login-page .login-card{box-shadow:0 30px 90px rgba(40,121,173,.22)}
@media(max-width:575.98px){.login-page{background:#fff}}