[data-design=modern]{--glass-bg: rgba(15, 23, 42, .25);--glass-border: rgba(255, 255, 255, .05);--glass-shadow: 0 25px 50px -12px rgba(0, 0, 0, .6);--radius-lg: 28px;--radius-xl: 36px;--sidebar-width: 80px;--accent-glow: rgba(var(--accent-rgb, 59, 130, 246), .4);--font-family: "Tajawal", "Inter", "Outfit", sans-serif;--card-bg: rgba(30, 41, 59, .3);--glass-effect: blur(12px) saturate(180%)}.glass-card-modern{background:var(--bg-secondary)!important;backdrop-filter:var(--glass-effect);-webkit-backdrop-filter:var(--glass-effect);border:1px solid var(--glass-border)!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card-modern:hover{transform:translateY(-4px);border-color:var(--accent)!important;box-shadow:0 12px 24px -8px rgba(var(--accent-rgb),.3)}.click-scale{transition:transform .1s ease}.click-scale:active{transform:scale(.95)}[data-design=modern] .app-container{background:var(--bg-primary)!important;flex-direction:row-reverse!important}html[data-theme=dark][data-design=modern] .app-container{background:radial-gradient(circle at top right,rgba(var(--accent-rgb),.15),transparent 400px),radial-gradient(circle at bottom left,rgba(var(--accent-rgb),.1),transparent 400px),var(--bg-primary)!important}html[data-theme=light][data-design=modern] .app-container{background:radial-gradient(circle at top right,rgba(var(--accent-rgb),.08),transparent 400px),radial-gradient(circle at bottom left,rgba(var(--accent-rgb),.05),transparent 400px),var(--bg-primary)!important}[data-design=modern] .sidebar{background:var(--bg-secondary)!important;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--border)!important;margin:16px 20px 16px 16px;border-radius:var(--radius-lg);transition:all .5s cubic-bezier(.16,1,.3,1);overflow:hidden;z-index:10002;position:relative}html[data-theme=dark][data-design=modern] .sidebar{box-shadow:0 0 40px #00000080,inset 0 0 20px #ffffff05}html[data-theme=light][data-design=modern] .sidebar{box-shadow:0 10px 40px #00000014}[data-design=modern] .hide-in-modern{display:none!important}[data-design=modern] .app-header-main{background:var(--bg-secondary)!important;border-bottom:2px solid var(--border)!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:60px!important;z-index:10001;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 10px #0000000d!important}[data-theme=light][data-design=modern] .app-header-main{background:#f1f5f9!important;border-bottom-color:#cbd5e1!important}[data-design=modern] .main-content-area{padding-top:60px!important;flex:1;display:flex;flex-direction:column}[data-design=modern] .app-header-main button{background:#0000000d!important;backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 4px 15px #0000001a!important;color:var(--text-primary)!important}[data-theme=light][data-design=modern] .app-header-main button{background:#fff!important;border:1.5px solid #cbd5e1!important;color:#0f172a!important}[data-design=modern] .sidebar-header-wrapper{background:#ffffff08!important;border-bottom:1px solid var(--border)!important;padding:24px 0!important;display:flex;justify-content:center}[data-design=modern] .sidebar-logo-text h1{font-size:1.1rem!important;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-design=modern] .sidebar-item{margin:6px auto!important;width:44px;height:44px;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:16px!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;border:1px solid transparent!important}[data-design=modern] .sidebar-item .sidebar-icon{margin:0!important}[data-design=modern] .sidebar-item:hover{background:#ffffff0d!important;transform:translate(5px)!important;border-color:#ffffff0d!important}[data-design=modern] .sidebar-item.active{background:linear-gradient(135deg,var(--accent),var(--accent-cyan))!important;box-shadow:0 10px 30px -10px var(--accent-glow)!important;border:1px solid rgba(255,255,255,.2)!important;transform:scale(1.05) translate(8px)!important}[data-design=modern] .app-header-island{position:absolute!important;top:10px!important;left:50%!important;transform:translate(-50%) translateY(-120%)!important;width:auto!important;min-width:400px;max-width:90%;height:44px!important;background:var(--bg-secondary)!important;border-radius:100px!important;border:1px solid var(--border)!important;z-index:10000;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 12px 0 24px!important;transition:all .5s cubic-bezier(.16,1,.3,1);opacity:0}[data-design=modern] .app-header-island{position:relative!important;width:auto!important;min-width:500px;max-width:95%;height:44px!important;background:#ffffff08!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.08)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 10px 0 20px!important;transform:none!important;opacity:1!important}[data-design=modern] .main-viewport{padding-top:60px!important}[data-design=modern] .app-header-island:after{display:none!important}html[data-theme=light][data-design=modern] .app-header-island{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 8px 32px #0000001a!important}html[data-theme=dark][data-design=modern] .app-header-island{box-shadow:var(--glass-shadow)!important}html[data-theme=light][data-design=modern] .app-header-island{box-shadow:0 10px 40px #0000000f!important}[data-design=modern] .app-header-island .desktop-only:not(.mobile-hamburger):not(.theme-dots){display:none!important}[data-design=modern] .main-viewport{background:transparent!important;padding-top:0!important}[data-design=modern] .main-content-area{padding-top:60px!important;display:flex!important;flex-direction:column!important}[data-design=modern] .app-content-area{padding:0!important;flex:1;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}[data-design=modern] .card,[data-design=modern] .stat-card,[data-design=modern] .pos-card{background:var(--card-bg)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;backdrop-filter:blur(20px)!important;box-shadow:0 15px 35px -10px #00000040,0 5px 15px -5px #0000001a!important;color:var(--text-primary)!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important}html[data-theme=light][data-design=modern] .card,html[data-theme=light][data-design=modern] .stat-card,html[data-theme=light][data-design=modern] .pos-card{background:#ffffffbf!important;border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 10px 40px -10px #0000000f,0 4px 10px -2px #00000008!important}[data-design=modern] .card:hover,[data-design=modern] .pos-container{height:100%!important;gap:16px!important}[data-design=modern] .product-grid-modern{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(115px,1fr))!important;gap:20px!important;padding:10px!important;align-content:start!important}[data-design=modern] .pos-card{border-radius:20px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden}[data-design=modern] .pos-card img{transition:none!important;transform:none!important}[data-design=modern] .professional-cart{border-radius:24px!important;box-shadow:var(--glass-shadow)!important;border:1px solid var(--border)!important}[data-design=modern] .stat-card:hover{transform:translateY(-8px);border-color:#ffffff26!important;box-shadow:0 30px 60px #00000080,0 0 20px var(--accent-glow)!important}html[data-theme=light][data-design=modern] .card:hover,html[data-theme=light][data-design=modern] .stat-card:hover{border-color:#0000001a!important;box-shadow:0 20px 50px #00000014,0 0 20px var(--accent-glow)!important}[data-design=modern] .modern-utility-dock{position:fixed;bottom:24px;right:24px;background:var(--bg-secondary);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid var(--border);border-radius:20px;padding:8px;display:flex;flex-direction:row;gap:8px;z-index:10005;box-shadow:0 10px 30px #0006;animation:slideInDock .6s cubic-bezier(.16,1,.3,1)}html[data-theme=light][data-design=modern] .modern-utility-dock{box-shadow:0 10px 40px #00000014}@keyframes slideInDock{0%{transform:translate(100px,-50%);opacity:0}to{transform:translateY(-50%);opacity:1}}[data-design=modern] .dock-group{display:flex;flex-direction:column;align-items:center;gap:8px}[data-design=modern] .dock-item{width:44px;height:44px;border-radius:16px;border:none;background:#ffffff0d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}[data-design=modern] .dock-item:hover{background:#ffffff26;transform:translateY(-4px) scale(1.1)}[data-design=modern] .dock-item.primary{background:var(--accent);box-shadow:0 5px 15px var(--accent-glow)}[data-design=modern] .dock-item.danger{background:#ef444433;color:#ef4444}[data-design=modern] .dock-separator{width:24px;height:1px;background:var(--border)}[data-design=modern] .dock-label{display:none!important}[data-design=modern] .btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-cyan))!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 20px -6px var(--accent-glow),inset 0 1px #fff3!important;padding:8px 18px!important;font-size:.8rem!important;font-weight:700!important;letter-spacing:.5px!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}[data-design=modern] .btn-primary:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 12px 25px -4px var(--accent-glow),inset 0 1px #ffffff4d!important;filter:brightness(1.1)!important}[data-design=modern] input,[data-design=modern] select{background:var(--bg-primary)!important;border:1px solid var(--border)!important;border-radius:18px!important;color:var(--text-primary)!important}@media (max-width: 768px){[data-design=modern] .app-header-island{width:90%!important;min-width:auto}[data-design=modern] .modern-utility-dock{display:none}}[data-design=delta]{--sidebar-width: 0px;transition:all .3s ease}[data-design=delta] .app-container{background:var(--bg-primary)!important;flex-direction:column!important;color:var(--text-primary)!important}[data-design=delta] .main-viewport{padding-top:0!important;background:var(--bg-primary)!important}[data-design=delta] .delta-toolbar{background:var(--bg-secondary)!important;border-bottom:2px solid var(--accent)!important;border-radius:0 0 20px 20px!important;padding:10px 16px!important;box-shadow:0 10px 30px -10px #0003!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;overflow-x:auto!important;max-width:100%!important;margin:0 auto!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--3d-border)!important;scroll-behavior:smooth;height:60px!important;z-index:1000}[data-design=delta] .delta-toolbar::-webkit-scrollbar{display:block!important;height:3px!important}[data-design=delta] .delta-toolbar::-webkit-scrollbar-track{background:#8080801a!important;border-radius:2px!important}[data-design=delta] .delta-toolbar::-webkit-scrollbar-thumb{background:var(--accent)!important;border-radius:2px!important;box-shadow:0 0 10px var(--accent)!important}[data-design=delta] .app-content-area{background:var(--bg-secondary)!important;color:var(--text-primary)!important;margin:12px 15px;border-radius:12px;box-shadow:var(--premium-shadow);border:1px solid var(--border);min-height:calc(100vh - 130px);padding-bottom:20px!important;overflow-y:auto!important;overflow-x:hidden!important}[data-design=delta] .app-header-main{position:fixed;bottom:0;left:0;right:0;height:48px!important;background:var(--sidebar-bg)!important;color:var(--sidebar-text)!important;border-top:2px solid var(--accent)!important;border-bottom:none!important;z-index:10000;padding:0 16px;box-shadow:0 -8px 24px #0003;flex-direction:row!important;justify-content:flex-start!important;gap:12px!important;transform:translateY(0)!important;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;opacity:1!important}[data-design=delta] .app-header-main.delta-autohide{transform:translateY(100%)!important;opacity:.15!important}[data-design=delta] .app-header-main.delta-autohide:before{content:"";position:absolute;top:-40px;left:0;right:0;height:40px;background:transparent}[data-design=delta] .app-header-main.delta-autohide:hover{transform:translateY(0)!important;opacity:1!important}[data-design=delta] .app-header-main button{transform:scale(.9);margin:0;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;border-radius:12px!important}[data-design=delta] .app-header-main button:hover{background:#ffffff26!important;transform:scale(.95)}[data-design=delta] .app-header-main button:nth-of-type(2n){color:#38bdf8!important}[data-design=delta] .app-header-main button:nth-of-type(3n){color:#a78bfa!important}[data-design=delta] .app-header-main button:nth-of-type(4n){color:#34d399!important}[data-design=delta] .app-header-main button:nth-of-type(5n){color:#f472b6!important}[data-design=delta] .delta-tab-btn{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:8px 12px!important;border-radius:10px!important;font-weight:800!important;transition:all .3s ease!important;background:var(--bg-primary)!important;border:1px solid var(--border)!important;color:var(--text-secondary)!important;transform-style:preserve-3d;margin:0 2px;white-space:nowrap}[data-design=delta] .delta-tab-btn.active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 4px 12px var(--accent-glow)!important}[data-design=delta] .delta-tab-btn:hover{background:var(--accent)15!important;color:var(--accent)!important}[data-design=delta] .delta-tab-btn i{color:inherit!important}[data-design=delta] .delta-tab-btn span{max-width:0;opacity:0;overflow:hidden;transition:all .3s ease!important;white-space:nowrap;font-size:.75rem}[data-design=delta] .delta-tab-btn:hover span,[data-design=delta] .delta-tab-btn.active span{max-width:120px;opacity:1;margin-left:6px}[data-design=delta] .page-title{color:var(--text-primary);border-bottom:2px solid var(--border);padding-bottom:10px;margin-bottom:20px}[data-design=tile]{--sidebar-width: 80px}html[data-theme=dark] [data-design=tile],html:not([data-theme=light]) [data-design=tile]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--accent: #38bdf8}html[data-theme=light] [data-design=tile]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--accent: #0284c7}[data-design=tile] .sidebar{width:80px!important;transition:width .3s ease}[data-design=tile] .sidebar:hover{width:240px!important}[data-design=tile] .sidebar-item span:last-child{display:none}[data-design=tile] .sidebar:hover .sidebar-item span:last-child{display:inline}[data-design=tile] .tile-dashboard-container{background:var(--bg-primary)}html[data-theme=dark] [data-design=tile] .tile-dashboard-container{background:radial-gradient(circle at center,#1e293b,#0f172a)}[data-design=tile] .app-container{background:#0f172a!important}[data-design=tile] .card,[data-design=tile] .stat-card{background:#1e293b!important;border-color:#ffffff0d!important}@media (min-width: 992px){[data-design=modern] .pos-container{height:100%!important}}@keyframes mic-wave-pulse{0%{transform:scale(.95);opacity:.8}70%{transform:scale(1.5);opacity:0}to{transform:scale(.95);opacity:0}}.mic-wave{position:absolute;inset:0;border-radius:50%;border:4px solid var(--accent);animation:mic-wave-pulse 2s infinite;pointer-events:none}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important;margin:0!important;padding:0!important;width:58mm!important}#print-receipt-content{width:100%!important;padding:0!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important}table{width:100%!important;border-collapse:collapse!important}th,td{border-bottom:1px dotted #000!important;padding:4px 0!important}h1,h2,p{text-align:center!important;margin:4px 0!important}}