.route-progress{z-index:100;opacity:0;background:#fafafa;width:0;height:2px;transition:width .18s,opacity .18s;position:fixed;top:0;left:0}.route-progress.is-pending{opacity:1;width:72%}.sidebar{flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.sidebar-brand p{color:#8b8b8b;margin:0 0 24px;font-size:12px}.nav-link{border:1px solid #0000;align-items:center;gap:9px;transition:background .16s,color .16s,border-color .16s,transform .16s;position:relative;display:flex!important}.nav-link:hover{transform:translate(2px)}.nav-link:active{transform:translate(2px)scale(.985)}.nav-link.is-active{border-color:#404040;font-weight:700;color:#fff!important;background:#303030!important}.nav-indicator{background:0 0;border-radius:2px;width:3px;height:16px}.nav-link.is-active .nav-indicator{background:#f5f5f5}.logout-form{margin-top:auto}.logout-button{color:#ddd;background:0 0;border:1px solid #444;width:100%}.logout-label-mobile{display:none}.page-transition{animation:.18s ease-out both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}button,.button,input,select,textarea{transition:border-color .16s,box-shadow .16s,background .16s,transform .12s}button:hover,.button:hover{filter:brightness(1.12)}button:active,.button:active{transform:scale(.985)}button:disabled{cursor:not-allowed;opacity:.55;filter:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #737373}tbody tr{transition:background .16s}tbody tr:hover{background:#fafafa}.custom-select{min-width:0;position:relative}.custom-select-trigger{color:#171717;text-align:left;background:#fff;border:1px solid #ccc;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:38px;padding:9px 11px;display:flex}.custom-select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-select-placeholder{color:#777}.custom-select-chevron{font-size:16px}.custom-select-list{z-index:40;background:#fff;border:1px solid #d4d4d4;border-radius:7px;width:max(100%,240px);max-width:min(520px,100vw - 32px);max-height:280px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;overflow:auto;box-shadow:0 12px 30px #0000001f}.custom-select-option{color:#171717;text-align:left;background:#fff;border-radius:4px;justify-content:space-between;gap:12px;width:100%;padding:9px 10px;display:flex}.custom-select-option:hover,.custom-select-option.is-focused{background:#eee}.custom-select-option[aria-selected=true]{font-weight:700}.custom-select-option:disabled{color:#aaa}.custom-select-empty{color:#777;margin:0;padding:10px}.page-skeleton{gap:14px;display:grid}.skeleton{background:#e5e5e5;border-radius:7px;overflow:hidden}.skeleton:after{content:"";background:#fff6;width:45%;height:100%;animation:1.1s ease-in-out infinite skeleton-sweep;display:block}.skeleton-title{width:220px;height:30px}.skeleton-subtitle{width:300px;height:14px}.skeleton-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.skeleton-card{height:100px}.skeleton-table{height:320px}@keyframes skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.nav-link:hover,.nav-link:active,button:active,.button:active{transform:none}}@media print{.route-progress{display:none}}
:root{--bg:#f6f6f4;--surface:#fff;--surface-subtle:#fafaf9;--ink:#18181b;--muted:#71717a;--faint:#a1a1aa;--border:#e4e4e7;--border-strong:#d4d4d8;--accent:#b45309;--accent-soft:#fffbeb;--sidebar:#18181b;--sidebar-muted:#a1a1aa;--radius-sm:7px;--radius:10px;--radius-lg:14px;--shadow:0 1px 2px #0000000a;--focus:0 0 0 3px #b4530929;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--bg);margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--ink);border-radius:var(--radius-sm);background:var(--ink);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-weight:650;transition:background .16s,border-color .16s,transform .12s;display:inline-flex}.button.secondary{border-color:var(--border-strong);color:var(--ink);background:#fff}button:hover,.button:hover{background:#27272a}.button.secondary:hover{background:#f4f4f5}.danger{color:#991b1b;background:#fff;border-color:#fecaca}.danger:hover{background:#fef2f2}button:active,.button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea,.custom-select-trigger{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-height:42px;color:var(--ink);background:#fff;outline:none;padding:9px 12px}input::placeholder,textarea::placeholder{color:var(--faint)}input:hover,select:hover,textarea:hover,.custom-select-trigger:hover{border-color:#a1a1aa}input:focus,select:focus,textarea:focus,.custom-select-trigger:focus-visible{border-color:var(--accent);box-shadow:var(--focus)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{z-index:60;width:240px;padding:22px 16px max(18px,env(safe-area-inset-bottom));background:var(--sidebar);color:#f4f4f5;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;gap:11px;padding:0 6px 20px;display:flex}.sidebar-brand strong,.mobile-brand{font-size:14px;font-weight:750}.sidebar-brand small{color:var(--sidebar-muted);font-size:11px;display:block}.brand-symbol{color:#fafafa;letter-spacing:.08em;background:#27272a;border:1px solid #3f3f46;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.user-card{background:#202023;border:1px solid #303034;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.user-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;display:block;overflow:hidden}.user-card small{color:var(--sidebar-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.user-avatar{background:#3f3f46;border-radius:8px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:750;display:grid}.nav-group{color:#71717a;letter-spacing:.1em;text-transform:uppercase;margin:24px 10px 7px;font-size:10px;font-weight:750}.nav{gap:3px;display:grid}.nav-link{color:#a1a1aa;border-radius:8px;align-items:center;gap:11px;min-height:42px;padding:0 11px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-link:hover{color:#fff;background:#27272a}.nav-link.is-active{color:#fff;box-shadow:inset 3px 0 var(--accent);background:#303033}.nav-icon{color:#d4d4d8;place-items:center;width:20px;font-size:16px;display:grid}.logout-form{margin-top:auto}.logout-button{color:#d4d4d8;background:0 0;border-color:#3f3f46;width:100%}.mobile-topbar,.drawer-close{display:none}.app-main{grid-column:2;min-width:0;padding:32px clamp(24px,3vw,48px) 56px}.app-main>.page-transition{width:100%;max-width:1240px;margin:0 auto}.page-stack{gap:20px;display:grid}.page-header{justify-content:space-between;align-items:flex-end;gap:20px;min-height:58px;display:flex}.page-header h1{letter-spacing:-.035em;margin:1px 0 3px;font-size:clamp(24px,2.3vw,31px);line-height:1.15}.page-header p:not(.eyebrow),.section-heading p{color:var(--muted);margin:0}.eyebrow{color:var(--accent);letter-spacing:.13em;margin:0;font-size:10px;font-weight:800}.section-card,.panel,.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow);padding:20px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.section-heading h2{letter-spacing:-.015em;margin:0 0 2px;font-size:16px}.text-link,.table-link{color:var(--accent);font-weight:650}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:17px 18px}.metric-card span{color:var(--muted);font-size:12px;font-weight:600}.metric-card strong{letter-spacing:-.035em;margin:6px 0 2px;font-size:clamp(21px,2vw,26px);line-height:1.2;display:block}.metric-card small{color:var(--faint)}.stock-callout{border-radius:var(--radius);background:var(--accent-soft);border:1px solid #fde68a;justify-content:space-between;align-items:center;gap:18px;padding:15px 17px;display:flex}.stock-callout p{color:#78716c;margin:2px 0 0;font-size:12px}.form,.transaction-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.form label,.transaction-form label,.product-picker label,.cart-form label,.search-toolbar label{align-content:start;gap:6px;display:grid}.form label>span,.transaction-form label>span,.product-picker label>span,.cart-form label>span,.search-toolbar label>span{color:#52525b;font-size:11px;font-weight:700}.span-2{grid-column:span 2}.form-actions{align-items:flex-end;display:flex}.transaction-form{grid-template-columns:repeat(2,minmax(0,1fr))}.transaction-form .product-picker{grid-column:1/-1}.form-inline{grid-template-columns:1fr 1fr;gap:14px;display:grid}.product-picker{grid-template-columns:1fr 1.5fr;gap:14px;display:grid}.picker-info{background:var(--surface-subtle);color:var(--muted);border-radius:7px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:12px}.create-panel{padding:0}.create-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;list-style:none;display:flex}.create-panel summary::-webkit-details-marker{display:none}.create-panel summary strong,.create-panel summary small{display:block}.create-panel summary small{color:var(--muted);margin-top:2px}.summary-action{color:var(--accent);font-size:12px;font-weight:700}.create-panel[open] .summary-action{font-size:0}.create-panel[open] .summary-action:after{content:"Tutup formulir";font-size:12px}.create-panel .form{border-top:1px solid var(--border);padding:20px}.search-toolbar{grid-template-columns:minmax(210px,1.6fr) repeat(2,minmax(150px,1fr)) auto;align-items:end;gap:12px;display:grid}.check-field{border:1px solid var(--border);white-space:nowrap;border-radius:7px;min-height:42px;padding:0 10px;align-items:center!important;gap:8px!important;display:flex!important}.check-field input{width:15px;min-height:15px}.result-count{color:var(--muted);margin:12px 0;font-size:12px}.table-wrap{border:1px solid var(--border);border-radius:10px;width:100%;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:12px 14px}th{background:var(--surface-subtle);color:#71717a;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:750}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfcfb}td small{color:var(--muted);margin-top:2px;display:block}.right{text-align:right}.row-actions{gap:7px;display:flex}.row-actions form{margin:0}.status{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.status i{background:#71717a;border-radius:50%;width:6px;height:6px}.low td:first-child{box-shadow:inset 3px 0 #d97706}.empty-state{min-height:150px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:24px;display:flex}.empty-state strong{color:var(--ink);font-size:14px}.empty-state .button{margin-top:8px}.cart-form{gap:14px;display:grid}.invoice-step{gap:15px;display:grid}.step-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.step-heading b{font-size:15px}.step-heading span{color:var(--muted);font-size:11px}.product-add-row{grid-template-columns:minmax(170px,.8fr) minmax(300px,1.5fr) auto;align-items:end;gap:12px;display:grid}.cart-form .form{grid-template-columns:1fr 1fr;margin:0}.cart-summary{grid-template-columns:repeat(3,minmax(140px,1fr)) minmax(190px,1.15fr);align-items:end;gap:12px;display:grid}.invoice-total{border:1px solid var(--border);background:var(--surface-subtle);color:var(--muted);border-radius:9px;padding:12px 14px;font-size:12px}.invoice-total b{float:right;color:var(--ink)}.invoice-total b:nth-last-child(2){font-size:18px}.invoice-submit{justify-self:end}.form-error{color:#991b1b;margin:0;font-size:12px;font-weight:650}.custom-select{min-width:0;position:relative}.custom-select-trigger{color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:10px;display:flex}.custom-select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-select-placeholder{color:var(--faint)}.custom-select-chevron{font-size:15px}.custom-select-list{z-index:200;border:1px solid var(--border-strong);background:#fff;border-radius:10px;max-height:min(300px,45vh);padding:5px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 16px 40px #18181b29}.custom-select-option{width:100%;min-height:38px;color:var(--ink);text-align:left;background:#fff;border:0;border-radius:6px;justify-content:space-between;padding:7px 9px;font-weight:500;display:flex}.custom-select-option:hover,.custom-select-option.is-focused{background:#f4f4f5}.custom-select-option[aria-selected=true]{font-weight:700}.custom-select-empty{color:var(--muted);text-align:center;padding:14px}.receipt{border:1px solid var(--border);color:#000;background:#fff;width:80mm;max-width:100%;margin:auto;padding:7mm;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.receipt header{text-align:center}.receipt header h2{letter-spacing:.08em;margin-bottom:2px}.receipt table{font-size:11px}.receipt-total{border-top:1px dashed #555;margin-top:10px;padding-top:8px}.receipt-total p{justify-content:space-between;margin:5px 0;display:flex}.print-controls{align-items:end;gap:8px;margin-top:18px;display:flex}.print-controls label{gap:5px;display:grid}.auth-page{background:#f5f5f2;grid-template-columns:minmax(350px,42%) 1fr;min-height:100dvh;display:grid;padding:0!important}.auth-brand{color:#fafafa;background:#18181b;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:clamp(36px,5vw,64px);display:flex}.auth-brand .brand-mark{border:1px solid #3f3f46;border-radius:11px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.brand-copy h1{letter-spacing:-.05em;margin:10px 0 18px;font-size:clamp(36px,5vw,62px);line-height:1.04}.brand-copy>p:last-child{color:#a1a1aa;max-width:440px;margin:0;font-size:15px;line-height:1.65}.auth-status{color:#a1a1aa;align-items:center;gap:8px;font-size:11px;display:flex}.status-dot{background:#a3a3a3;border-radius:50%;width:6px;height:6px}.auth-panel{place-items:center;padding:40px;display:grid}.login-card{border:1px solid var(--border);background:#fff;border-radius:14px;width:min(100%,420px);padding:34px;box-shadow:0 18px 45px #18181b12}.login-heading{margin-bottom:24px}.login-heading h2{letter-spacing:-.035em;margin:3px 0 7px;font-size:27px}.login-heading>p:last-child,.login-trust{color:var(--muted)}.login-form{gap:16px;display:grid}.login-field{gap:6px;display:grid}.login-field>span{font-size:12px;font-weight:700}.password-input{position:relative}.password-input input{padding-right:94px}.password-toggle{min-height:32px;color:var(--accent);background:0 0;border:0;padding:0 10px;font-size:11px;position:absolute;top:5px;right:5px}.password-toggle:hover{color:var(--accent);background:#f4f4f5}.login-submit{width:100%;margin-top:2px}.login-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;padding:10px 12px;font-size:12px}.login-trust{border-top:1px solid var(--border);margin-top:22px;padding-top:17px;font-size:11px}.login-trust p{margin:3px 0}.auth-footer{color:var(--faint);font-size:10px;position:absolute;bottom:16px;right:24px}@media (max-width:1199px) and (min-width:1024px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{width:200px;padding-inline:12px}.app-main{grid-column:2;padding:28px 28px 48px}.user-card strong{max-width:100px}}@media (max-width:1023px){.drawer-locked{overflow:hidden}.shell{padding-top:64px;display:block}.mobile-topbar{z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex;position:fixed;inset:0 0 auto}.mobile-brand{align-items:center;gap:10px;display:flex}.menu-toggle{border-color:var(--border);background:#fff;place-content:center;gap:4px;width:40px;min-height:40px;padding:0;display:grid}.menu-toggle:hover{background:#f4f4f5}.menu-toggle span{background:#18181b;width:17px;height:1.5px}.sidebar{width:min(320px,86vw);padding-top:max(20px,env(safe-area-inset-top));transition:transform .2s ease-out;transform:translate(-102%);box-shadow:18px 0 50px #0003}.sidebar.is-open{transform:none}.drawer-close{background:0 0;border-color:#3f3f46;place-items:center;width:34px;min-height:34px;margin-left:auto;padding:0;font-size:22px;display:grid}.drawer-overlay{z-index:55;background:#09090b85;border:0;border-radius:0;display:block;position:fixed;inset:0}.app-main{padding:28px 24px 48px}.search-toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.check-field{align-self:end}.auth-page{grid-template-rows:auto 1fr;grid-template-columns:1fr}.auth-brand{min-height:0;padding:28px 42px}.auth-brand .brand-mark{width:38px;height:38px}.brand-copy{margin:24px 0}.brand-copy h1{margin:5px 0 8px;font-size:30px}.brand-copy h1 br{display:none}.brand-copy>p:last-child{font-size:13px}.auth-status{display:none}.auth-panel{align-content:center;padding:32px 24px}.login-card{padding:30px}.auth-footer{display:none}.product-add-row{grid-template-columns:1fr 1fr}.product-add-row button{grid-column:2;justify-self:end}.cart-summary{grid-template-columns:1fr 1fr}.invoice-total{grid-column:1/-1}}@media (max-width:767px){.shell{padding-top:58px}.mobile-topbar{height:58px;padding:0 14px}.brand-symbol{flex-basis:31px;width:31px;height:31px}.app-main{padding:20px 14px 40px}.page-stack{gap:14px}.page-header{flex-direction:column;align-items:flex-start}.page-header>div,.page-header>.page-actions{width:100%}.page-header h1{font-size:25px}.page-header>div+*{flex-shrink:0}.section-card,.panel,.card{border-radius:11px;padding:16px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px}.metric-card strong{font-size:20px}.stock-callout{flex-direction:column;align-items:flex-start}.form,.transaction-form,.product-picker,.form-inline,.product-add-row,.cart-form .form,.cart-summary{grid-template-columns:1fr}.span-2,.search-field,.transaction-form .product-picker,.picker-info,.invoice-total,.product-add-row button{grid-column:auto}.form-actions button,.invoice-submit,.product-add-row button{justify-self:stretch;width:100%}.create-panel summary,.create-panel .form{padding:16px}.search-toolbar{grid-template-columns:1fr}.check-field{grid-column:auto}.section-heading{align-items:flex-start}.table-wrap{border:0;overflow:visible}.table-wrap table.responsive-table,.section-card>.table-wrap table{display:block}.table-wrap table.responsive-table thead,.section-card>.table-wrap table thead{display:none}.table-wrap table.responsive-table tbody,.section-card>.table-wrap table tbody{gap:9px;display:grid}.table-wrap table.responsive-table tr,.section-card>.table-wrap table tr{border:1px solid var(--border);background:#fff;border-radius:9px;padding:11px 13px;display:grid}.table-wrap table.responsive-table td,.section-card>.table-wrap table td{text-align:right;border:0;justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;padding:6px 0;display:flex}.table-wrap table.responsive-table td:before,.section-card>.table-wrap table td:before{content:attr(data-label);color:var(--muted);text-align:left;text-transform:uppercase;font-size:10px;font-weight:700}.table-wrap table tr td[colspan]{text-align:center;display:block}.table-wrap table tr td[colspan]:before{display:none}.empty-state{min-height:130px}.cart-form .table-wrap{border:1px solid var(--border);overflow-x:auto}.cart-form .table-wrap table{min-width:620px}.step-heading{flex-direction:column;align-items:flex-start;gap:2px}.auth-brand{padding:20px 22px}.brand-copy{margin:18px 0 0}.brand-copy .eyebrow,.brand-copy>p:last-child{display:none}.brand-copy h1{font-size:24px}.auth-panel{padding:20px 14px;display:block}.login-card{padding:23px 20px}.login-heading{margin-bottom:20px}.login-heading h2{font-size:24px}.login-trust{margin-top:18px}.receipt{border:0;padding:5mm}.row-actions{justify-content:flex-end}}@media (max-width:360px){.app-main,.mobile-topbar{padding-inline:10px}.metric-grid{grid-template-columns:1fr}.page-header{display:grid}.page-header>.button{width:100%}.section-card,.panel{padding:14px}.login-card{padding:20px 16px}.auth-brand{padding:16px}.brand-copy{margin-top:12px}.brand-copy h1{font-size:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{@page{margin:3mm}.shell{padding:0;display:block}.sidebar,.mobile-topbar,.drawer-overlay,.route-progress,.no-print{display:none!important}.app-main{padding:0}.receipt{border:0;max-width:none;font-size:10px}.receipt.paper-58{width:58mm;padding:2mm}.receipt.paper-80{width:80mm;padding:3mm}.receipt table{font-size:10px}.receipt h2{font-size:15px}body[data-paper="58"] .receipt{width:58mm}body[data-paper="80"] .receipt{width:80mm}}.report-page{gap:var(--space-10,40px)}.page-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.report-filter-card{gap:24px;display:grid}.report-filters{grid-template-columns:minmax(200px,260px) minmax(200px,260px) auto;align-items:end;gap:16px;display:grid}.report-filters label{color:var(--muted);gap:8px;font-size:12px;font-weight:700;display:grid}.report-filters input,.report-filters button{height:46px}.report-filters button{white-space:nowrap;padding-inline:22px}.report-summary{gap:18px;display:grid}.report-section-heading{margin:0}.report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.report-metrics .metric-card{min-height:110px;padding:20px 22px}.report-transactions{gap:20px;display:grid}.button.compact,button.compact{min-height:34px;padding-inline:11px;font-size:12px}@media (max-width:1199px){.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023px){.report-page{gap:32px}.report-filters{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr)}.report-filters button{grid-column:1/-1;justify-self:start}.report-filter-card{gap:20px}}@media (max-width:767px){.report-page{gap:24px}.page-actions{width:100%}.page-actions .button{flex:auto}.report-filters{grid-template-columns:1fr;gap:14px}.report-filters button{grid-column:auto;justify-self:stretch;width:100%}.report-metrics{grid-template-columns:1fr 1fr;gap:10px}.report-metrics .metric-card{min-height:96px;padding:15px}.report-transactions{gap:16px}}@media (max-width:420px){.report-metrics{grid-template-columns:1fr}.page-actions{grid-template-columns:1fr 1fr;display:grid}.page-actions .button{width:100%;padding-inline:10px}}@media (max-width:360px){.page-actions{grid-template-columns:1fr}}