.reports-screen{flex:1;min-height:0;display:flex;flex-direction:column}.reports-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:1rem;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);padding:1.15rem 1.25rem}.reports-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.reports-heading__title{display:flex;align-items:center;gap:.75rem}.reports-heading__icon{width:var(--touch-sm);height:var(--touch-sm);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-stronger)}.reports-heading h1{margin:0;font-size:1.65rem;font-weight:700;letter-spacing:-.02em}.reports-heading p{margin:.12rem 0 0;font-size:.88rem;color:var(--text-muted)}.reports-button{min-height:var(--touch-sm);padding:0 1.05rem;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font:inherit;font-size:.92rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.reports-button:hover:not(:disabled){border-color:var(--accent-border);color:var(--accent-stronger)}.reports-button:active:not(:disabled){transform:scale(.98)}.reports-button:disabled{cursor:not-allowed;opacity:.55}.reports-button--primary{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-accent)}.reports-button--primary:hover:not(:disabled){border-color:var(--accent-strong);background:var(--accent-strong);color:var(--accent-contrast)}.reports-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.reports-tabs{width:fit-content;display:flex;align-items:center;gap:.25rem;padding:.3rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-sunken)}.reports-tabs button{min-height:var(--touch-sm);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0 1.1rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font:inherit;font-size:.92rem;font-weight:650;cursor:pointer;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.reports-tabs button:hover:not(.is-active){color:var(--accent-stronger)}.reports-tabs button.is-active{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-accent)}.reports-filter-trigger{min-height:var(--touch-sm);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0 1rem;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font:inherit;font-size:.92rem;font-weight:650;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.reports-filter-trigger:hover,.reports-filter-trigger.has-filters{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-stronger)}.reports-filter-trigger__badge{min-width:1.4rem;height:1.4rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .35rem;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-contrast);font-size:.72rem;font-weight:750}.reports-modal-overlay{position:fixed;inset:0;z-index:70;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:1.5rem;background:#11182785;backdrop-filter:blur(2px)}.reports-filters{position:relative;z-index:5;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-muted)}.reports-filters--modal{width:min(1120px,100%);margin:auto 0;padding:1.15rem;border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-lg);animation:reports-modal-in .18s ease-out}.reports-filters__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.reports-filters__header-actions{display:flex;align-items:center;gap:.55rem}.reports-modal-close{width:var(--touch-sm);height:var(--touch-sm);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.reports-modal-close:hover{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.reports-filters__header h2{margin:0;font-size:1.05rem;font-weight:700}.reports-filters__header p{margin:.15rem 0 0;color:var(--text-muted);font-size:.82rem}.reports-filters__badge{flex:0 0 auto;padding:.28rem .62rem;border:1px solid var(--accent-border);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-stronger);font-size:.75rem;font-weight:700}.reports-presets{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.9rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}.reports-presets button{min-height:2.35rem;padding:0 .8rem;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-subtle);font:inherit;font-size:.84rem;font-weight:650;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.reports-presets button:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-stronger)}.reports-presets>span{margin-left:auto;padding:.4rem .7rem;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-muted);font-size:.78rem}.reports-presets>span strong{color:var(--text-subtle);font-weight:700}.reports-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(12rem,1fr));align-items:end;gap:.8rem}.reports-date-range{grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.reports-date-range .pos-date-picker:last-child .pos-date-picker__popover{left:auto;right:0}.reports-field{position:relative;min-width:0;display:flex;flex-direction:column;gap:.45rem}.reports-field--wide{grid-column:span 2}.reports-field>span,.reports-field>label{color:var(--text-muted);font-size:.85rem;font-weight:600}.reports-input{width:100%;min-height:var(--touch);display:flex;align-items:center;gap:.65rem;padding:0 .9rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);transition:border-color .15s ease,box-shadow .15s ease}.reports-input>svg{flex:0 0 auto}.reports-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:1rem}.reports-input input::placeholder{color:var(--grey-40)}.reports-select__trigger{width:100%;min-height:var(--touch);display:flex;align-items:center;gap:.65rem;padding:0 .85rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:.96rem;font-weight:550;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.reports-select__trigger:hover,.reports-select__trigger.is-open{border-color:var(--accent-border)}.reports-select__trigger.is-open{box-shadow:var(--focus-ring)}.reports-select__trigger>span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reports-select__trigger>svg:last-child{flex:0 0 auto;color:var(--text-muted);transition:transform .15s ease}.reports-select__trigger.is-open>svg:last-child{transform:rotate(180deg);color:var(--accent-stronger)}.reports-select__icon{display:inline-flex;flex:0 0 auto;color:var(--text-muted)}.reports-select__trigger.has-value .reports-select__icon{color:var(--accent-stronger)}.reports-select__trigger .is-placeholder{color:var(--grey-40)}.reports-select__count{min-width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto!important;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-stronger);font-size:.72rem;font-weight:750}.reports-select__menu{position:absolute;top:calc(100% + .4rem);left:0;right:0;z-index:50;max-height:18rem;overflow-y:auto;display:flex;flex-direction:column;gap:.2rem;padding:.35rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);animation:reports-menu-in .15s ease-out}.reports-select__option{width:100%;min-height:var(--touch-sm);display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .7rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;font-size:.9rem;font-weight:550;text-align:left;cursor:pointer}.reports-select__option:hover{background:var(--surface-sunken)}.reports-select__option.is-selected{background:var(--accent-soft);color:var(--accent-stronger);font-weight:700}.reports-select__menu--multi .reports-select__option{justify-content:flex-start}.reports-select__check{width:1.3rem;height:1.3rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface)}.reports-select__option.is-selected .reports-select__check{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.reports-select__footer{position:sticky;bottom:-.35rem;display:flex;justify-content:space-between;gap:.5rem;margin:.2rem -.35rem -.35rem;padding:.5rem .65rem;border-top:1px solid var(--border);background:var(--surface)}.reports-select__footer button{border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);padding:.4rem .5rem;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.reports-select__footer button:last-child{color:var(--accent-stronger)}.reports-select__footer button:hover:not(:disabled){background:var(--accent-soft)}.reports-select__footer button:disabled{opacity:.4;cursor:not-allowed}.reports-checkbox{min-height:var(--touch);display:flex;align-items:center;gap:.7rem;padding:.55rem .75rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer}.reports-checkbox input{position:absolute;opacity:0;pointer-events:none}.reports-checkbox__control{position:relative;width:2.55rem;height:1.45rem;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--grey-30);transition:background .15s ease}.reports-checkbox__control:after{content:"";position:absolute;top:3px;left:3px;width:calc(1.45rem - 6px);height:calc(1.45rem - 6px);border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .15s ease}.reports-checkbox input:checked+.reports-checkbox__control{background:var(--accent)}.reports-checkbox input:checked+.reports-checkbox__control:after{transform:translate(1.1rem)}.reports-checkbox:has(input:focus-visible){border-color:var(--accent-border);box-shadow:var(--focus-ring)}.reports-checkbox__copy{min-width:0;display:flex;flex-direction:column;gap:.05rem}.reports-checkbox__copy strong{color:var(--text);font-size:.86rem;font-weight:650}.reports-checkbox__copy small{color:var(--text-muted);font-size:.72rem}.reports-filter-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:.9rem;padding-top:.85rem;border-top:1px solid var(--border)}.reports-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.65rem}.reports-kpis>div{min-width:0;padding:.8rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-sunken)}.reports-kpis>div:first-child{border-color:var(--accent-border);background:var(--accent-soft)}.reports-kpis span{display:block;color:var(--text-muted);font-size:.75rem;font-weight:600}.reports-kpis strong{display:block;margin-top:.25rem;color:var(--text);font-family:var(--font-display);font-size:1.08rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reports-kpis>div:first-child strong{color:var(--accent-stronger)}.reports-table-card{flex:1;min-height:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.reports-table-scroll{width:100%;height:100%;overflow:auto}.reports-table{width:100%;min-width:90rem;border-collapse:separate;border-spacing:0;font-size:.82rem}.reports-table--items{min-width:82rem}.reports-table th{position:sticky;top:0;z-index:2;padding:.75rem .7rem;border-bottom:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);text-align:left;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}.reports-table td{padding:.72rem .7rem;border-bottom:1px solid var(--border);color:var(--text-subtle);vertical-align:middle}.reports-table tbody tr:last-child td{border-bottom:0}.reports-table tbody tr:hover:not(.reports-table__details-row) td{background:var(--accent-soft)}.reports-table td strong{color:var(--text)}.reports-table td small{display:block;margin-top:.16rem;color:var(--text-muted)}.reports-table .is-numeric{text-align:right;font-variant-numeric:tabular-nums}.reports-table__order{color:var(--accent-stronger)!important;font-weight:750;white-space:nowrap}.reports-order-link{display:inline-flex;align-items:center;min-height:1.75rem;padding:.15rem .3rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--accent-stronger);font:inherit;font-weight:750;text-decoration:underline;text-decoration-color:var(--accent-border);text-underline-offset:3px;cursor:pointer;transition:background .15s ease,color .15s ease}.reports-order-link:hover{background:var(--accent-soft-2);color:var(--brand-800);text-decoration-color:currentColor}.reports-status{display:inline-flex;padding:.28rem .52rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-subtle);font-size:.72rem;font-weight:700;white-space:nowrap}.reports-status--awaiting_payment{border-color:var(--status-orange-border);background:var(--status-orange-bg);color:var(--status-orange)}.reports-status--awaiting,.reports-status--processing{border-color:var(--status-yellow-border);background:var(--status-yellow-bg);color:var(--status-yellow)}.reports-status--ready,.reports-status--awaiting_customer_pickup{border-color:var(--status-blue-border);background:var(--status-blue-bg);color:var(--status-blue)}.reports-status--to_customer{border-color:var(--status-turquoise-border);background:var(--status-turquoise-bg);color:var(--status-turquoise)}.reports-status--completed{border-color:var(--success-border);background:var(--success-bg);color:var(--success)}.reports-status--cancelled{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.reports-table__expandable{cursor:pointer}.reports-table__expand{padding:0;border:0;background:transparent;color:inherit;font:inherit;display:flex;align-items:flex-start;gap:.4rem;text-align:left;cursor:pointer}.reports-table__expand svg{margin-top:.05rem;color:var(--accent-stronger);transition:transform .15s ease}.reports-table__expand[aria-expanded=true] svg{transform:rotate(180deg)}.reports-table__details-row td{padding:0;background:var(--surface-muted)}.reports-drilldown{padding:.6rem 1rem .8rem 2.5rem}.reports-drilldown__item{display:grid;grid-template-columns:7rem 10rem minmax(10rem,1fr) 5rem 12rem minmax(9rem,1fr) 5rem;gap:.65rem;padding:.5rem 0;border-bottom:1px dashed var(--border)}.reports-state{min-height:17rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;text-align:center;color:var(--text-muted)}.reports-state>svg{color:var(--accent)}.reports-state strong{color:var(--text);font-family:var(--font-display);font-size:1.05rem}.reports-state p{margin:0}.reports-state--error{color:var(--danger-text);background:var(--danger-bg)}.reports-state--error>svg{color:var(--danger)}.reports-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-muted);font-size:.84rem}.reports-pagination label,.reports-pagination>div{display:flex;align-items:center;gap:.45rem}.reports-pagination select{min-height:var(--touch-sm);padding:0 2rem 0 .75rem;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.reports-pagination button{width:var(--touch-sm);height:var(--touch-sm);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.reports-pagination button:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-stronger)}.reports-pagination button:disabled{opacity:.4;cursor:not-allowed}.is-spinning{animation:reports-spin .8s linear infinite}@keyframes reports-spin{to{transform:rotate(360deg)}}@keyframes reports-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes reports-modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1300px){.reports-filter-grid{grid-template-columns:repeat(3,minmax(11rem,1fr))}.reports-field--wide{grid-column:span 2}}@media(max-width:900px){.reports-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.reports-panel{padding:.85rem;border-radius:var(--radius-lg)}.reports-header,.reports-pagination{align-items:stretch;flex-direction:column}.reports-header .reports-button,.reports-filter-actions .reports-button{flex:1}.reports-tabs{width:100%}.reports-view-toolbar{align-items:stretch;flex-direction:column}.reports-filter-trigger{width:100%}.reports-tabs button{flex:1;padding:0 .7rem}.reports-filters__header{align-items:center}.reports-modal-overlay{padding:.65rem}.reports-filters--modal{margin:0;padding:.85rem;border-radius:var(--radius-lg)}.reports-presets>span{width:100%;margin-left:0}.reports-filter-grid,.reports-kpis{grid-template-columns:1fr}.reports-field--wide{grid-column:auto}.reports-date-range{grid-column:auto;grid-template-columns:1fr}.reports-date-range .pos-date-picker:last-child .pos-date-picker__popover{left:0;right:auto}.reports-filter-actions{flex-direction:column-reverse}.reports-pagination>div{justify-content:space-between}}