:root{--nav:#022247;--primary:#064a8b;--soft:#a4b3d3;--accent:#c3a138;--sidebar-width:250px;--sidebar-mini:76px;--navbar-height:64px;--footer-height:54px}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:#f4f7fb;color:#25364a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif}.app-navbar{height:var(--navbar-height);background:linear-gradient(110deg,var(--nav),var(--primary));box-shadow:0 3px 14px rgba(2,34,71,.24);z-index:1040}.navbar-toggle{width:42px;height:42px;color:#fff!important;border-radius:10px;font-size:1.2rem}.navbar-toggle:hover{background:rgba(255,255,255,.12)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--accent);color:#fff}.nav-icon{position:relative;color:#fff;font-size:1.15rem}.notification-dot{position:absolute;top:-2px;right:-3px;width:8px;height:8px;border-radius:50%;background:#ffca2c;border:2px solid var(--primary)}.user-menu{text-decoration:none!important}.app-sidebar{position:fixed;top:var(--navbar-height);bottom:0;left:0;width:var(--sidebar-width);padding:16px 12px;background:#fff;border-right:1px solid #e4eaf1;box-shadow:4px 0 18px rgba(30,55,80,.04);overflow-x:hidden;overflow-y:auto;z-index:1030;transition:width .25s ease,transform .25s ease}.sidebar-heading{padding:6px 14px 12px;color:#8a9bad;font-size:.72rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.sidebar-link{display:flex;align-items:center;min-height:46px;margin-bottom:5px;padding:10px 13px;color:#4b5d70;border-radius:10px;font-weight:600;white-space:nowrap;transition:.18s ease}.sidebar-link:hover{color:var(--primary);background:#edf4fb;text-decoration:none;transform:translateX(2px)}.sidebar-icon{flex:0 0 32px;width:32px;color:var(--primary);font-size:1.05rem;text-align:center}.app-shell{min-height:100vh;margin-left:var(--sidebar-width);padding-top:var(--navbar-height);display:flex;flex-direction:column;transition:margin-left .25s ease}.app-content{flex:1;width:100%;padding:26px 28px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-heading h1{margin:.2rem 0 0;font-size:1.65rem;font-weight:700;color:var(--nav)}.breadcrumb-text{color:#8090a0;font-size:.8rem}.app-footer{min-height:var(--footer-height);display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:#fff;border-top:1px solid #e1e7ee;color:#738396;font-size:.85rem}.card{border-color:#e6ebf0;border-radius:13px}.card-kpi{height:100%;border:0;border-left:4px solid var(--accent);box-shadow:0 4px 16px rgba(34,53,74,.07);transition:.2s ease}.card-kpi:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(34,53,74,.12)}.card-kpi .display-4{color:var(--nav);font-size:2.4rem;font-weight:700}.chart-card{padding:18px;background:#fff;border-radius:13px;box-shadow:0 4px 16px rgba(34,53,74,.07)}.table-responsive{background:#fff;padding:14px;border-radius:13px;box-shadow:0 4px 16px rgba(34,53,74,.06)}.table{width:100%!important}.btn-primary{background:var(--primary);border-color:var(--primary)}.modal-content{border:0;border-radius:15px;box-shadow:0 18px 55px rgba(2,34,71,.25)}.modal-header{background:linear-gradient(110deg,var(--nav),var(--primary));color:#fff;border-radius:15px 15px 0 0}.modal-header .close{color:#fff;text-shadow:none;opacity:.9}.sidebar-collapsed .app-sidebar{width:var(--sidebar-mini)}.sidebar-collapsed .app-sidebar .menu-label{opacity:0;visibility:hidden}.sidebar-collapsed .app-shell{margin-left:var(--sidebar-mini)}.sidebar-collapsed .sidebar-link{padding-left:9px}.sidebar-collapsed .sidebar-icon{font-size:1.15rem}.sidebar-backdrop{display:none}
.photo-preview{display:flex;flex-wrap:wrap;gap:10px}.photo-preview-item{width:90px;height:72px;padding:3px;background:#fff;border:1px solid #d8e1ea;border-radius:9px;overflow:hidden}.photo-preview-item img{width:100%;height:100%;object-fit:cover;border-radius:6px}@media(max-width:991.98px){.app-sidebar{width:var(--sidebar-width);transform:translateX(-100%)}.app-shell,.sidebar-collapsed .app-shell{margin-left:0}.mobile-sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-collapsed .app-sidebar{width:var(--sidebar-width)}.sidebar-collapsed .app-sidebar .menu-label{opacity:1;visibility:visible}.mobile-sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:var(--navbar-height) 0 0;background:rgba(2,20,42,.45);z-index:1025}.app-content{padding:20px}.app-footer{padding:12px 20px}}
@media(max-width:575.98px){.app-content{padding:16px 12px}.page-heading h1{font-size:1.35rem}.footer-version{display:none}.app-footer{justify-content:center}.card-kpi .card-body{padding:1rem}.card-kpi .display-4{font-size:2rem}.modal-dialog{margin:.5rem}.dataTables_wrapper{overflow-x:auto}.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length{text-align:left!important}.dataTables_wrapper .dataTables_filter input{max-width:160px}.table-responsive{padding:10px}}