:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--admin-bg:#f7f5f0;--bg:var(--admin-bg);--surface:#fff;--surface-muted:#f3f1ec;--surface-hover:#fbfaf7;--navy:#162b49;--navy-light:#203a5d;--navy-muted:#afbdd0;--sidebar:#132945;--gold:#d5ae58;--gold-dark:#8a681f;--gold-soft:#fbf4df;--gold-border:#ead9ab;--gold-ink:#6f5a2b;--text:#18263a;--muted:#697386;--border:#e4e0d7;--border-strong:#d6d0c4;--green:#197047;--green-bg:#e8f5ee;--amber:#9a6209;--amber-bg:#fff3dc;--red:#b93838;--red-bg:#fceaea;--blue:#285d9c;--blue-bg:#eaf1fa;--gray-bg:#f0efec;--shadow:0 1px 2px #162b490a, 0 8px 24px #162b490a;--shadow-lg:0 20px 48px #162b492e;--radius:16px;--radius-sm:10px;--control-height:42px;font-family:-apple-system,Segoe UI,Tahoma,Noto Kufi Arabic,Cairo,system-ui,sans-serif}*{box-sizing:border-box}html{direction:rtl}body{background:var(--bg);color:var(--text);margin:0;font-size:15px;line-height:1.55}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}:focus-visible{outline-offset:2px;outline:3px solid #d5ae586b}code{background:var(--gray-bg);border-radius:5px;padding:.1rem .35rem;font-size:.9em}.muted{color:var(--muted)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#e6ebf3;z-index:40;flex-direction:column;flex-shrink:0;width:244px;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;min-height:80px;padding:1rem 1.15rem;display:flex}.sidebar-logo{background:var(--gold);color:#1a1206;border-radius:12px;place-items:center;width:40px;height:40px;font-size:.85rem;font-weight:900;display:grid}.sidebar-title{letter-spacing:-.01em;font-size:.92rem;font-weight:750;display:block}.sidebar-brand-copy,.sidebar-account-copy{min-width:0}.sidebar-brand-copy small,.sidebar-account-copy small{color:var(--navy-muted);margin-top:.05rem;font-size:.72rem;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:.32rem;padding:1.1rem .75rem;display:flex}.sidebar-link{min-height:46px;color:var(--navy-muted);border:1px solid #0000;border-radius:11px;align-items:center;gap:.7rem;padding:.58rem .65rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.sidebar-link:hover{background:var(--navy-light);color:#fff}.sidebar-link-active{color:#fff;box-shadow:inset -3px 0 0 var(--gold);background:#ffffff13;border-color:#d5ae5833}.sidebar-icon{opacity:.9;background:#ffffff0e;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.sidebar-link>.admin-icon:last-child{opacity:.45;margin-inline-start:auto}.sidebar-link-active .sidebar-icon{color:#f3cf7b;background:#d5ae5826}.sidebar-account{background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.7rem;margin:.75rem;padding:.8rem;display:flex}.sidebar-avatar,.topbar-avatar{background:var(--gold-soft);width:34px;height:34px;color:var(--gold-dark);border-radius:10px;flex-shrink:0;place-items:center;font-weight:800;display:grid}.sidebar-account-copy strong{font-size:.8rem;display:block}.sidebar-account-copy small{text-overflow:ellipsis;white-space:nowrap;max-width:145px;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:30;align-items:center;gap:1rem;min-height:70px;padding:.75rem clamp(1rem,2vw,2rem);display:flex;position:sticky;top:0}.menu-toggle{display:none}.global-search{flex:1;gap:.5rem;max-width:600px;display:flex}.search-field{flex:1;align-items:center;display:flex;position:relative}.search-field>.admin-icon{color:var(--muted);pointer-events:none;position:absolute;inset-inline-start:.85rem}.global-search input{background:var(--surface-muted);border-color:#0000;width:100%;height:42px;padding-inline-start:2.6rem}.global-search input:focus{background:var(--surface)}.topbar-user{align-items:center;gap:.65rem;margin-inline-start:auto;display:flex}.topbar-avatar{display:none}.app-content{flex:1;padding:clamp(1rem,2.4vw,2rem)}.sidebar-backdrop{display:none}.page{max-width:1480px;margin:0 auto}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.35rem;display:flex}.page-title{color:var(--navy);letter-spacing:-.025em;margin-bottom:.2rem;font-size:clamp(1.55rem,2vw,1.85rem);font-weight:800}.page-subtitle{color:var(--muted);margin:0;font-size:.88rem}.section-title{color:var(--navy);font-size:1.08rem;font-weight:750}.section-block{margin:1rem 0}.section-block>.feedback+.btn{margin-top:.2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-title{color:var(--navy);margin:0;font-size:1.02rem;font-weight:750}.card-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;display:flex}.card-heading p,.dashboard-section-heading p{color:var(--muted);margin:.18rem 0 0;font-size:.78rem}.card-heading-meta{background:var(--surface-muted);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.25rem .55rem;font-size:.72rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem;margin-bottom:1.25rem;display:grid}.stat-card{flex-direction:column;justify-content:center;gap:.28rem;min-height:128px;padding:1.15rem 1.2rem;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--border-strong);border-radius:999px;width:3px;position:absolute;inset-block:1rem;inset-inline-start:0}.stat-card-primary{background:var(--navy);border-color:var(--navy);color:#fff}.stat-card-primary:after{background:var(--gold)}.stat-card-primary .stat-label,.stat-card-primary .stat-sub{color:#b9c7d8}.stat-card-primary .stat-value{color:#f3cd78}.stat-card-success{background:linear-gradient(145deg, #fff 45%, var(--green-bg))}.stat-card-success:after{background:var(--green)}.stat-card-gold{background:linear-gradient(145deg, #fff 45%, var(--gold-soft))}.stat-card-gold:after{background:var(--gold)}.stat-label{color:var(--muted);font-size:.8rem;font-weight:650}.stat-value{color:var(--text);font-size:clamp(1.45rem,2.2vw,1.85rem);font-weight:800}.stat-sub{color:var(--muted);font-size:.74rem}.stat-sub-positive{color:var(--green)}.empty-card{text-align:center;margin:1.5rem 0;padding:1.5rem}.dashboard-charts{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.15rem;margin-bottom:1.15rem;display:grid}.chart-card{padding:1.3rem}.dashboard-range{border-radius:13px;flex-direction:column;margin-bottom:1.15rem;padding:.35rem;display:inline-flex}.range-presets,.custom-range,.dashboard-section-heading{flex-wrap:wrap;align-items:flex-end;gap:.3rem;display:flex}.custom-range{border-top:1px solid var(--border);margin-top:.35rem;padding:.85rem .5rem .45rem}.custom-range .field{min-width:180px}.dashboard-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-kpis .stat-card:first-child{grid-column:span 2}.dashboard-kpis .stat-card:not(:first-child){grid-column:span 1}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;display:grid}.dashboard-wide{grid-column:1/-1}.chart-scroll{padding-bottom:.25rem;overflow-x:auto}.hourly-chart{gap:.35rem;width:100%;min-width:0}.dashboard-list-row span,.dashboard-list-row small{display:block}.dashboard-list-row{justify-content:flex-start;gap:.75rem}.dashboard-list-row strong{white-space:nowrap;margin-inline-start:auto}.dashboard-list-label{min-width:0}.dashboard-list-row .rank-number{background:var(--gold-soft);width:28px;height:28px;color:var(--gold-dark);border-radius:8px;flex:0 0 28px;place-items:center;font-size:.75rem;font-weight:800;display:grid}.dashboard-list-row small{color:var(--muted);font-weight:400}.dashboard-insight{background:var(--gold-soft);color:var(--gold-dark);border-radius:8px;margin:-.35rem 0 .8rem;padding:.28rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.dashboard-section-heading{justify-content:space-between;align-items:center;padding:1.1rem 1.15rem .8rem}.dashboard-empty{padding:0 1rem 1rem}.bar-chart{align-items:flex-end;gap:.65rem;height:220px;padding-top:.75rem;display:flex}.bar-column{flex-direction:column;flex:1;align-items:center;gap:.35rem;min-width:0;height:100%;display:flex}.bar-track{background:repeating-linear-gradient(to top, var(--surface-muted) 0, var(--surface-muted) 1px, transparent 1px, transparent 25%);border-radius:7px 7px 2px 2px;flex:1;align-items:flex-end;width:100%;display:flex;overflow:hidden}.bar-fill{background:linear-gradient(180deg, #e0c173, var(--gold));border-radius:7px 7px 2px 2px;width:100%;transition:height .3s}.bar-label{min-height:1.1rem;color:var(--muted);white-space:nowrap;font-size:.68rem;line-height:1.1}.bar-label-hidden{visibility:hidden}.trend-chart{gap:clamp(2px,.35vw,5px);width:100%}.trend-chart .bar-column{min-width:2px}.trend-chart .bar-track{border-radius:4px 4px 1px 1px}.reports-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.reports-kpis .stat-card{min-height:116px}.report-period-card .stat-value{font-size:1.05rem}.reports-grid{align-items:start}.reports-primary-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.report-monthly-chart{justify-content:center}.report-monthly-chart .bar-column{flex:0 64px;min-width:32px}.report-compact-card .card-heading{margin-bottom:.85rem}.method-list{flex-direction:column;gap:.9rem;display:flex}.method-row{flex-direction:column;gap:.3rem;display:flex}.method-name{justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;display:flex}.method-count{color:var(--muted);font-weight:500}.method-track{background:var(--gray-bg);border-radius:999px;height:7px;overflow:hidden}.method-fill{background:var(--gold);border-radius:999px;height:100%}.simple-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.simple-list-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:46px;padding-bottom:.65rem;display:flex}.simple-list-row:last-child{border-bottom:none}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:760px;font-size:.86rem}.data-table th{text-align:start;color:#566276;border-bottom:1px solid var(--border);white-space:nowrap;background:#f5f3ee;padding:.72rem .9rem;font-size:.76rem;font-weight:750}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.78rem .9rem}.data-table tbody tr:last-child td{border-bottom:none}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--surface-hover)}.order-number{background:var(--surface-muted);color:var(--navy);text-align:start;direction:ltr;border-radius:7px;padding:.2rem .42rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;font-weight:750;display:inline-flex}.amount-cell{color:var(--navy);white-space:nowrap;font-weight:800}.numeric-cell{color:var(--navy);font-variant-numeric:tabular-nums;font-weight:700}.date-cell{white-space:nowrap;color:var(--muted);font-size:.85rem}.customer-cell{flex-direction:column;line-height:1.4;display:flex}.customer-name{color:var(--navy);font-weight:700}.product-name{color:var(--navy);font-weight:750}.source-cell,.customer-meta{color:var(--muted);font-size:.8rem}.email-cell,.phone-cell{text-align:start;direction:ltr}.table-footer{border-top:1px solid var(--border);padding:.8rem .9rem}.pagination{justify-content:space-between;align-items:center;gap:.9rem;display:flex}.pagination-info{color:var(--muted);font-size:.85rem}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .58rem;font-size:.73rem;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-green{background:var(--green-bg);color:var(--green)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-gray{background:var(--gray-bg);color:var(--muted)}.badge-gold{background:var(--amber-bg);color:#8a6d3b}.btn{min-height:var(--control-height);border-radius:var(--radius-sm);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .95rem;font-size:.88rem;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-primary:hover:not(:disabled){background:var(--navy-light);box-shadow:0 5px 14px #162b4929}.btn-outline{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-outline:hover:not(:disabled){background:var(--gray-bg)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-success:hover:not(:disabled){background:#15803d}.btn-sm{min-height:34px;padding:.3rem .7rem;font-size:.76rem}.icon-button{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;color:var(--text);background:0 0;place-items:center;font-size:1.1rem;display:inline-grid}.field{flex-direction:column;gap:.32rem;font-weight:500;display:flex}.field-label{color:var(--muted);font-size:.78rem;font-weight:600}input,select,textarea{min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:.52rem .72rem;font-size:.88rem}input:focus,select:focus,textarea:focus{outline-offset:1px;border-color:var(--gold);outline:3px solid #d5ae5833}.checkbox-field{align-items:center;gap:.5rem;font-weight:600;display:flex}.checkbox-field input{width:18px;height:18px}.product-form,.settings-form,.login-form{gap:1rem;max-width:560px;display:grid}.form-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.filters{margin-bottom:1.25rem;padding:1rem 1.1rem}.filter-form{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.filter-form .field{flex:1;min-width:150px}.filter-actions{gap:.6rem;padding-bottom:.15rem;display:flex}.filters-heading{border-bottom:1px solid var(--border);align-items:baseline;gap:.7rem;margin-bottom:.8rem;padding-bottom:.75rem;display:flex}.filters-heading strong{color:var(--navy);font-size:.9rem}.filters-heading span{color:var(--muted);font-size:.75rem}.orders-filters .filter-form .field:first-child,.customers-filters .filter-form .field:first-child{flex:2 280px}.customers-filters .filter-form{max-width:720px}.orders-filters .filter-form{grid-template-columns:minmax(220px,2fr) repeat(4,minmax(110px,1fr));display:grid}.orders-filters .filter-form .field{min-width:0}.orders-filters .filter-form input,.orders-filters .filter-form select{width:100%}.orders-filters .filter-actions{grid-column:span 2}.report-products-table{min-width:520px}.report-products-card>.muted{margin:0;padding:0 1.15rem 1rem}.drawer-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#0d1c3085;display:flex;position:fixed;inset:0}.drawer-backdrop{justify-content:flex-start}.modal-backdrop{justify-content:center;align-items:center;padding:1rem}.drawer{background:var(--surface);width:min(560px,100vw);height:100%;box-shadow:var(--shadow-lg);flex-direction:column;animation:.18s slide-in-start;display:flex}@keyframes slide-in-start{0%{opacity:.6;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.drawer-header,.modal-header{border-bottom:1px solid var(--border);background:#fbfaf7;justify-content:space-between;align-items:center;gap:1rem;padding:1.05rem 1.25rem;display:flex}.drawer-title,.modal-title{color:var(--navy);margin:0;font-size:1.1rem;font-weight:750}.drawer-body{flex:1;padding:1.25rem;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border);padding:1rem 1.25rem}.modal{background:var(--surface);border:1px solid var(--border);width:min(520px,100%);max-height:90vh;box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;display:flex;overflow-y:auto}.modal-body{padding:1.25rem}.drawer-sections{flex-direction:column;gap:1.4rem;display:flex}.drawer-section-title{color:var(--navy);border-bottom:1px solid var(--border);margin-bottom:.6rem;padding-bottom:.4rem;font-size:.9rem;font-weight:700}.drawer-badges{flex-wrap:wrap;gap:.5rem;display:flex}.detail-list{grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0;display:grid}.detail-list dt{color:var(--muted);font-size:.85rem;font-weight:600}.detail-list dd{word-break:break-word;margin:0;font-weight:500}.drawer-actions{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.confirm-message{margin:0 0 1rem}.proof-thumb-link{display:inline-block}.proof-thumb{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--gray-bg);max-width:240px;max-height:200px}.proof-meta{margin-top:.5rem;font-size:.8rem}.delivery-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#faf9f6;padding:.8rem .9rem}.delivery-head{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.delivery-channel-name{color:var(--navy);font-size:.9rem;font-weight:700}.delivery-status-line{margin:0 0 .4rem;font-weight:600}.delivery-status-success{color:var(--green)}.delivery-status-error{color:var(--red)}.delivery-meta{grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:.25rem 0 .5rem;font-size:.85rem;display:grid}.delivery-meta dt{color:var(--muted);font-weight:600}.delivery-meta dd{word-break:break-word;margin:0;font-weight:500}.notification-line{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.85rem;display:flex}.notification-channel{color:var(--navy);font-weight:600}.notification-sent{color:var(--green);font-weight:600}.notification-failed{color:var(--red);font-weight:600}.timeline{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.timeline-item{gap:.8rem;padding-inline-start:0;display:flex;position:relative}.timeline-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.4rem}.timeline-title{margin:0;font-weight:600}.timeline-meta{color:var(--muted);margin:0;font-size:.8rem}.notes-list{flex-direction:column;gap:.6rem;margin:0 0 .8rem;padding:0;list-style:none;display:flex}.note-item{background:var(--gray-bg);border-radius:var(--radius-sm);padding:.6rem .8rem}.note-text{white-space:pre-wrap;word-break:break-word;margin:0}.note-meta{color:var(--muted);margin:.2rem 0 0;font-size:.75rem}.note-form{gap:.5rem;display:flex}.note-form input{flex:1}.drawer-pagination{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.8rem;display:flex}.settings-section{margin-top:0}.settings-section-heading{border:1px solid var(--gold-border);background:var(--gold-soft);border-radius:14px;max-width:760px;margin-bottom:1rem;padding:1rem 1.1rem}.settings-section-heading p{color:var(--gold-ink);margin:.35rem 0 0}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.1rem;margin-top:0;display:grid}.settings-card{margin-bottom:1rem;padding:1.25rem}.settings-card>.card-title{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.75rem}.page>.product-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:700px;box-shadow:var(--shadow);margin:1.1rem 0;padding:1.25rem}.table-card>.card-title{padding:1.1rem 1.15rem .85rem}.empty-state{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:2rem 1.25rem}.empty-state-icon{background:var(--gold-soft);width:42px;height:42px;color:var(--gold-dark);border-radius:12px;place-items:center;margin:0 auto .65rem;display:grid}.empty-state-title{margin-bottom:.25rem;font-weight:700}.empty-state-description{color:var(--muted);margin:0 0 1rem}.table-skeleton{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.7rem;padding:1rem;display:flex}.skeleton-row{gap:1rem;display:flex}.skeleton-cell{background:linear-gradient(90deg,#eeece7 25%,#f7f5f1 50%,#eeece7 75%) 0 0/200% 100%;border-radius:5px;flex:1;height:16px;animation:1.2s linear infinite shimmer}.skeleton-card{background:linear-gradient(90deg,#eeece7 25%,#f7f5f1 50%,#eeece7 75%) 0 0/200% 100%;height:128px;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.feedback{border-radius:var(--radius-sm);border:1px solid #0000;margin:.75rem 0;padding:.72rem .85rem}.feedback-success{background:var(--green-bg);color:#166534;border-color:#cbe7d6}.feedback-error{background:var(--red-bg);color:#991b1b;border-color:#f2caca}.feedback-info{background:var(--blue-bg);color:#075985;border-color:#cbdced}.login-page{background:radial-gradient(circle at 12% 12%, #d5ae5821, transparent 28%), var(--navy);place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:20px;width:min(410px,100%);padding:2.2rem}.login-title{color:var(--navy);margin-bottom:.25rem;font-size:1.55rem;font-weight:800}.file-section{margin-top:.5rem}.file-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0 0 1rem;display:grid}.file-info dt{font-size:.85rem;font-weight:600}.file-info dd{color:var(--muted);margin:.15rem 0 0;font-size:.85rem}.file-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.file-picker input{display:none}.file-picker{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);padding:.5rem .9rem;font-size:.9rem}.selected-file{color:var(--muted);font-size:.85rem}.admin-icon{flex-shrink:0;display:block}@media (width<=1180px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-kpis .stat-card:first-child{grid-column:span 2}.dashboard-kpis .stat-card:not(:first-child){grid-column:span 1}.reports-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1050px){.orders-filters .filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}.orders-filters .filter-form .field:first-child{grid-column:span 2}.orders-filters .filter-actions{grid-column:auto}}@media (width<=900px){.menu-toggle{display:inline-grid}.sidebar{inset-inline-start:0;height:100vh;transition:transform .2s;position:fixed;top:0;transform:translate(100%)}.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:35;background:#0f1b2d66;display:block;position:fixed;inset:0}.app-content{padding:1.25rem}.drawer{width:100vw}.topbar-avatar{display:grid}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.range-presets .btn{flex:calc(33% - .6rem)}.settings-grid,.reports-primary-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=700px){.topbar{gap:.55rem;padding:.65rem .8rem}.global-search{min-width:0}.topbar-avatar,.topbar-logout span{display:none}.topbar-logout{width:42px;padding:0}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-kpis .stat-card:first-child{grid-column:1/-1}.filters-heading{flex-direction:column;align-items:flex-start;gap:.15rem}.filter-form .field{flex-basis:calc(50% - .75rem)}.orders-filters .filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-filters .filter-form .field:first-child,.orders-filters .filter-actions{grid-column:1/-1}}@media (width<=560px){body{font-size:14px}.app-content{padding:.9rem}.page-header{flex-wrap:wrap;align-items:flex-start;margin-bottom:1rem}.page-header>.btn{width:100%}.global-search{gap:0}.search-submit{display:none}.dashboard-range{width:100%;display:flex}.range-presets .btn{flex-basis:calc(50% - .3rem)}.custom-range .field,.custom-range .btn{width:100%}.dashboard-kpis{grid-template-columns:minmax(0,1fr)}.dashboard-kpis .stat-card,.dashboard-kpis .stat-card:first-child,.dashboard-kpis .stat-card:not(:first-child){grid-column:auto}.stat-card{min-height:112px}.filter-form .field{flex-basis:100%}.orders-filters .filter-form{grid-template-columns:minmax(0,1fr)}.orders-filters .filter-form .field:first-child,.orders-filters .filter-actions{grid-column:auto}.filter-actions,.filter-actions .btn{flex:1}.pagination{flex-wrap:wrap}.pagination-info{text-align:center;order:-1;width:100%}.chart-card{padding:1rem}.trend-chart-dense{min-width:560px}.hourly-chart{min-width:620px}.reports-kpis{grid-template-columns:minmax(0,1fr)}.card-heading,.dashboard-section-heading{align-items:flex-start}.settings-card,.login-card{padding:1.15rem}.file-info{grid-template-columns:minmax(0,1fr)}}