:root{
  --bg:#f6f8fc;--surface:#ffffff;--surface-2:#f8fafc;--card:#ffffff;--text:#0f172a;--muted:#64748b;
  --primary:#2563eb;--primary-2:#1d4ed8;--primary-soft:#eff6ff;--accent:#60a5fa;
  --border:#e2e8f0;--line:#e2e8f0;--success:#0f9f7f;--warning:#f59e0b;--danger:#ef4444;
  --sidebar:#071d3b;--sidebar-2:#031329;--shadow:0 10px 30px rgba(15,23,42,.06);--shadow-hover:0 16px 36px rgba(37,99,235,.12)
}
body.dark{--bg:#07111f;--surface:#0f1c2e;--surface-2:#14243a;--card:#0f1c2e;--text:#f8fafc;--muted:#94a3b8;--border:#24364f;--line:#24364f;--primary-soft:#132b50;--shadow:0 14px 36px rgba(0,0,0,.28)}
*{scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin}
body{background:var(--bg);color:var(--text);font-family:'Cairo',sans-serif;letter-spacing:-.01em}
.app-shell{background:var(--bg)}
.sidebar{width:264px;padding:20px 14px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2));box-shadow:-8px 0 30px rgba(2,12,27,.16);border-left:1px solid rgba(255,255,255,.06)}
.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 24px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:15px}
.brand-icon{width:48px;height:48px;border-radius:14px;background:#fff;color:var(--primary);display:grid;place-items:center;font-size:0;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.brand-icon:before{content:'\f0f4';font-family:'Font Awesome 6 Free';font-weight:900;font-size:23px}
.brand strong{display:block;font-size:17px;font-weight:800;color:#fff}.brand small{display:block;color:#9fb1cb;font-size:10.5px;margin-top:2px}
.sidebar nav{display:flex;flex-direction:column;gap:6px}
.menu-item{min-height:47px;border-radius:12px;padding:11px 13px;color:#bdc9db;font-size:13px;font-weight:600;transition:.2s ease;border:1px solid transparent}
.menu-item i{width:22px;font-size:16px;color:#9fb1cb}.menu-item:hover{background:rgba(255,255,255,.07);color:#fff;transform:none}.menu-item:hover i{color:#fff}
.menu-item.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px rgba(37,99,235,.3);transform:none}
.menu-item.active i{color:#fff}.sidebar-footer{padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.employee{display:flex;align-items:center;gap:10px;padding:10px;border-radius:13px;color:#fff}.employee:hover{background:rgba(255,255,255,.06)}
.employee-avatar,.avatar{background:linear-gradient(145deg,#dbeafe,#93c5fd)!important;color:#1d4ed8!important;box-shadow:none!important}
.employee strong{display:block;font-size:11.5px}.employee small{display:block;color:#8fa4c0;font-size:9.5px}.logout-btn{margin-top:7px;border-radius:12px;padding:10px 12px;color:#fca5a5!important;background:rgba(239,68,68,.07)}.logout-btn:hover{background:rgba(239,68,68,.14)}
.main-content{margin-right:264px;width:calc(100% - 264px)}
.topbar{height:80px;padding:0 26px;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:0 2px 10px rgba(15,23,42,.025)}body.dark .topbar{background:rgba(15,28,46,.88)}
.welcome h1,.topbar h1{font-size:18px;margin:0 0 3px;font-weight:800}.welcome p,.topbar p{font-size:11px;color:var(--muted);margin:0}
.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:#475569;transition:.2s}.icon-btn:hover{border-color:#bfdbfe;color:var(--primary);background:var(--primary-soft)}
.date-badge{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:11px;color:var(--muted)}
.content-area{padding:24px 26px 38px}
.panel,.standalone-form-card,.customer-summary-card,.statement-card,.invoice-zone,.modal-content{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px}
.primary-btn,.pay-btn,.confirm-order-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;border:0!important;border-radius:12px!important;min-height:43px;padding:10px 16px;font-weight:700;box-shadow:0 8px 18px rgba(37,99,235,.18);transition:.2s ease}
.primary-btn:hover,.pay-btn:hover,.confirm-order-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(37,99,235,.25);filter:none!important}
.secondary-action,.scan-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #bfdbfe!important;background:#eff6ff!important;color:#1d4ed8!important;border-radius:12px!important;font-weight:700;min-height:42px}
.danger-action{border:1px solid #fecaca!important;background:#fef2f2!important;color:#dc2626!important;border-radius:12px!important;font-weight:700;min-height:42px}
.form-control,.form-select,.login-input,.pos-search{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important;border-radius:12px!important;box-shadow:none!important}.form-control:focus,.form-select:focus,.login-input:focus-within,.pos-search:focus-within{border-color:#60a5fa!important;box-shadow:0 0 0 3px rgba(37,99,235,.1)!important}
.eyebrow{color:#60a5fa}.hero-banner{background:linear-gradient(120deg,#071d3b,#0f3b76 58%,#2563eb);border-radius:22px;box-shadow:0 18px 42px rgba(7,29,59,.18)}.hero-banner p{color:#dbeafe}.hero-banner .primary-btn{background:#fff!important;color:#1d4ed8!important;box-shadow:none}
.stat-card{border-radius:17px;box-shadow:var(--shadow);transition:.2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.stat-icon{border-radius:13px}.gold{background:#fff7ed;color:#ea580c}.brown{background:#eff6ff;color:#2563eb}.green{background:#ecfdf5;color:#0f9f7f}.red{background:#fef2f2;color:#ef4444}
.badge-soft.success,.status-pill.available{background:#ecfdf5;color:#087f5b}.badge-soft.warning,.status-pill.reserved{background:#fffbeb;color:#b45309}.badge-soft.danger,.status-pill.occupied{background:#fef2f2;color:#dc2626}
.dashboard-table thead th,.data-table thead th{background:#f8fafc;color:#64748b;border-color:var(--border);font-weight:700}.dashboard-table tbody tr:hover,.data-table tbody tr:hover{background:#f8fbff}
/* POS */
.pos-toolbar{margin-bottom:16px}.live-dot{background:#2563eb!important;box-shadow:0 0 0 5px #dbeafe!important}.pos-heading h3{color:var(--text)}
.pos-layout{gap:16px!important}.products-zone{min-width:0}.pos-control-row{gap:10px}.pos-search{min-height:48px;padding:0 14px}.pos-search i{color:#64748b}.pos-search kbd,.payment-shortcuts kbd{background:#eaf2ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}
.category-tabs{gap:8px}.category-tabs button{border:1px solid var(--border)!important;background:#fff!important;color:#475569!important;border-radius:999px!important;padding:9px 14px!important;font-weight:700!important}.category-tabs button:hover{border-color:#93c5fd!important;color:#1d4ed8!important}.category-tabs button.active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 7px 16px rgba(37,99,235,.18)!important}
.products-grid{gap:14px!important}.product-card{border:1px solid var(--border)!important;background:#fff!important;border-radius:16px!important;box-shadow:0 5px 16px rgba(15,23,42,.04)!important;transition:.2s ease!important;overflow:hidden}.product-card:hover{transform:translateY(-3px)!important;border-color:#bfdbfe!important;box-shadow:0 14px 30px rgba(37,99,235,.1)!important}.product-card .product-media{background:#f8fafc!important;border-radius:12px!important}.product-card strong{color:#0f172a}.product-card .price,.product-price{color:#2563eb!important;font-weight:800!important}.btn-add-to-cart{background:#eff6ff!important;color:#2563eb!important;border:1px solid #dbeafe!important;border-radius:10px!important}.btn-add-to-cart:hover{background:#2563eb!important;color:#fff!important}
.invoice-zone{overflow:hidden!important}.invoice-header{background:#fff!important;border-bottom:1px solid var(--border)!important}.invoice-header strong{color:#0f172a!important}.invoice-time{color:#64748b!important}.context-card{border:1px solid var(--border)!important;background:#f8fafc!important;border-radius:13px!important}.context-card:hover{border-color:#93c5fd!important;background:#eff6ff!important}.context-icon{background:#dbeafe!important;color:#2563eb!important}.context-icon.table{background:#fff7ed!important;color:#ea580c!important}.cart-label{color:#64748b}.cart-item{border-bottom-color:var(--border)!important}.quantity-control button{background:#eff6ff!important;color:#2563eb!important;border-color:#dbeafe!important}.invoice-summary{background:#f8fafc!important;border-top:1px solid var(--border)!important}.total-row strong,.payment-total-box strong{color:#2563eb!important}.pay-btn:disabled{background:#cbd5e1!important;box-shadow:none!important}
.order-type-option{border-color:var(--border)!important;color:#0f172a!important}.order-type-option i{color:#2563eb!important}.order-type-option:hover{border-color:#93c5fd!important;box-shadow:0 8px 20px rgba(37,99,235,.1)!important}.order-type-option.active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 10px 22px rgba(37,99,235,.2)!important}.order-type-option.active i,.order-type-option.active small{color:#fff!important}
.table-status-card{border-color:var(--border)!important;border-radius:15px!important}.table-status-card.available{border-color:#a7f3d0!important}.table-status-card.reserved{border-color:#fde68a!important}.table-status-card.occupied{border-color:#fecaca!important}.table-status-icon{background:#eff6ff!important;color:#2563eb!important}.table-action-btn{border-color:var(--border)!important;color:#334155!important}.table-action-btn.close-account{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}.table-action-btn.select-table{background:#ecfdf5!important;color:#087f5b!important;border-color:#a7f3d0!important}
.payment-methods label span{border-color:var(--border)!important;border-radius:13px!important}.payment-methods input:checked+span{border-color:#2563eb!important;background:#eff6ff!important;color:#1d4ed8!important;box-shadow:0 0 0 2px rgba(37,99,235,.08)!important}
/* Login */
.login-body{background:radial-gradient(circle at 85% 10%,rgba(37,99,235,.14),transparent 30%),linear-gradient(135deg,#f8fafc,#eef4ff)!important}.login-card{border:1px solid #dbe5f1!important;border-radius:24px!important;box-shadow:0 28px 70px rgba(15,23,42,.12)!important}.login-brand span{display:inline-grid;place-items:center;width:66px;height:66px;border-radius:19px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:0;box-shadow:0 14px 30px rgba(37,99,235,.25)}.login-brand span:before{content:'\f0f4';font-family:'Font Awesome 6 Free';font-weight:900;font-size:30px}.login-brand h1{color:#0f172a;margin-top:14px}.login-brand p{color:#64748b}.login-input i{color:#64748b}.login-submit{min-height:48px!important}
.modal-header,.modal-footer{border-color:var(--border)!important}.modal-title{font-weight:800}.btn-close{opacity:.6}
.settings-nav button.active{background:#eff6ff!important;color:#1d4ed8!important}.settings-title>span,.printer-card>div>i,.backup-card>div>i{background:#eff6ff!important;color:#2563eb!important}
.swal2-popup{border-radius:20px!important;font-family:'Cairo',sans-serif!important}.swal2-confirm{background:#2563eb!important;border-radius:10px!important}.swal2-cancel{border-radius:10px!important}
@media(max-width:991px){.main-content{margin-right:0;width:100%}.sidebar{width:264px}.topbar{height:72px;padding:0 16px}.content-area{padding:18px 14px 30px}}
@media(max-width:640px){.date-badge{display:none}.brand{padding-bottom:18px}.product-card{border-radius:14px!important}.products-grid{gap:10px!important}}

/* Stage 6.1 UI corrections: stable sidebar, branding, product tones and dark mode */
.sidebar{height:100vh;height:100dvh;overflow:hidden}
.sidebar nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:10px}
.sidebar-footer{flex:0 0 auto;background:linear-gradient(180deg,rgba(3,19,41,.2),rgba(3,19,41,.98));position:relative;z-index:2}
.logout-btn{display:flex!important;align-items:center;justify-content:center;gap:9px;width:100%;min-height:43px;flex:0 0 auto}
.brand{flex:0 0 auto;min-width:0}.brand>div{min-width:0}.brand strong,.brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-icon{overflow:hidden;flex:0 0 48px}.brand-icon:before{display:none}.brand-icon i{font-size:23px}.brand-icon img{width:100%;height:100%;object-fit:contain;padding:5px;border-radius:12px}
.top-profile-btn{display:inline-grid!important;place-items:center!important;padding:0!important;line-height:1!important;overflow:hidden}
.top-profile-btn i{display:block;margin:0!important;line-height:1!important;transform:none!important}

/* Comfortable multi-tone product fallbacks */
.product-avatar-fallback{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:21px;font-weight:800;letter-spacing:.03em;box-shadow:0 9px 20px rgba(15,23,42,.10)}
.product-tone-0 .product-media{background:#eff6ff!important}.product-tone-0 .product-avatar-fallback{background:linear-gradient(145deg,#3b82f6,#1d4ed8)}
.product-tone-1 .product-media{background:#f5f3ff!important}.product-tone-1 .product-avatar-fallback{background:linear-gradient(145deg,#8b5cf6,#6d28d9)}
.product-tone-2 .product-media{background:#fff7ed!important}.product-tone-2 .product-avatar-fallback{background:linear-gradient(145deg,#f59e0b,#d97706)}
.product-tone-3 .product-media{background:#fff1f2!important}.product-tone-3 .product-avatar-fallback{background:linear-gradient(145deg,#fb7185,#e11d48)}
.product-tone-4 .product-media{background:#f0fdfa!important}.product-tone-4 .product-avatar-fallback{background:linear-gradient(145deg,#14b8a6,#0f766e)}
.product-tone-5 .product-media{background:#eef2ff!important}.product-tone-5 .product-avatar-fallback{background:linear-gradient(145deg,#6366f1,#4338ca)}
.product-tone-6 .product-media{background:#fdf4ff!important}.product-tone-6 .product-avatar-fallback{background:linear-gradient(145deg,#d946ef,#a21caf)}
.product-tone-7 .product-media{background:#f8fafc!important}.product-tone-7 .product-avatar-fallback{background:linear-gradient(145deg,#64748b,#334155)}

/* Branding upload */
.branding-upload{display:flex;align-items:center;gap:16px;padding:16px;border:1px dashed var(--border);border-radius:16px;background:var(--surface-2)}
.branding-preview{width:82px;height:82px;flex:0 0 82px;border-radius:18px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;color:var(--muted);font-size:26px;overflow:hidden}
.branding-preview img{width:100%;height:100%;object-fit:contain;padding:6px}.branding-upload>div:last-child{flex:1}.branding-upload-label{display:block;font-weight:700}.branding-upload-label input{display:block;margin-top:8px;width:100%}.branding-upload p{margin:7px 0 0;color:var(--muted);font-size:11px}
.login-brand span{overflow:hidden}.login-brand span:before{display:none}.login-brand span i{font-size:30px}.login-brand span img{width:100%;height:100%;object-fit:contain;padding:7px}

/* Complete, calm dark theme */
body.dark{--bg:#0b1220;--surface:#111c2d;--surface-2:#172438;--card:#111c2d;--text:#e7edf7;--muted:#9aa9bd;--border:#2a3a50;--line:#2a3a50;--primary:#3b82f6;--primary-2:#2563eb;--primary-soft:#172f52;--shadow:0 12px 30px rgba(0,0,0,.22);--shadow-hover:0 17px 38px rgba(0,0,0,.30)}
body.dark .app-shell,body.dark .content-area,body.dark .pos-page{background:var(--bg)}
body.dark .topbar{background:rgba(17,28,45,.92);border-color:var(--border)}
body.dark .icon-btn,body.dark .date-badge,body.dark .panel,body.dark .standalone-form-card,body.dark .customer-summary-card,body.dark .statement-card,body.dark .invoice-zone,body.dark .modal-content,body.dark .stat-card{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
body.dark .product-card{background:#121f32!important;border-color:#293b54!important;box-shadow:0 7px 18px rgba(0,0,0,.16)!important}
body.dark .product-card strong,body.dark .invoice-header strong,body.dark .order-type-option{color:var(--text)!important}
body.dark .product-card:hover{border-color:#3b82f6!important;box-shadow:0 14px 28px rgba(0,0,0,.24)!important}
body.dark .product-card .product-media{filter:saturate(.88) brightness(.87)}
body.dark .category-tabs button{background:#142238!important;color:#c0cada!important;border-color:#2c3e57!important}
body.dark .category-tabs button:hover{background:#1a2b45!important;color:#dbeafe!important;border-color:#3b82f6!important}
body.dark .category-tabs button.active{background:#2563eb!important;color:#fff!important;border-color:#3b82f6!important}
body.dark .invoice-header,body.dark .invoice-summary{background:#111c2d!important;border-color:var(--border)!important}
body.dark .context-card,body.dark .dashboard-table thead th,body.dark .data-table thead th{background:#172438!important;color:#b8c5d7!important;border-color:var(--border)!important}
body.dark .context-card:hover{background:#1a3153!important;border-color:#3b82f6!important}
body.dark .form-control,body.dark .form-select,body.dark .login-input,body.dark .pos-search,body.dark input,body.dark select,body.dark textarea{background:#142238!important;color:#e7edf7!important;border-color:#2a3a50!important}
body.dark input::placeholder,body.dark textarea::placeholder{color:#708198!important}
body.dark .btn-add-to-cart,body.dark .secondary-action,body.dark .scan-btn{background:#172f52!important;color:#93c5fd!important;border-color:#294c7a!important}
body.dark .btn-add-to-cart:hover{background:#2563eb!important;color:#fff!important}
body.dark .quantity-control button{background:#172f52!important;color:#93c5fd!important;border-color:#294c7a!important}
body.dark .dashboard-table tbody tr:hover,body.dark .data-table tbody tr:hover{background:#16263d!important}
body.dark .settings-nav button{color:#c0cada}body.dark .settings-nav button.active{background:#172f52!important;color:#93c5fd!important}
body.dark .branding-upload{background:#142238;border-color:#34465f}.dark .branding-preview{background:#111c2d}
body.dark .swal2-popup{background:#111c2d!important;color:#e7edf7!important}

@media(max-height:760px) and (min-width:992px){
  .sidebar{padding-top:12px;padding-bottom:10px}.brand{padding-bottom:13px;margin-bottom:9px}.brand-icon{width:42px;height:42px;flex-basis:42px}.menu-item{min-height:40px;padding:8px 11px}.sidebar nav{gap:3px}.employee{padding:7px}.logout-btn{min-height:38px;padding:7px 10px}.sidebar-footer{padding-top:8px}
}
@media(max-width:640px){.branding-upload{align-items:flex-start}.branding-preview{width:68px;height:68px;flex-basis:68px}}


/* Stage 6.2 — complete visual cleanup */
:root{--ui-blue:#2563eb;--ui-blue-dark:#1d4ed8;--ui-blue-soft:#eff6ff;--ui-violet:#7c3aed;--ui-cyan:#0891b2;--ui-orange:#ea580c;--ui-rose:#e11d48;--ui-slate:#475569}
body{font-size:14px}.content-area{max-width:1600px;margin-inline:auto;width:100%}
button,.btn,.primary-btn,.secondary-action,.danger-action{font-size:13px!important;line-height:1.35!important;white-space:normal}.table-action-btn{font-size:12px!important;line-height:1.35!important;padding:9px 10px!important}.table-action-btn.close-account{font-size:12px!important}
.management-head h3{font-size:24px!important}.management-head p{font-size:12px!important}.management-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
/* remove every remaining brown visual accent */
.customer-profile-head,.statement-card,.order-card,.order-details-panel,.orders-filters-card,.catalog-card,.settings-card{color:var(--text)!important}
.statement-card h2,.statement-card h3,.statement-card h4,.customer-profile-head h2,.customer-profile-head h3{color:var(--text)!important}
.order-card,.customer-card,.table-management-card{border-color:var(--border)!important}.order-card:hover,.customer-card:hover{border-color:#93c5fd!important}
.product-list-avatar,.product-avatar-fallback,.product-icon-fallback{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:23px;background:linear-gradient(145deg,#3b82f6,#1d4ed8)}
.product-list-avatar{width:48px;height:48px;font-size:19px}.tone-blue{background:linear-gradient(145deg,#3b82f6,#1d4ed8)!important}.tone-violet{background:linear-gradient(145deg,#8b5cf6,#6d28d9)!important}.tone-cyan{background:linear-gradient(145deg,#22d3ee,#0891b2)!important}.tone-orange{background:linear-gradient(145deg,#fb923c,#ea580c)!important}.tone-rose{background:linear-gradient(145deg,#fb7185,#e11d48)!important}.tone-slate{background:linear-gradient(145deg,#64748b,#334155)!important}
.product-icon-picker{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:9px;align-items:center}.icon-picker-preview{width:52px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:20px}.form-hint{display:block;color:var(--muted);font-size:10px;margin-top:6px}.product-icon-fallback i{filter:drop-shadow(0 4px 7px rgba(0,0,0,.12))}
/* filters: compact and balanced */
.orders-filters-card{display:grid!important;grid-template-columns:minmax(240px,1.8fr) repeat(3,minmax(130px,.72fr)) repeat(2,minmax(142px,.7fr)) auto!important;gap:10px!important;align-items:end!important;padding:15px!important}.orders-filters-card input,.orders-filters-card select{height:42px!important;font-size:12px!important;padding:8px 11px!important;border:1px solid var(--border)!important;border-radius:11px!important;background:var(--surface)!important;color:var(--text)!important}.orders-filters-card .catalog-search input{height:40px!important}.orders-filters-card .date-filter span{font-size:10px!important}.orders-filters-card .secondary-action{min-height:42px!important;font-size:11px!important;padding:8px 11px!important}
.orders-summary article{border-color:var(--border)!important}.orders-stat-icon.revenue{background:#eff6ff!important;color:#2563eb!important}.orders-stat-icon.pending{background:#fff7ed!important;color:#ea580c!important}.orders-stat-icon.preparing{background:#f5f3ff!important;color:#7c3aed!important}.orders-stat-icon.ready{background:#ecfdf5!important;color:#0f9f7f!important}
.order-card-total,.line-total,.grand-total strong{color:#2563eb!important}.order-open-btn{border-color:#bfdbfe!important;color:#1d4ed8!important;background:#eff6ff!important}
/* settings fills the useful workspace without looking zoomed out */
.settings-page .management-head,.settings-page .settings-layout{max-width:1240px;margin-inline:auto}.settings-layout{grid-template-columns:260px minmax(0,1fr)!important;gap:20px!important}.settings-content,.settings-card{padding:24px!important}.settings-card h3{font-size:23px!important}.settings-card label,.settings-tabs a{font-size:13px!important}.settings-card input,.settings-card select{min-height:43px!important;font-size:12px!important}
/* dark mode: calm navy, no pure black and no glaring white */
body.dark{--bg:#081321;--surface:#101e31;--surface-2:#16273d;--card:#101e31;--text:#e8eef7;--muted:#9badc4;--border:#29405c;--line:#29405c;--primary-soft:#16345e}
body.dark .product-card,body.dark .invoice-header,body.dark .category-tabs button,body.dark .table-status-card,body.dark .order-card,body.dark .customer-card,body.dark .orders-filters-card input,body.dark .orders-filters-card select{background:#101e31!important;color:#e8eef7!important;border-color:#29405c!important}
body.dark .product-card strong,body.dark .invoice-header strong,body.dark .order-card strong,body.dark .data-table td,body.dark .data-table th{color:#e8eef7!important}body.dark .product-card .product-media{background:#16273d!important;filter:none!important}body.dark .invoice-summary,body.dark .context-card,body.dark .detail-info-grid>div{background:#14243a!important}body.dark .dashboard-table thead th,body.dark .data-table thead th{background:#16273d!important;color:#b8c7da!important}body.dark .category-tabs button.active{background:#2563eb!important;color:#fff!important}
/* small, purposeful motion */
@keyframes uiEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes uiPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.content-area>.management-head,.content-area>.orders-summary,.content-area>.panel,.product-card,.stat-card{animation:uiEnter .28s ease both}.product-card:nth-child(2n){animation-delay:.025s}.product-card:nth-child(3n){animation-delay:.05s}.primary-btn:active,.secondary-action:active,.btn-add-to-cart:active{transform:scale(.97)!important}.live-dot{animation:uiPulse 1.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1350px){.orders-filters-card{grid-template-columns:repeat(3,1fr)!important}.orders-filters-card .catalog-search{grid-column:span 2}}
@media(max-width:850px){.orders-filters-card{grid-template-columns:1fr 1fr!important}.orders-filters-card .catalog-search{grid-column:1/-1}.settings-layout{grid-template-columns:1fr!important}.management-actions{width:100%}.management-actions>*{flex:1}}
@media(max-width:520px){.orders-filters-card{grid-template-columns:1fr!important}.orders-filters-card .catalog-search{grid-column:auto}.management-head h3{font-size:20px!important}.table-action-btn{font-size:11px!important}}

/* PALCASH Stage 6.4 - Offline product image library */
.product-image-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.image-library-trigger{min-height:126px;border:1.5px dashed #93c5fd;border-radius:16px;background:#eff6ff;color:#1d4ed8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px;transition:.2s ease}.image-library-trigger:hover{background:#dbeafe;border-color:#2563eb;transform:translateY(-2px)}.image-library-trigger>i{font-size:1.7rem}.image-library-trigger small{color:#64748b}.selected-library-image{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.selected-library-image img{width:64px;height:64px;object-fit:cover;border-radius:12px}.selected-library-image div{display:flex;flex-direction:column;flex:1}.selected-library-image small{color:#64748b}.selected-library-image button{width:36px;height:36px;border:0;border-radius:10px;background:#fff;color:#dc2626}.image-library-modal{position:fixed;inset:0;z-index:1080;background:rgba(2,6,23,.62);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;padding:20px}.image-library-modal.show{display:flex;animation:palFade .18s ease}.image-library-dialog{width:min(980px,100%);max-height:min(800px,92vh);background:#fff;border-radius:22px;box-shadow:0 28px 80px rgba(2,6,23,.3);display:flex;flex-direction:column;overflow:hidden;animation:palModal .22s ease}.image-library-dialog>header,.image-library-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #e2e8f0}.image-library-dialog>header h4{margin:2px 0 4px}.image-library-dialog>header p{margin:0;color:#64748b}.image-library-dialog>footer{border:0;border-top:1px solid #e2e8f0}.image-library-dialog>footer span{font-size:.85rem;color:#64748b}.modal-icon-close{width:42px;height:42px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#475569}.image-library-toolbar{padding:16px 22px 10px}.image-library-toolbar>label{height:46px;border:1px solid #cbd5e1;border-radius:13px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff}.image-library-toolbar input{border:0;outline:0;width:100%;background:transparent}.image-library-categories{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.image-library-categories button{border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#475569;padding:7px 13px;font-size:.84rem}.image-library-categories button.active{background:#2563eb;border-color:#2563eb;color:#fff}.image-library-grid{padding:12px 22px 22px;overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.image-library-item{position:relative;border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:9px;text-align:right;transition:.18s ease}.image-library-item:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 10px 24px rgba(37,99,235,.1)}.image-library-item.selected{border:2px solid #2563eb;background:#eff6ff}.image-library-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:11px;background:#f8fafc}.image-library-item span{display:flex;flex-direction:column;padding:8px 3px 2px}.image-library-item small{color:#64748b;font-size:.73rem}.image-library-item>i{display:none;position:absolute;top:15px;left:15px;color:#2563eb;background:#fff;border-radius:50%;font-size:1.2rem}.image-library-item.selected>i{display:block}.image-library-empty{padding:50px;text-align:center;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:6px}.image-library-empty i{font-size:2rem;color:#94a3b8}@keyframes palModal{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes palFade{from{opacity:0}to{opacity:1}}
[data-theme="dark"] .image-library-trigger{background:#0f2748;border-color:#315b91;color:#93c5fd}[data-theme="dark"] .image-library-trigger:hover{background:#15345d}[data-theme="dark"] .image-library-dialog,[data-theme="dark"] .image-library-item,[data-theme="dark"] .image-library-toolbar>label,[data-theme="dark"] .modal-icon-close{background:#0f1f35;color:#e5edf8;border-color:#29405f}[data-theme="dark"] .image-library-dialog>header,[data-theme="dark"] .image-library-dialog>footer{border-color:#29405f}[data-theme="dark"] .image-library-categories button{background:#13263f;color:#cbd5e1;border-color:#29405f}[data-theme="dark"] .image-library-categories button.active{background:#2563eb;color:#fff}[data-theme="dark"] .selected-library-image{background:#10294a;border-color:#315b91}[data-theme="dark"] .selected-library-image button{background:#172b45}
@media(max-width:760px){.product-image-actions{grid-template-columns:1fr}.image-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 14px 18px}.image-library-dialog>header,.image-library-dialog>footer{padding:14px}.image-library-toolbar{padding:14px 14px 8px}.image-library-dialog>footer span{display:none}}