:root{--sva-primary:#143d73;--sva-primary-dark:#0b2d57;--sva-accent:#f4c542;--sva-bg:#f3f6fb;--sidebar-w:280px;--sidebar-collapsed-w:78px}*{box-sizing:border-box}body{background:var(--sva-bg);font-size:.95rem}.app-shell{min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-w);position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,var(--sva-primary),var(--sva-primary-dark));color:#fff;z-index:1040;transition:width .22s ease,transform .22s ease;overflow-y:auto}.app-main{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));min-height:100vh;transition:margin-left .22s ease,width .22s ease}.brand-box{display:flex;gap:.75rem;align-items:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,.15)}.brand-logo{width:42px;height:42px;border-radius:13px;background:#fff;color:var(--sva-primary);display:grid;place-items:center;font-weight:900}.brand-title{font-size:1.05rem;font-weight:800;line-height:1}.brand-subtitle{font-size:.8rem;opacity:.8}.sidebar-toggle{margin:.85rem 1rem;width:calc(100% - 2rem);text-align:left}.sidebar-nav{padding:.25rem .65rem 1rem}.sidebar-nav .nav-link{color:rgba(255,255,255,.9);border-radius:.75rem;margin:.15rem 0;padding:.7rem .85rem;display:flex;gap:.75rem;align-items:center;white-space:nowrap}.sidebar-nav .nav-link:hover,.sidebar-nav .nav-link:focus{background:rgba(255,255,255,.14);color:#fff}.sidebar-nav .nav-link i{font-size:1.15rem;min-width:22px;text-align:center}body.sidebar-collapsed .app-sidebar{width:var(--sidebar-collapsed-w)}body.sidebar-collapsed .app-main{margin-left:var(--sidebar-collapsed-w);width:calc(100% - var(--sidebar-collapsed-w))}body.sidebar-collapsed .brand-text,body.sidebar-collapsed .menu-text{display:none}body.sidebar-collapsed .brand-box{justify-content:center;padding-left:.5rem;padding-right:.5rem}body.sidebar-collapsed .sidebar-toggle{width:46px;margin:.85rem auto;text-align:center}body.sidebar-collapsed .sidebar-nav .nav-link{justify-content:center;padding:.75rem .55rem}.page-title{font-weight:800;color:#1f2937}.card{border:0;border-radius:1rem;box-shadow:0 8px 24px rgba(15,23,42,.08)}.stat-card .stat-label{text-transform:uppercase;font-size:.76rem;color:#64748b;font-weight:800;letter-spacing:.04em}.stat-card .stat-value{font-size:1.45rem;font-weight:900;color:#0f172a}.stat-card .icon{font-size:2rem;color:var(--sva-primary);opacity:.25}.required:after{content:' *';color:#dc3545}.table-responsive{overflow-x:auto}.dt-container{width:100%}.form-label{font-weight:700;color:#334155}.amount-input{text-align:right}.receipt-box{max-width:900px;margin:auto;background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 8px 24px rgba(15,23,42,.12)}.batch-slot-row{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.75rem;padding:.75rem;margin-bottom:.6rem}.sidebar-backdrop{display:none}.modal-dialog{max-width:min(96vw,1140px)}@media(max-width:991.98px){.app-sidebar{transform:translateX(-100%);width:280px}.app-main{margin-left:0;width:100%}body.sidebar-open .app-sidebar{transform:translateX(0)}body.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:1030}.navbar .btn{white-space:nowrap}.card{border-radius:.8rem}.container-fluid{padding-left:.8rem!important;padding-right:.8rem!important}}@media(max-width:575.98px){body{font-size:.9rem}.stat-card .stat-value{font-size:1.15rem}.receipt-box{padding:1rem}.btn{white-space:normal}.modal-body{padding:.9rem}.table{font-size:.86rem}.brand-title{font-size:.95rem}}@media print{.no-print,.app-sidebar,.navbar,.sidebar-backdrop{display:none!important}.app-main{margin-left:0!important;width:100%!important}.card,.receipt-box{box-shadow:none;border:1px solid #ddd}.container-fluid{padding:0!important}body{background:#fff}}