:root{--sidebar:250px;--top:62px;--accent:#1367d1;--dark:#10243e}body{background:#f4f7fb;color:#24364b}.topbar{height:var(--top);background:linear-gradient(90deg,#10243e,#1367d1);box-shadow:0 2px 10px #0002}.sidebar{position:fixed;top:var(--top);bottom:0;left:0;width:var(--sidebar);background:#10243e;overflow:auto;z-index:1020}.sidebar-inner{padding:18px 8px}.brand-block{color:white;padding:12px 8px 22px;border-bottom:1px solid #ffffff1c;margin-bottom:12px}.brand-logo{width:70px;height:70px;object-fit:contain;background:white;border-radius:15px;padding:7px}.brand-icon{margin:auto;width:58px;height:58px;border-radius:16px;background:#ffffff16;display:grid;place-items:center;font-size:28px}.sidebar .nav-link{color:#d6e3f5;border-radius:10px;margin:3px 0;padding:10px 12px}.sidebar .nav-link:hover{background:#ffffff12;color:#fff}.app-main{padding-top:var(--top);margin-left:var(--sidebar);min-height:100vh}.card{border:0;border-radius:16px;box-shadow:0 5px 22px #173b6a12}.kpi{background:white;padding:20px;border-radius:16px;box-shadow:0 5px 22px #173b6a12;height:100%}.kpi-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#e9f2ff;color:#1367d1;font-size:22px}.table>thead th{background:#eef4fb;color:#38506b;font-size:.85rem}.btn{border-radius:9px}.form-control,.form-select{border-radius:9px;padding:.62rem .75rem}.page-title{font-weight:700;color:#17324d}.receipt{max-width:820px;margin:auto;background:#fff;padding:28px;border-radius:14px;box-shadow:0 5px 25px #0001}@media(max-width:991.98px){.app-main{margin-left:0}}@media print{.topbar,.sidebar,.offcanvas,.no-print,footer{display:none!important}.app-main{margin:0;padding:0}.container-fluid{padding:0!important}.receipt{box-shadow:none;max-width:none}.card{box-shadow:none}}