:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#202a30;background:#f4f1eb}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button{font-family:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;flex:0 0 260px;background:#1f2d35;color:#e9f0f0}.sidebar-inner{display:flex;flex-direction:column;height:100%;min-height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:29px 24px 22px;letter-spacing:1.4px}.brand strong{display:block;font-size:15px;letter-spacing:2px}.brand small{display:block;color:#8da1a8;font-size:9px;letter-spacing:1.7px;margin-top:3px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#d48349;color:#fff;font-size:28px;font-weight:800;font-family:Georgia,serif;transform:rotate(-5deg);box-shadow:0 9px 28px #0003}.brand-mark.large{width:66px;height:66px;font-size:44px;border-radius:17px}.nav-scroll{flex:1;overflow:auto;padding:0 12px 28px}.nav-group{margin-top:24px}.nav-heading{font-size:10px;color:#82969d;font-weight:800;letter-spacing:1.8px;padding:0 16px;margin-bottom:8px}.nav-link{width:100%;display:flex;align-items:center;gap:13px;padding:10px 14px;margin:2px 0;border:0;border-radius:9px;background:transparent;color:#bbcad0;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:.16s}.nav-link:hover{color:#fff;background:#30414a}.nav-link.active{background:#d48349;color:#fff;box-shadow:0 5px 14px #0002}.nav-badge{display:inline-grid;place-items:center;width:23px;height:23px;font-size:19px;font-weight:500}.sidebar-bottom{border-top:1px solid #314049;padding:19px 24px;color:#9eb1b6;display:flex;align-items:center;gap:9px;font-size:12px}.online-dot{width:7px;height:7px;background:#7fc68e;border-radius:50%;box-shadow:0 0 0 4px #7fc68e20}.main-area{flex:1;min-width:0}.main-content{max-width:1480px;margin:0 auto;padding:38px 42px 70px}.mobile-menu{display:none!important}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{padding:23px;min-width:0}.metric h5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.bar-chart{height:210px;display:flex;align-items:flex-end;gap:3px;padding:8px 0;border-bottom:1px solid #ddd5cb;background:repeating-linear-gradient(to top,#eee9e1 0 1px,transparent 1px 50px)}.bar-slot{display:flex;align-items:flex-end;flex:1;height:100%;min-width:2px}.bar{width:100%;background:linear-gradient(0deg,#b76b32,#e9b782);border-radius:3px 3px 0 0;transition:.2s}.bar-slot:hover .bar{background:#1f2d35}.print-root{background:#fff;color:#111;box-shadow:0 14px 40px #0002;font-family:Arial,sans-serif;font-size:11px;line-height:1.45}.receipt{break-after:page;overflow-wrap:anywhere}.receipt:last-child{break-after:auto}.receipt h2{font-size:15px;margin:5px 0 0;text-align:center}.receipt small{display:block;text-align:center}.receipt p{margin:7px 0}.receipt hr{border:0;border-top:1px dashed #333;margin:10px 0}.receipt-reference{font-weight:700;text-align:center}.receipt-line{display:flex;justify-content:space-between;gap:8px;padding:3px 0}.receipt-line strong{text-align:right}.receipt-logo{display:block;max-width:70%;max-height:25mm;margin:0 auto 5px;object-fit:contain}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-visual{background:#22313a;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center}.login-pattern{position:absolute;inset:-100px;opacity:.18;background:repeating-radial-gradient(circle at 20% 50%,transparent 0 54px,#e9a269 55px 56px);transform:rotate(-15deg)}.login-visual-content{position:relative;padding:10vw}.login-visual-content p{margin-top:36px;color:#e2a577;font-size:12px;font-weight:800;letter-spacing:3px}.login-visual-content h1{font-size:clamp(42px,5vw,74px);line-height:1.03;margin:22px 0;letter-spacing:-3px}.login-visual-content span{color:#b8c4c7;font-size:16px}.login-form-wrap{display:grid;place-items:center;padding:30px}.login-card{width:min(100%,410px);padding:34px!important;background:transparent!important}@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}}@media(max-width:820px){.desktop-sidebar{display:none}.mobile-menu{display:inline-flex!important}.main-content{padding:25px 18px 60px}.login-page{grid-template-columns:1fr}.login-visual{min-height:260px}.login-visual-content{padding:38px}.login-visual-content h1{font-size:38px}.login-visual-content p{margin-top:14px}}@media(max-width:600px){.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric{padding:14px}.metric h5{font-size:19px}.main-content{padding:20px 12px 48px}}@media print{@page{margin:0;size:auto}body,html,#root{background:#fff!important;margin:0!important;height:auto!important}.app-shell,.MuiBackdrop-root,.MuiDialogTitle-root,.MuiDialogActions-root{display:none!important}.MuiDialog-root,.MuiDialog-container,.MuiDialog-paper,.MuiDialogContent-root{position:static!important;overflow:visible!important;max-height:none!important;height:auto!important;width:auto!important;margin:0!important;padding:0!important;box-shadow:none!important;background:#fff!important}body *{visibility:hidden!important}.print-root,.print-root *{visibility:visible!important}.print-root{position:absolute!important;top:0;left:0;box-shadow:none!important;margin:0!important}.receipt{break-inside:avoid}}