@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.login-page{background-image:url(/uploads/WhatsApp%20Image%202026-05-06%20at%2011.25.49%20AM.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}.login-content{z-index:10;justify-content:flex-end;align-items:center;width:100%;max-width:1400px;margin-top:100px;padding-right:80px;display:flex}[dir=rtl] .login-content{justify-content:flex-start;padding-left:80px;padding-right:0}.brand-logo-small{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 20px;font-size:1.25rem;font-weight:800;display:flex}.card-header{text-align:center;margin-bottom:32px}.login-card-wrapper{justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:480px;box-shadow:none;border-radius:30px;padding:48px;background:0 0!important}.card-header h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:1.8rem;font-weight:800}.card-header p{color:var(--text-secondary);font-size:.875rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.error-message{color:#ff4757;text-align:center;background:#ff47571a;border:1px solid #ff47574d;border-radius:12px;padding:.8rem;font-size:.9rem;animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-primary);font-size:.875rem;font-weight:700}.label-row{justify-content:space-between;align-items:center;width:100%;display:flex}.forgot-link{color:#fb5a00;transition:var(--transition);font-size:.75rem;font-weight:600;text-decoration:none}.forgot-link:hover{opacity:.8;text-decoration:underline}.login-page .input-field{transition:var(--transition);border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:12px;padding:14px 24px;display:flex;background:#121212!important}.login-page .input-field:focus-within{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 4px #fa5b001a}.login-page .input-field .icon{color:var(--text-muted)}.login-page .input-field input{background:0 0;border:none;outline:none;width:100%;font-size:.875rem;color:#fff!important}.login-page .input-field input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 50px var(--bg-darker)!important;-webkit-background-clip:text!important;background-clip:text!important;transition:background-color 5000s ease-in-out!important}.login-page .input-field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 50px var(--bg-darker)!important;-webkit-background-clip:text!important;background-clip:text!important;transition:background-color 5000s ease-in-out!important}.login-page .input-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 50px var(--bg-darker)!important;-webkit-background-clip:text!important;background-clip:text!important;transition:background-color 5000s ease-in-out!important}.login-page .input-field input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 50px var(--bg-darker)!important;-webkit-background-clip:text!important;background-clip:text!important;transition:background-color 5000s ease-in-out!important}.login-page.dark .input-field input:-webkit-autofill{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 50px #2a2a2a!important}.login-page.dark .input-field input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 50px #2a2a2a!important}.login-page.dark .input-field input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 50px #2a2a2a!important}.login-page.dark .input-field input:-webkit-autofill:active{-webkit-text-fill-color:#fff!important;box-shadow:inset 0 0 0 50px #2a2a2a!important}.eye-btn{color:var(--text-muted)}.form-extras{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.checkbox-container{cursor:pointer;color:var(--text-secondary);align-items:center;gap:8px;display:flex}.form-extras a{color:#fb5a00;font-weight:600}.login-submit{color:#fff;border-radius:50px;justify-content:center;align-items:center;gap:10px;width:fit-content;min-width:160px;margin:12px auto;padding:14px;font-weight:700;display:flex;box-shadow:0 4px 15px #fb5a004d;background:#fb5a00!important}.login-submit:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #fb5a0066}.login-submit.loading{opacity:.7;cursor:not-allowed}.success-message{color:#26de81;text-align:center;background:#26de811a;border:1px solid #26de814d;border-radius:12px;margin-bottom:.5rem;padding:.8rem;font-size:.9rem}.login-blob{filter:blur(150px);z-index:1;opacity:.05;border-radius:50%;width:800px;height:800px;position:absolute}.blob-1{background:var(--primary);top:-200px;left:-200px}.blob-2{background:var(--secondary);bottom:-200px;right:-200px}.login-grid-bg{z-index:0;background-image:radial-gradient(circle at 1px 1px,#ffffff05 1px,#0000 0);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=1024px){.login-content{grid-template-columns:1fr;gap:40px}.login-side-text{text-align:center;align-items:center}.login-side-text h2{font-size:2.5rem}.login-side-text p{margin-bottom:32px}}.back-btn{color:#fb5a00;cursor:pointer;background:0 0;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:0 auto;padding:10px 20px;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.back-btn:before{content:"←";font-size:1.1rem}.back-btn:hover{opacity:.8;color:#e05100;gap:12px}.login-controls{z-index:100;gap:15px;display:flex;position:absolute;top:30px;right:40px}[dir=rtl] .login-controls{flex-direction:row-reverse;left:auto;right:40px}.control-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-premium);background:#fffc;border-radius:50px;align-items:center;gap:10px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.control-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.theme-toggle{justify-content:center;width:44px;height:44px;padding:0}.lang-switcher{position:relative}.lang-dropdown{background:var(--bg-card);width:160px;box-shadow:var(--shadow-premium);border:1px solid var(--border);z-index:101;border-radius:16px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}[dir=rtl] .lang-dropdown{left:0;right:auto}.lang-option{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.lang-option:hover{color:#1a1a1a;background:#f5f5f5}.lang-option.active{color:#fb5a00;background:#fb5a000d;font-weight:700}.flag{font-size:1.1rem}.login-page.dark{background-image:linear-gradient(#0009,#0009),url(/uploads/WhatsApp%20Image%202026-05-06%20at%2011.25.49%20AM.jpeg)!important}.login-page.dark .control-btn{color:#fff;background:#0006;border-color:#ffffff1a}.login-page.dark .lang-dropdown{background:#1a1a1a;border-color:#ffffff1a;box-shadow:0 10px 25px #0000004d}.login-page.dark .lang-option{color:#ccc}.login-page.dark .lang-option:hover{color:#fff;background:#ffffff0d}.login-page.dark .card-header h3{color:#fff}.login-page.dark .card-header p{color:#ffffffb3}.login-page.dark .input-group label{color:#ffffffe6}.login-page.dark .forgot-link{color:#fb5a00}.login-page.dark .input-field{border-color:#ffffff1a;background:#ffffff0d!important}.login-page.dark .input-field input{color:#fff}.login-page.dark .input-field:focus-within{background:#ffffff1a!important}.login-page.dark .input-field .icon{color:#ffffff80}.toast-container{-webkit-backdrop-filter:blur(16px);pointer-events:auto;color:#fff;background:#0f172ae6;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:16px;min-width:320px;max-width:400px;padding:16px;display:flex;box-shadow:0 20px 50px #0006}.toast-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:10px;display:flex}.toast-icon-wrapper.order{color:#3b82f6;background:#3b82f633}.toast-icon-wrapper.booking{color:#f97316;background:#f9731633}.toast-icon-wrapper.contact{color:#a855f7;background:#a855f733}.toast-icon-wrapper.coupon{color:#eab308;background:#eab30833}.toast-icon-wrapper.user{color:#3b82f6;background:#3b82f633}.toast-body{flex:1;min-width:0}.toast-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:700;overflow:hidden}.toast-message{color:#94a3b8;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.75rem;display:-webkit-box;overflow:hidden}.toast-action-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.toast-action-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.toast-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.toast-close-btn:hover{color:#fff}@keyframes toastEnter{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.animate-enter{animation:.4s cubic-bezier(.16,1,.3,1) forwards toastEnter}@keyframes toastLeave{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(20px)scale(.95)}}.animate-leave{animation:.3s ease-in forwards toastLeave}.notifications-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1099;background:#0f172a40;width:100vw;height:100vh;position:fixed;top:0;left:0}.notifications-drawer-redesign{z-index:1100;background:#fff;flex-direction:column;width:460px;max-width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-10px 0 45px #00000014}[dir=rtl] .notifications-drawer-redesign{left:0;right:auto;box-shadow:10px 0 45px #00000014}.notifications-drawer-redesign.dark{background:#11121d;border-left:1px solid #ffffff0d}[dir=rtl] .notifications-drawer-redesign.dark{border-left:none;border-right:1px solid #ffffff0d}.drawer-header-redesign{background:#fff;border-bottom:1px solid #f1f5f9;flex-direction:column;padding:16px 20px;display:flex}.dark .drawer-header-redesign{background:#11121d;border-bottom-color:#ffffff0d}.header-top-row{justify-content:space-between;align-items:center;width:100%;display:flex}.header-left-info{align-items:center;gap:12px;display:flex}.bell-icon-box-new{color:#ff5e1a;background:#fff0e6;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dark .bell-icon-box-new{color:#ff7d33;background:#ff5e1a1a}.header-title-subtitle h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:700}.dark .header-title-subtitle h2{color:#f8fafc}.unread-count-text{color:#64748b;margin:1px 0 0;font-size:.8rem;font-weight:500}.dark .unread-count-text{color:#94a3b8}.unread-count-text .count-number{color:#ff5e1a;font-weight:700}.header-right-actions{align-items:center;gap:10px;display:flex}.close-btn-round{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.dark .close-btn-round{color:#94a3b8;background:#ffffff0d}.close-btn-round:hover{color:#ff5e1a;background:#ffefe7}.dark .close-btn-round:hover{color:#ff7d33;background:#ff5e1a26}.mark-all-read-btn-new{color:#ff5e1a;cursor:pointer;background:#fff;border:1px solid #ff5e1a4d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.mark-all-read-btn-new:hover{background:#ffefe7;border-color:#ff5e1a}.dark .mark-all-read-btn-new{color:#ff7d33;background:#ff5e1a0d;border-color:#ff5e1a66}.dark .mark-all-read-btn-new:hover{background:#ff5e1a1a;border-color:#ff7d33}.tabs-container-redesign{background:#fff;border-bottom:1px solid #f1f5f9;padding:10px 20px}.dark .tabs-container-redesign{background:#11121d;border-bottom-color:#ffffff0d}.filter-tabs-redesign{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.filter-tabs-redesign::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}.filter-tab-new{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;position:relative}.dark .filter-tab-new{color:#94a3b8;background:#ffffff05;border-color:#ffffff0a}.filter-tab-new:hover{color:#0f172a;background:#f1f5f9}.dark .filter-tab-new:hover{color:#f8fafc;background:#ffffff0f}.filter-tab-new.active{color:#ff5e1a;background:#fff;border-color:#ffefe7}.dark .filter-tab-new.active{color:#ff7d33;background:#ff5e1a0d;border-color:#ff5e1a33}.filter-tab-new.active:after{content:"";background:#ff5e1a;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:15px;right:15px}.dark .filter-tab-new.active:after{background:#ff7d33}.tab-badge-count{color:#ff5e1a;background:#fff0e6;border-radius:8px;padding:2px 8px;font-size:.75rem;font-weight:700}.dark .tab-badge-count{color:#ff7d33;background:#ff5e1a26}.tab-badge-count-orange{color:#ff5e1a;background:#fff0e6;border-radius:8px;padding:2px 8px;font-size:.75rem;font-weight:700}.dark .tab-badge-count-orange{color:#ff7d33;background:#ff5e1a26}.notifications-list-container-redesign{background:#fff;flex:1;padding:18px 20px;position:relative;overflow-y:auto}.dark .notifications-list-container-redesign{background:#11121d}.notifications-list-redesign{flex-direction:column;gap:18px;display:flex;position:relative}.timeline-vertical-line{z-index:1;background:#f1f5f9;width:2px;position:absolute;top:36px;bottom:110px;left:15px}.dark .timeline-vertical-line{background:#ffffff0d}.notification-group-new{flex-direction:column;gap:12px;display:flex}.group-header-row{justify-content:space-between;align-items:center;margin-bottom:4px;padding-left:40px;display:flex}[dir=rtl] .group-header-row{padding-left:0;padding-right:40px}.group-title{color:#475569;text-transform:capitalize;margin:0;font-size:.95rem;font-weight:700}.dark .group-title{color:#94a3b8}.group-items-list{flex-direction:column;gap:10px;display:flex}.notification-item-wrapper{gap:16px;width:100%;display:flex;position:relative}.timeline-dot-container{z-index:2;justify-content:center;align-items:center;width:32px;min-width:32px;display:flex;position:relative}.timeline-dot{background:#94a3b8;border:2px solid #fff;border-radius:50%;width:10px;height:10px;transition:all .2s;box-shadow:0 0 0 2px #f1f5f9}.dark .timeline-dot{border-color:#11121d;box-shadow:0 0 0 2px #ffffff0d}.timeline-dot.unread{background:#ff5e1a;box-shadow:0 0 0 2px #ff5e1a33}.dark .timeline-dot.unread{background:#ff7d33;box-shadow:0 0 0 2px #ff5e1a4d}.notification-card-new{background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex:1;align-items:flex-start;gap:12px;padding:10px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000004}.dark .notification-card-new{background:#ffffff05;border-color:#ffffff0a}.notification-card-new:hover{border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 6px 18px #00000006}.dark .notification-card-new:hover{background:#ffffff0a;border-color:#ffffff14}.card-icon-box{color:#64748b;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;transition:all .2s;display:flex}.dark .card-icon-box{color:#94a3b8;background:#ffffff0d}.card-icon-box.booking.unread,.card-icon-box.reservation.unread{color:#ff5e1a;background:#fff0e6}.card-icon-box.order.unread{color:#10b981;background:#e6f7f0}.dark .card-icon-box.booking.unread,.dark .card-icon-box.reservation.unread{color:#ff7d33;background:#ff5e1a1f}.dark .card-icon-box.order.unread{color:#34d399;background:#10b9811f}.card-main-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.card-title-row{align-items:center;gap:8px;display:flex}.title-dot{background:#94a3b8;border-radius:50%;flex-shrink:0;width:6px;height:6px}.title-dot.unread{background:#ff5e1a}.card-title-row h3{color:#0f172a;margin:0;font-size:.9rem;font-weight:700;line-height:1.3}.dark .card-title-row h3{color:#f8fafc}.card-message{color:#475569;word-break:break-word;margin:0;font-size:.8rem;line-height:1.4}.dark .card-message{color:#94a3b8}.card-right-actions{flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-end;gap:8px;min-width:100px;display:flex}.card-time{color:#94a3b8;font-size:.7rem;font-weight:500}.card-bottom-actions{align-items:center;gap:6px;display:flex}.category-badge{color:#64748b;text-transform:capitalize;background:#f1f5f9;border-radius:100px;padding:2px 8px;font-size:.68rem;font-weight:700}.dark .category-badge{color:#94a3b8;background:#ffffff0d}.category-badge.booking.unread,.category-badge.reservation.unread{color:#ff5e1a;background:#ffefe7}.category-badge.order.unread{color:#10b981;background:#e6f7f0}.dark .category-badge.booking.unread,.dark .category-badge.reservation.unread{color:#ff7d33;background:#ff5e1a1a}.dark .category-badge.order.unread{color:#34d399;background:#10b9811a}.card-view-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.dark .card-view-btn{color:#94a3b8;background:#ffffff05;border-color:#ffffff0d}.card-view-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.dark .card-view-btn:hover{color:#f8fafc;background:#ffffff0f}.sort-container{align-items:center;gap:8px;display:flex}.sort-by-label{color:#64748b;font-size:.8rem;font-weight:600}.dark .sort-by-label{color:#94a3b8}.sort-dropdown-wrapper{position:relative}.sort-dropdown-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.dark .sort-dropdown-btn{color:#f8fafc;background:#ffffff05;border-color:#ffffff0d}.sort-dropdown-btn:hover{border-color:#cbd5e1}.sort-options-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;min-width:105px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 6px 16px #0000000f}[dir=rtl] .sort-options-menu{left:0;right:auto}.dark .sort-options-menu{background:#1a1b26;border-color:#ffffff0f;box-shadow:0 6px 16px #0000004d}.sort-option-item{color:#475569;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:.8rem;font-weight:600;transition:all .2s}[dir=rtl] .sort-option-item{text-align:right}.dark .sort-option-item{color:#94a3b8}.sort-option-item:hover{color:#0f172a;background:#f1f5f9}.dark .sort-option-item:hover{color:#f8fafc;background:#ffffff0d}.sort-option-item.active{color:#ff5e1a;background:#ffefe7}.dark .sort-option-item.active{color:#ff7d33;background:#ff5e1a26}.caught-up-card-container{margin-top:8px;padding-left:40px}[dir=rtl] .caught-up-card-container{padding-left:0;padding-right:40px}.caught-up-card{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:16px;align-items:center;gap:20px;width:100%;padding:16px 20px;display:flex}.dark .caught-up-card{background:#ffffff03;border-color:#ffffff0d}.caught-up-svg-box{flex-shrink:0;justify-content:center;align-items:center;width:100px;height:70px;display:flex}.caught-up-text{flex:1}.caught-up-text h4{color:#0f172a;margin:0 0 4px;font-size:.95rem;font-weight:700}.dark .caught-up-text h4{color:#f8fafc}.caught-up-text p{color:#64748b;margin:0;font-size:.82rem;font-weight:500}.dark .caught-up-text p{color:#94a3b8}.empty-state-container-new{justify-content:center;align-items:center;height:100%;padding:80px 20px;display:flex}.empty-state-card{text-align:center;flex-direction:column;align-items:center;max-width:280px;display:flex}.empty-state-card .caught-up-svg-box{margin-bottom:8px}.empty-state-card .caught-up-text h4{font-size:1.05rem}.drawer-footer-redesign{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.dark .drawer-footer-redesign{background:#11121d;border-top-color:#ffffff0d}.footer-settings-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.dark .footer-settings-btn{color:#94a3b8}.footer-settings-btn:hover{color:#ff5e1a}.dark .footer-settings-btn:hover{color:#ff7d33}.chevron-settings{margin-left:2px;transition:transform .2s}[dir=rtl] .chevron-settings{margin-left:0;margin-right:2px;transform:rotate(180deg)}.footer-settings-btn:hover .chevron-settings{transform:translate(2px)}[dir=rtl] .footer-settings-btn:hover .chevron-settings{transform:rotate(180deg)translate(-2px)}.footer-clear-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.dark .footer-clear-btn{background:#ef44440d;border-color:#ef44444d}.footer-clear-btn:hover{background:#fef2f2;border-color:#ef4444}.dark .footer-clear-btn:hover{background:#ef44441f}@media (width<=480px){.notifications-drawer-redesign{width:100%}}.layout-container{background-color:var(--bg-darker);height:100vh;color:var(--text-primary);display:flex;position:relative;overflow:hidden}.sidebar{width:var(--sidebar-width);z-index:1000;height:100vh;transition:var(--transition);background:var(--bg-darker);border-right:1px solid var(--border);flex-direction:column;padding:20px 0;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{justify-content:space-between;align-items:center;height:60px;margin-bottom:20px;padding:0 16px;display:flex}.logo-section{align-items:center;gap:12px;display:flex}.logo-icon-wrapper{justify-content:center;align-items:center;display:flex}.logo-text{color:#fa5b00;letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.collapse-toggle-btn{background:var(--border);width:24px;height:24px;color:var(--text-muted);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.collapse-toggle-btn:hover{color:#fff;background:#ffffff1a}.sidebar-nav{flex-direction:column;flex:1;gap:24px;padding:0 16px;display:flex;overflow-y:auto}.nav-section{flex-direction:column;gap:4px;display:flex}.section-title{color:var(--text-secondary);letter-spacing:1px;margin-bottom:8px;padding:0 12px;font-size:.65rem;font-weight:700}.nav-item{color:var(--text-secondary);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover{background:var(--border);color:var(--text-primary)}.nav-item.active{color:#fff;background:#fa5b00;box-shadow:0 4px 12px #fa5b0033}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.nav-name{flex:1;font-size:.875rem}.nav-arrow{color:var(--text-secondary);align-items:center;display:flex}.nav-item.active .nav-arrow{color:#fff}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:16px}.logout-btn{border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .3s;display:flex;color:#fa5b00!important}.logout-btn:hover{background:#fa5b001a!important}.logout-btn .nav-name{flex:none}.main-content{margin-left:var(--sidebar-width);transition:var(--transition);background:var(--bg-darker);flex:1;min-width:0;height:100vh;position:relative;overflow:hidden auto}.main-content.expanded{margin-left:var(--sidebar-collapsed-width)}.navbar{height:var(--navbar-height);z-index:1000;background:var(--bg-darker);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:0 32px;transition:all .3s;display:flex;position:sticky;top:0}.navbar.scrolled{border-bottom-color:#fa5b0033;height:70px;box-shadow:0 4px 20px #0000001a;background:rgba(var(--bg-darker-rgb), .8)!important}.search-bar-container{flex:1;max-width:450px;position:relative}.search-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;height:42px;padding:0 15px;transition:all .3s;display:flex}.search-bar:focus-within{border-color:#fa5b00;box-shadow:0 0 0 4px #fa5b001a}.search-bar input{flex:1;color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0 5px!important;font-size:.95rem!important}.search-icon-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.search-icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex;margin:0!important}.search-bar:focus-within .search-icon{color:#fa5b00}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.clear-search-btn:hover{color:var(--text-primary);background:#8080801a}.search-suggestions-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:hidden;box-shadow:0 20px 40px #0000001a}.dark .search-suggestions-dropdown{background:#1a1a1a;box-shadow:0 20px 40px #00000080}.suggestions-scroll{max-height:400px;padding:8px;overflow-y:auto}.suggestion-section{margin-bottom:12px}.section-label{color:#fa5b00;text-transform:uppercase;letter-spacing:1.2px;opacity:.9;padding:8px 12px;font-size:.7rem;font-weight:700;display:block}.suggestion-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.suggestion-item:hover{background:var(--bg-hover)}.item-icon{color:#fa5b00;background:#fa5b001a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.item-details{flex-direction:column;flex:1;display:flex}.item-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.item-sub{color:var(--text-muted);font-size:.75rem}.dropdown-footer{text-align:center;color:#fa5b00;border-top:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.dropdown-footer:hover{background:#fa5b001a}.dropdown-overlay-transparent{z-index:999;position:fixed;inset:0}.nav-actions{align-items:center;gap:12px;display:flex}.icon-action-btn{width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.icon-action-btn:hover{color:#fff}.notification-dot{border:2px solid var(--bg-darker);color:#fff;background:#fa5b00;border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.profile-trigger{cursor:pointer;align-items:center;gap:12px;padding:0 16px;display:flex}.avatar-wrapper{border:2px solid var(--border);border-radius:50%;width:38px;height:38px;overflow:hidden}.user-avatar{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.user-details{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.2}.user-status{color:var(--text-muted);font-size:.75rem}.theme-toggle{border-radius:50%;margin-left:8px;background:var(--bg-card)!important;width:36px!important;height:36px!important}.theme-icon-wrapper{color:#f1c40f;justify-content:center;align-items:center;display:flex}.flag-btn{width:36px!important;height:36px!important}.flag-wrapper{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;overflow:hidden}.flag-wrapper img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.content-container{padding:20px 40px 40px}.language-selector{position:relative}.language-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:1001;border-radius:12px;min-width:140px;margin-top:8px;padding:8px;position:absolute;top:100%;right:0;box-shadow:0 10px 25px -5px #0000004d}.lang-option{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;transition:all .2s;display:flex}.lang-option:hover{background:var(--border);color:var(--text-primary)}.lang-option.active{color:#fa5b00;background:#fa5b001a}.lang-option img{border-radius:2px}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--border);left:auto;right:0}[dir=rtl] .main-content{margin-left:0;margin-right:var(--sidebar-width)}[dir=rtl] .main-content.expanded{margin-left:0;margin-right:var(--sidebar-collapsed-width)}[dir=rtl] .search-icon{margin-left:10px;margin-right:0}[dir=rtl] .notification-dot{left:10px;right:auto}[dir=rtl] .theme-toggle{margin-left:0;margin-right:8px}[dir=rtl] .language-dropdown{left:0;right:auto}[dir=rtl] .nav-arrow svg,[dir=rtl] .collapse-toggle-btn svg{transform:rotate(180deg)}[dir=rtl] .sidebar-header,[dir=rtl] .logo-section{flex-direction:row-reverse}.main-blob{filter:blur(150px);z-index:0;opacity:.15;pointer-events:none;border-radius:50%;width:600px;height:600px;position:fixed}.blob-1{background:#fa5b00;top:-200px;right:-200px}.blob-2{background:#000;bottom:-200px;left:200px}.dark .sidebar,.dark .navbar,.dark .layout-container{background:var(--bg-darker)}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.collapsed{width:280px;transform:translate(0)}.main-content{margin-left:0!important}.search-bar{width:200px}.user-details{display:none}}:root{--bg-deep:#f8fafc;--bg-deep-rgb:248, 250, 252;--card-bg:#ffffffe6;--card-border:#fa5b001a;--accent-blue:#fa5b00;--accent-purple:#e65400;--accent-green:#ff7d33;--accent-orange:#fa5b00;--accent-blue-rgb:250, 91, 0;--accent-purple-rgb:230, 84, 0;--accent-green-rgb:255, 125, 51;--accent-orange-rgb:250, 91, 0;--text-primary:#1e293b;--text-dim:#64748b;--glass-effect:blur(12px);--shadow-premium:none}.dark{--bg-deep:#000;--bg-deep-rgb:0, 0, 0;--card-bg:#121212e6;--card-border:#fa5b0026;--text-primary:#fff;--text-dim:#a0aec0;--shadow-premium:none}body{background-color:var(--bg-deep);color:var(--text-primary);margin:0;padding:0;font-family:Outfit,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}.glass-card-premium{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-effect);backdrop-filter:var(--glass-effect);border:1px solid var(--card-border);color:var(--text-primary);border-radius:20px;outline:none;padding:1rem}.stat-mini-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.stat-item-premium{flex-direction:column;gap:.75rem;display:flex}.stat-label-row{color:var(--text-dim);justify-content:space-between;align-items:center;font-size:.875rem;font-weight:500;display:flex}.stat-value-premium{letter-spacing:-.05em;background:linear-gradient(to right, var(--text-primary), var(--text-dim));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.75rem;font-weight:700}.stat-badge{border-radius:100px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-up{color:var(--accent-green);background:#10b9811a}.badge-down{color:#ef4444;background:#ef44441a}.dashboard-layout-grid{grid-template-rows:auto auto;grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.chart-container-large{grid-column:1/2}.side-panel-premium{flex-direction:column;grid-area:1/2/3/3;gap:1.5rem;display:flex}.header-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.header-title h1{background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2rem;font-weight:700}.chart-header-premium{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.chart-header-premium h3{color:var(--text-primary);margin:0;font-size:1.25rem}.chart-legend{gap:1rem;display:flex}.legend-item{color:var(--text-dim);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.dot-indicator{border-radius:50%;width:8px;height:8px}.premium-table{border-collapse:separate;border-spacing:0 .75rem;width:100%}.premium-table th{text-align:left;color:var(--text-dim);padding:0 1rem;font-size:.85rem;font-weight:500}.premium-table tr td{background:var(--bg-dark);color:var(--text-primary);padding:.6rem 1rem}.premium-table tr td:first-child{border-radius:16px 0 0 16px}.premium-table tr td:last-child{border-radius:0 16px 16px 0}.customer-avatar,.customer-avatar-box img{border:2px solid var(--card-border);-o-object-fit:cover;object-fit:cover;border-radius:10px;width:36px;height:36px}.customer-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:100%}.amount-text{color:var(--accent-blue);font-weight:700}.live-feed-list{flex-direction:column;gap:1rem;display:flex}.feed-item{gap:1rem;display:flex;position:relative}.feed-item:before{content:"";background:var(--card-border);width:2px;position:absolute;top:40px;bottom:-20px;left:19px}.feed-item:last-child:before{display:none}.feed-icon{background:rgba(var(--accent-blue-rgb), .1);width:40px;height:40px;color:var(--accent-blue);z-index:1;border-radius:12px;justify-content:center;align-items:center;display:flex}.feed-content h4{color:var(--text-primary);margin:0 0 .25rem;font-size:.95rem}.feed-content p{color:var(--text-dim);margin:0;font-size:.85rem}.feed-time{color:var(--text-dim);margin-top:.25rem;font-size:.75rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.6s ease-out forwards fadeIn}@media (width<=1200px){.dashboard-layout-grid{grid-template-columns:1fr}.side-panel-premium{grid-area:auto/1/auto/2}}@media (width<=768px){.stat-mini-grid{grid-template-columns:1fr 1fr}}[dir=rtl] .header-row{flex-direction:row-reverse}[dir=rtl] .header-title{text-align:right}[dir=rtl] .stat-mini-grid{direction:rtl}[dir=rtl] .stat-item-premium{text-align:right}[dir=rtl] .stat-label-row{flex-direction:row-reverse}[dir=rtl] .stat-value-premium{text-align:right}[dir=rtl] .chart-header-premium{text-align:right;flex-direction:row-reverse}[dir=rtl] .chart-legend,[dir=rtl] .feed-item{flex-direction:row-reverse}[dir=rtl] .feed-item:before{left:auto;right:19px}[dir=rtl] .feed-content{text-align:right;padding-right:0}[dir=rtl] .premium-table th{text-align:right}[dir=rtl] .premium-table tr td:first-child{border-radius:0 16px 16px 0!important}[dir=rtl] .premium-table tr td:last-child{border-radius:16px 0 0 16px!important}[dir=rtl] .customer-avatar-box{flex-direction:row-reverse}[dir=rtl] .customer-avatar-box div,[dir=rtl] .side-panel-premium,[dir=rtl] .chart-container-large{text-align:right}[dir=rtl] .analytics-grid-top{direction:rtl}.analytics-grid-top{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.top-products-list{flex-direction:column;gap:1rem;display:flex}.product-item-mini{background:rgba(var(--accent-orange-rgb), .05);border:1px solid rgba(var(--accent-orange-rgb), .1);border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.product-info{align-items:center;gap:.75rem;display:flex}.product-img{-o-object-fit:cover;object-fit:cover;border:1px solid var(--card-border);border-radius:10px;width:42px;height:42px}@media (width<=1024px){.analytics-grid-top{grid-template-columns:1fr}}.orders-page-container{width:calc(100% + 80px)!important;max-width:calc(100% + 80px)!important;margin-left:-40px!important;margin-right:-40px!important;padding:12px 20px!important}.orders-page-container>.page-header{box-shadow:none!important;background:0 0!important;border:none!important;margin-bottom:20px!important;padding:0 0 12px!important}.category-page{background-color:var(--bg-darker);color:var(--text-primary);transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1)}.category-page *{transition:background-color .5s,color .5s,border-color .5s,box-shadow .5s!important}.export-btn{cursor:pointer;align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s;display:flex;color:#fa5b00!important;background:#fff5eb!important;border:1px solid #ffe4cc!important;border-radius:12px!important}.export-btn svg{color:#fa5b00!important;stroke:#fa5b00!important;stroke-width:2.5px!important;width:18px!important;height:18px!important}.export-btn:hover{transform:translateY(-2px);background:#fff0e6!important;border-color:#fa5b00!important;box-shadow:0 6px 12px #fa5b0026!important}.dark .export-btn{color:#fa5b00!important;background:#fa5b001a!important;border-color:#fa5b0040!important}.dark .export-btn svg{stroke:#fa5b00!important;color:#fa5b00!important}.controls-bar{background:#fff;border:1px solid #ececec;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;width:100%;margin-bottom:24px;padding:12px 20px;display:flex}.dark .controls-bar{background:var(--bg-card);border-color:var(--border)}.cat-search-wrapper{background:#fff;border:1px solid #ffe4cc;border-radius:50px;align-items:center;min-width:200px;height:44px;padding:0 8px;transition:all .2s;display:flex;position:relative;flex:1!important;max-width:none!important}.dark .cat-search-wrapper{background:var(--bg-card);border-color:#fa5b0033}.cat-search-wrapper input::placeholder{color:var(--text-muted)}.search-icon-right{position:absolute;top:50%;right:18px;transform:translateY(-50%);color:#fa5b00!important;stroke:#fa5b00!important;stroke-width:2.5px!important;width:18px!important;height:18px!important}.filter-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.dropdown-control{color:#2d2d2d;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 16px;transition:all .2s;display:flex;position:relative!important}.dark .dropdown-control{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}.dropdown-control:hover{background:#f7fafc;border-color:#cbd5e1}.dark .dropdown-control:hover{border-color:var(--text-muted);background:#ffffff0d}.dropdown-value{color:#2d2d2d;padding:0 4px;font-size:13px;font-weight:600}.dark .dropdown-value{color:var(--text-primary)}.dropdown-control .filter-icon{flex-shrink:0;color:#4a5568!important}.dark .dropdown-control .filter-icon{color:var(--text-secondary)!important}.dropdown-control .select-arrow{flex-shrink:0;color:#8e8e93!important;transition:transform .25s cubic-bezier(.4,0,.2,1)!important}.dropdown-control .select-arrow.rotated{transform:rotate(180deg)!important}.custom-dropdown-menu{z-index:100;pointer-events:auto;background:#fff;border:1px solid #ececec;border-radius:12px;flex-direction:column;gap:2px;min-width:190px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #00000014;transition:none!important}.dark .custom-dropdown-menu{background:#1e1e24;border-color:#ffffff14;box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0006}.custom-dropdown-item{color:#2d2d2d;cursor:pointer;white-space:nowrap;text-align:left;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s!important}.dark .custom-dropdown-item{color:#ffffffe6}.custom-dropdown-item:hover{color:#fa5b00!important;background:#fff5eb!important}.dark .custom-dropdown-item:hover{color:#ff8c42!important;background:#fa5b001f!important}.custom-dropdown-item.active{font-weight:700;color:#fa5b00!important;background:#fff0e6!important}.dark .custom-dropdown-item.active{font-weight:700;color:#ff8c42!important;background:#fa5b0038!important}.refresh-btn{cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex;color:#2d2d2d!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;width:44px!important;height:44px!important}.refresh-btn svg{color:#2d2d2d!important;stroke:#2d2d2d!important;stroke-width:2.5px!important;width:18px!important;height:18px!important}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000d;background:#f7fafc!important;border-color:#cbd5e1!important}.dark .refresh-btn{color:var(--text-primary)!important;background:#ffffff0d!important;border-color:#ffffff26!important}.dark .refresh-btn svg{stroke:var(--text-primary)!important;color:var(--text-primary)!important}.clear-all-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.clear-all-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.custom-date-inputs{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex;overflow:hidden}.date-input{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;font-size:12px}.date-input::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}.date-separator{color:var(--text-muted);font-size:12px}.stats-container{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:16px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-premium);transform:translateY(-2px)}.stat-card-content{z-index:2;align-items:center;gap:16px;display:flex}.stat-icon-wrapper{border:1.5px solid #0000;justify-content:center;align-items:center;width:52px;height:52px;display:flex;border-radius:50%!important}.stat-info .value{color:#1a1a1a;font-size:28px;font-weight:800;display:block}.dark .stat-info .value{color:var(--text-primary)}.stat-info .label{color:#8e8e93;margin-top:4px;font-size:13px;font-weight:500}.stat-card-watermark{z-index:1;pointer-events:none;opacity:.06;transition:all .3s;position:absolute;bottom:-10px;right:15px;transform:rotate(-10deg)}.stat-card.orange-total{background:linear-gradient(135deg,#fffaf5 0%,#fff5eb 100%)!important;border-color:#ffe4cc!important}.stat-card.orange-total .stat-icon-wrapper{color:#fa5b00!important;background:#fff0e6!important;border-color:#ffe0cc!important}.stat-card.orange-total .stat-card-watermark{color:#fa5b00}.stat-card.orange-pending{background:linear-gradient(135deg,#fffdf0 0%,#fff9e6 100%)!important;border-color:#ffebb3!important}.stat-card.orange-pending .stat-icon-wrapper{color:#f59e0b!important;background:#fffdf0!important;border-color:#ffebb3!important}.stat-card.orange-pending .stat-card-watermark{color:#f59e0b}.stat-card.green-completed{background:linear-gradient(135deg,#f5fdf7 0%,#ebfbf0 100%)!important;border-color:#d1f7db!important}.stat-card.green-completed .stat-icon-wrapper{color:#10b981!important;background:#f5fdf7!important;border-color:#d1f7db!important}.stat-card.green-completed .stat-card-watermark{color:#10b981}.stat-card.purple-revenue{background:linear-gradient(135deg,#fcf5ff 0%,#f8ebff 100%)!important;border-color:#eed4ff!important}.stat-card.purple-revenue .stat-icon-wrapper{color:#a855f7!important;background:#fcf5ff!important;border-color:#eed4ff!important}.stat-card.purple-revenue .stat-card-watermark{color:#a855f7}.dark .stat-card.orange-total{background:linear-gradient(135deg, #fa5b0014 0%, #fa5b0005 100%), var(--bg-card)!important;border-color:#fa5b0040!important}.dark .stat-card.orange-total .stat-icon-wrapper{color:#ff8c42!important;background:#fa5b001f!important;border-color:#fa5b0040!important}.dark .stat-card.orange-total .stat-card-watermark{color:#ff8c42!important;opacity:.14!important}.dark .stat-card.orange-pending{background:linear-gradient(135deg, #f59e0b14 0%, #f59e0b05 100%), var(--bg-card)!important;border-color:#f59e0b40!important}.dark .stat-card.orange-pending .stat-icon-wrapper{color:#fbbf24!important;background:#f59e0b1f!important;border-color:#f59e0b40!important}.dark .stat-card.orange-pending .stat-card-watermark{color:#fbbf24!important;opacity:.14!important}.dark .stat-card.green-completed{background:linear-gradient(135deg, #10b98114 0%, #10b98105 100%), var(--bg-card)!important;border-color:#10b98140!important}.dark .stat-card.green-completed .stat-icon-wrapper{color:#34d399!important;background:#10b9811f!important;border-color:#10b98140!important}.dark .stat-card.green-completed .stat-card-watermark{color:#34d399!important;opacity:.14!important}.dark .stat-card.purple-revenue{background:linear-gradient(135deg, #a855f714 0%, #a855f705 100%), var(--bg-card)!important;border-color:#a855f740!important}.dark .stat-card.purple-revenue .stat-icon-wrapper{color:#c084fc!important;background:#a855f71f!important;border-color:#a855f740!important}.dark .stat-card.purple-revenue .stat-card-watermark{color:#c084fc!important;opacity:.14!important}.orders-table-container{background:var(--bg-dark);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table th{background:var(--bg-card);text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);padding:16px 20px;font-size:12px;font-weight:600}.orders-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:16px 20px;font-size:14px}.orders-table tr:hover td{background:var(--border)}.order-id-cell{color:#3b82f6;font-weight:600}.customer-cell{flex-direction:column;display:flex}.customer-cell .name{color:var(--text-primary);font-weight:600}.customer-cell .phone{color:var(--text-muted);font-size:12px}.amount-cell{color:var(--text-primary);font-weight:700}.status-badge{border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.compact-status-select{appearance:none;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:6px;outline:none;padding:6px 30px 6px 12px;font-size:12px;font-weight:600}.compact-status-select.placed{color:#3b82f6;background-color:#3b82f61a}.compact-status-select.preparing{color:#f59e0b;background-color:#f59e0b1a}.compact-status-select.delivered{color:#10b981;background-color:#10b9811a}.compact-status-select.cancelled{color:#ef4444;background-color:#ef44441a}.compact-status-select.paid{color:#10b981;background-color:#10b9811a}.compact-status-select.pending{color:#f59e0b;background-color:#f59e0b1a}.compact-status-select.failed{color:#ef4444;background-color:#ef44441a}.action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.action-btn:hover{box-shadow:var(--shadow-premium);transform:translateY(-2px)}.action-btn.invoice,.print-table-btn.invoice{color:#fa5b00!important;background:#fa5b001a!important;border:1px solid #fa5b0033!important}.action-btn.kot,.print-table-btn.kot{color:#10b981!important;background:#10b9811a!important;border:1px solid #10b98133!important}.action-btn.view{color:#3b82f6!important;background:#3b82f61a!important;border:1px solid #3b82f633!important}.action-btn.view svg{color:#3b82f6!important;stroke:#3b82f6!important;stroke-width:2.5px!important;width:18px!important;height:18px!important}.action-btn.view:hover{color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important;box-shadow:0 6px 15px #3b82f666!important}.action-btn.view:hover svg{color:#fff!important;stroke:#fff!important;stroke-width:3px!important}.action-btn.invoice:hover,.print-table-btn.invoice:hover{color:#fff!important;background:#fa5b00!important;border-color:#fa5b00!important;box-shadow:0 4px 12px #fa5b004d!important}.action-btn.invoice svg,.print-table-btn.invoice svg{color:#fa5b00!important;stroke:#fa5b00!important}.action-btn.invoice:hover svg,.print-table-btn.invoice:hover svg{color:#fff!important;stroke:#fff!important}.action-btn.kot:hover,.print-table-btn.kot:hover{color:#fff!important;background:#10b981!important;border-color:#10b981!important;box-shadow:0 4px 12px #10b9814d!important}.action-btn.kot svg,.print-table-btn.kot svg{color:#10b981!important;stroke:#10b981!important}.action-btn.kot:hover svg,.print-table-btn.kot:hover svg{color:#fff!important;stroke:#fff!important}.dark .action-btn.invoice,.dark .print-table-btn.invoice{background:#fa5b0026!important;border-color:#fa5b004d!important}.dark .action-btn.kot,.dark .print-table-btn.kot{background:#10b98126!important;border-color:#10b9814d!important}.dark .action-btn.view{background:#3b82f626!important;border-color:#3b82f64d!important}.print-table-btn{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:6px;font-size:11px;font-weight:700;transition:all .2s;display:flex;width:auto!important;height:auto!important;padding:6px 12px!important}.print-table-btn span{display:inline-block}.order-details-container{animation:.3s fadeIn}.details-header{align-items:center;gap:20px;margin-bottom:32px;display:flex}.back-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}.details-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;display:grid}.details-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:24px}.details-card h3{color:var(--text-primary);align-items:center;gap:10px;margin:0 0 20px;font-size:16px;font-weight:700;display:flex}.info-list{flex-direction:column;gap:16px;display:flex}.info-item{justify-content:space-between;align-items:center;display:flex}.info-item .label{color:var(--text-secondary);font-size:13px}.info-item .value{color:var(--text-primary);font-size:14px;font-weight:500}.divider{background:var(--border);height:1px;margin:20px 0}.items-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px}.items-section h3{margin:0 0 20px;font-size:16px}.item-row{border-bottom:1px solid #ffffff08;align-items:center;gap:16px;padding:12px 0;display:flex}.item-img{-o-object-fit:cover;object-fit:cover;background:#ffffff0d;border-radius:8px;width:48px;height:48px}.item-info{flex-grow:1}.item-name{color:var(--text-primary);font-weight:600;display:block}.item-qty{color:var(--text-muted);font-size:12px}.item-price{color:var(--text-primary);font-weight:600}.summary-footer{flex-direction:column;align-items:flex-end;gap:12px;margin-top:24px;display:flex}.summary-item{justify-content:space-between;width:200px;display:flex}.summary-item .label{color:var(--text-secondary)}.summary-item.total{border-top:1px solid #ffffff1a;padding-top:12px;font-size:18px;font-weight:700}.shimmer-row td div{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:4px;height:20px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1024px){.stats-container{grid-template-columns:repeat(2,1fr)}.details-grid{grid-template-columns:1fr}}@media (width<=768px){.category-page{padding:24px}.page-header{flex-direction:column;align-items:flex-start;gap:20px}.controls-bar{flex-direction:column;align-items:stretch}}[dir=rtl] .stat-info{text-align:right;flex-grow:1}[dir=rtl] .orders-table th,[dir=rtl] .orders-table td{text-align:right}[dir=rtl] .orders-table th:last-child,[dir=rtl] .orders-table td:last-child{text-align:left!important}[dir=rtl] .compact-status-select{background-position:8px;padding:6px 12px 6px 30px}[dir=rtl] .back-btn{flex-direction:row-reverse}[dir=rtl] .back-btn svg{transform:rotate(180deg)}[dir=rtl] .details-card h3{flex-direction:row;justify-content:flex-start}[dir=rtl] .info-item .value{text-align:right}[dir=rtl] .summary-footer{align-items:flex-end}[dir=rtl] .item-row{text-align:right;flex-direction:row}[dir=rtl] .item-info{text-align:right}[dir=rtl] .item-price{margin-left:0;margin-right:auto}[dir=rtl] .header-text{text-align:right}[dir=rtl] .header-text>div{justify-content:flex-start!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes highlightPulse{0%{border-color:#eab308;box-shadow:0 0 #eab30866}50%{border-color:#eab308;box-shadow:0 0 0 15px #eab30800}to{box-shadow:0 0 #eab30800}}.view-toggle{height:44px;box-shadow:none;background:#fff;border:1px solid #ececec;border-radius:12px;align-items:center;padding:4px;display:flex}.dark .view-toggle{background:var(--bg-card);border-color:var(--border)}.view-btn{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.view-btn:hover{background:#00000008}.dark .view-btn:hover{background:#ffffff0d}.view-btn.active{color:#fa5b00!important;background:#fff0e6!important}.dark .view-btn.active{color:#fa5b00!important;background:#fa5b0026!important}.orders-grid-container{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1400px){.orders-grid-container{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.orders-grid-container{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.orders-grid-container{grid-template-columns:1fr}}.order-grid-card{flex-direction:column;display:flex;overflow:hidden;box-shadow:none!important;background:#fff!important;border:1px solid #ececec!important;border-radius:16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.dark .order-grid-card{background:var(--bg-card)!important;border-color:var(--border)!important;box-shadow:none!important}.order-grid-card:hover{box-shadow:none!important;border-color:#fa5b004d!important;transform:none!important}.order-card-header-row{border-bottom:1px dashed #ececec;align-items:center;gap:16px;padding:16px;display:flex}.dark .order-card-header-row{border-bottom-color:var(--border)}.order-grid-image-container{flex-shrink:0;justify-content:center;align-items:center;display:flex}.order-card-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#fbf8f5;border:2px solid #f0f0f2;border-radius:50%;width:70px;height:70px;transition:transform .4s;box-shadow:none!important}.dark .order-card-img{border-color:var(--border);background:#ffffff0d;box-shadow:none!important}.order-grid-card:hover .order-card-img{transform:scale(1.08)}.order-card-header-info{flex-direction:column;flex-grow:1;gap:6px;min-width:0;display:flex}.order-header-top-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.order-hash-id{color:#2d2d2d;font-size:15px;font-weight:800}.dark .order-hash-id{color:var(--text-primary)}.grid-card-badge{letter-spacing:.5px;border-radius:20px;justify-content:center;align-items:center;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.grid-card-badge.status-pending{color:#fa5b00;background:#fff4ed;border:1px solid #ffe0cc}.grid-card-badge.status-delivered{color:#10b981;background:#ebfbf0;border:1px solid #d1f7db}.grid-card-badge.status-cancelled{color:#ef4444;background:#ffebeb;border:1px solid #ffd6d6}.dark .grid-card-badge.status-pending{background:#fa5b001a;border-color:#fa5b0033}.dark .grid-card-badge.status-delivered{background:#10b9811a;border-color:#10b98133}.dark .grid-card-badge.status-cancelled{background:#ef44441a;border-color:#ef444433}.order-grid-content{flex-direction:column;flex-grow:1;gap:12px;padding:16px;display:flex}.order-items-summary{align-items:center;gap:6px;min-height:24px;display:flex}.order-items-summary .item-qty-title{color:#4a4a4a;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:14px;font-weight:700;overflow:hidden}.dark .order-items-summary .item-qty-title{color:var(--text-secondary)}.items-more-badge{color:#fa5b00;white-space:nowrap;background:#fff0e6;border:1px solid #ffe0cc;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;padding:1px 6px;font-size:11px;font-weight:700;display:inline-flex}.dark .items-more-badge{color:#fa5b00;background:#fa5b001a;border-color:#fa5b0033}.customer-info-row{gap:12px;display:flex}.customer-info-pill{border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.customer-info-pill.name{color:#4a4a4a;background:#f5f5f7}.customer-info-pill.phone{color:#8e8e93;background:#f5f5f7}.dark .customer-info-pill{color:var(--text-secondary);background:#ffffff0d}.customer-info-pill.name svg,.customer-info-pill.phone svg{color:#8e8e93}.order-meta-row{border-top:1px solid #f0f0f2;border-bottom:1px solid #f0f0f2;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:8px;padding:10px 0;display:grid}.dark .order-meta-row{border-color:var(--border)}.meta-col{align-items:center;gap:6px;display:flex}.meta-col.datetime{color:#8e8e93;font-size:11px;font-weight:600;line-height:1.3}.meta-col.datetime svg{color:#8e8e93;flex-shrink:0}.meta-datetime .time{color:#2d2d2d;font-weight:700}.dark .meta-datetime .time{color:var(--text-primary)}.meta-price-box{align-items:center;gap:8px;display:flex}.currency-circle{color:#555;background:#ececec;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.dark .currency-circle{color:var(--text-secondary);background:#ffffff1a}.meta-amount{color:#2d2d2d;font-size:14px;font-weight:800}.dark .meta-amount{color:var(--text-primary)}.meta-status-pill{text-align:center;border-radius:8px;width:100%;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.meta-status-pill.placed{color:#1a73e8;background:#e8f0fe}.meta-status-pill.preparing{color:#f7a823;background:#fff4e5}.meta-status-pill.delivered{color:#10b981;background:#e6fbdd}.meta-status-pill.cancelled{color:#ef4444;background:#ffebeb}.dark .meta-status-pill.placed{color:#66a3ff;background:#1a73e826}.dark .meta-status-pill.preparing{color:#ffd699;background:#f7a82326}.dark .meta-status-pill.delivered{color:#80f2c8;background:#10b98126}.dark .meta-status-pill.cancelled{color:#f99;background:#ef444426}.order-actions-row{gap:10px;margin-top:4px;display:flex}.order-actions-row .grid-action-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;flex:1.2;justify-content:center;align-items:center;gap:6px;height:40px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.order-actions-row .grid-action-btn.invoice{color:#fa5b00!important;background:#fff4ed!important;border:1px solid #ffe0cc!important}.order-actions-row .grid-action-btn.invoice:hover{color:#fff!important;background:#fa5b00!important}.order-actions-row .grid-action-btn.kot{color:#10b981!important;background:#ebfbf0!important;border:1px solid #d1f7db!important}.order-actions-row .grid-action-btn.kot:hover{color:#fff!important;background:#10b981!important}.order-actions-row .grid-action-btn.view-detail{flex:.6;color:#1a73e8!important;background:#e8f0fe!important;border:1px solid #d2e3fc!important}.order-actions-row .grid-action-btn.view-detail:hover{color:#fff!important;background:#1a73e8!important}.dark .order-actions-row .grid-action-btn.invoice{background:#fa5b001a!important;border-color:#fa5b0033!important}.dark .order-actions-row .grid-action-btn.kot{background:#10b9811a!important;border-color:#10b98133!important}.dark .order-actions-row .grid-action-btn.view-detail{background:#3b82f61a!important;border-color:#3b82f633!important}.shimmer-card{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:12px;height:300px;animation:1.5s infinite shimmer}.order-details-wrapper-modern{border-radius:24px;flex-direction:column;gap:24px;min-height:100%;padding:24px 32px;display:flex;position:relative;overflow:hidden;box-shadow:none!important;background-color:#faf8f6!important}.dark .order-details-wrapper-modern{box-shadow:none;background-color:#121216!important}.pizza-decor-bg{opacity:.9;pointer-events:none;z-index:1;width:380px;height:auto;position:absolute;top:-30px;right:140px}.dark .pizza-decor-bg{opacity:.7;filter:brightness(.8)contrast(1.1)}.order-details-top-bar{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.back-to-orders-btn{color:#ff5c00;cursor:pointer;background-color:#fff0e6;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.back-to-orders-btn:hover{background-color:#ffe4d1;transform:translateY(-1px)}.dark .back-to-orders-btn{color:#ff8c42;background-color:#ff5c0026}.order-print-actions{gap:12px;display:flex}.order-action-btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex;width:auto!important;height:auto!important}.order-action-btn.print-invoice{color:#ff5c00;background-color:#fff;border:1px solid #ffdfcc}.order-action-btn.print-invoice:hover{background-color:#fff5eb;border-color:#ff5c00;transform:translateY(-2px);box-shadow:0 4px 12px #ff5c0014}.dark .order-action-btn.print-invoice{color:#ff8c42;background-color:#1e1e24;border-color:#ff5c004d}.order-action-btn.print-kot{color:#10b981;background-color:#eefbf3;border:1px solid #d1f7db}.order-action-btn.print-kot:hover{background-color:#e1f8e8;border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #10b98114}.dark .order-action-btn.print-kot{color:#34d399;background-color:#10b9811a;border-color:#10b98133}.order-title-section{z-index:2;flex-direction:column;gap:8px;display:flex;position:relative}.order-title-row h2{color:#1a1a1a;align-items:center;gap:10px;margin:0;font-size:28px;font-weight:800;display:flex}.dark .order-title-row h2{color:#fff}.order-meta-info{align-items:center;gap:16px;display:flex}.order-status-badge-detail{border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.order-status-badge-detail.status-placed{color:#1a73e8;background-color:#e8f0fe}.order-status-badge-detail.status-preparing{color:#ff9800;background-color:#fff7eb}.order-status-badge-detail.status-preparing .badge-dot{color:#ff9800}.order-status-badge-detail.status-delivered{color:#10b981;background-color:#e6fbdd}.order-status-badge-detail.status-cancelled{color:#ef4444;background-color:#ffebeb}.order-status-badge-detail .badge-dot{font-size:10px;line-height:1}.order-date-time{color:#8e8e93;font-size:14px;font-weight:500}.dark .order-date-time{color:#a0a0a5}.details-grid-row{z-index:2;grid-template-columns:1fr 1fr;gap:24px;display:grid;position:relative}.details-card-modern{background-color:#fff;border-radius:20px;flex-direction:column;gap:16px;padding:20px 24px;display:flex;box-shadow:none!important;border:none!important}.dark .details-card-modern{background-color:#1e1e24;border:none!important}.card-header-modern{align-items:center;gap:12px;display:flex}.card-header-modern h3{color:#1a1a1a;margin:0;font-size:17px;font-weight:800}.dark .card-header-modern h3{color:#fff}.icon-circle{color:#ff5c00;background-color:#fff0e6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dark .icon-circle{color:#ff8c42;background-color:#ff5c0026}.card-body-modern{flex-direction:column;gap:16px;display:flex}.info-group{flex-direction:column;gap:6px;display:flex}.info-label{color:#8e8e93;font-size:13px;font-weight:500}.dark .info-label,.dark .receipt-label{color:#a0a0a9}.info-value{color:#1a1a1a;font-size:15px;font-weight:700}.dark .info-value{color:#fff}.dashed-divider-horizontal{border-top:1px dashed #ececec;width:100%;margin:8px 0}.dark .dashed-divider-horizontal{border-top-color:#ffffff14}.address-group{justify-content:space-between;align-items:center;display:flex;flex-direction:row!important}.address-text-container{flex-direction:column;gap:6px;display:flex}.map-pin-btn{color:#ff5c00;cursor:pointer;background-color:#fff0e6;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.map-pin-btn:hover{background-color:#ffe4d1;transform:scale(1.05)}.dark .map-pin-btn{color:#ff8c42;background-color:#ff5c0026}.notes-value{color:#ff5c00;background:#ff5c0005;border:1px dashed #ff5c004d;border-radius:12px;padding:12px;font-size:13px;font-weight:500;line-height:1.5}.dark .notes-value{color:#ff8c42;background:#ff5c000d}.payment-status-card{position:relative}.info-row-modern{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.card-watermark-pizza-subtle{opacity:.04;color:#ff5c00;pointer-events:none;z-index:1;position:absolute;bottom:15px;right:15px;transform:rotate(-10deg)}.dark .card-watermark-pizza-subtle{opacity:.08;color:#ff8c42}.payment-method-container{z-index:2;align-items:center;gap:12px;display:flex}.method-icon-box{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;display:flex}.method-icon-box.green{color:#10b981;background-color:#ebfbf0;border:1px solid #d1f7db}.method-icon-box.orange{color:#ff5c00;background-color:#fff0e6;border:1px solid #ffdfcc}.dark .method-icon-box.green{color:#34d399;background-color:#10b9811a;border-color:#10b98133}.dark .method-icon-box.orange{color:#ff8c42;background-color:#ff5c001a;border-color:#ff5c0033}.method-icon-box svg{stroke-width:2.2px;width:100%;height:100%}.method-text-val{color:#4a4a4a;font-size:14px;font-weight:700}.dark .method-text-val{color:#d1d1d6}.status-select-badge{appearance:none;cursor:pointer;text-align:center;letter-spacing:.5px;border:none;border-radius:10px;outline:none;padding:8px 16px;font-size:12px;font-weight:800;transition:all .2s}.status-select-badge:focus{box-shadow:0 0 0 2px #ff5c0033}.status-select-badge.payment-status-pending{color:#ff9800;background-color:#fff7eb;border:1px solid #ffe4cc}.status-select-badge.payment-status-paid{color:#10b981;background-color:#e6fbdd;border:1px solid #bbf7d0}.status-select-badge.payment-status-failed{color:#ef4444;background-color:#ffebeb;border:1px solid #fecaca}.status-select-badge.order-status-placed{color:#1a73e8;background-color:#e8f0fe;border:1px solid #bfdbfe}.status-select-badge.order-status-preparing{color:#ff9800;background-color:#fff7eb;border:1px solid #ffe4cc}.status-select-badge.order-status-delivered{color:#10b981;background-color:#e6fbdd;border:1px solid #bbf7d0}.status-select-badge.order-status-cancelled{color:#ef4444;background-color:#ffebeb;border:1px solid #fecaca}.dark .status-select-badge.payment-status-pending{color:#ffb74d;background-color:#ff980026;border:1px solid #ff980040}.dark .status-select-badge.payment-status-paid{color:#81c784;background-color:#10b98126;border:1px solid #10b98140}.dark .status-select-badge.payment-status-failed{color:#e57373;background-color:#ef444426;border:1px solid #ef444440}.dark .status-select-badge.order-status-placed{color:#64b5f6;background-color:#1a73e826;border:1px solid #1a73e840}.dark .status-select-badge.order-status-preparing{color:#ffb74d;background-color:#ff980026;border:1px solid #ff980040}.dark .status-select-badge.order-status-delivered{color:#81c784;background-color:#10b98126;border:1px solid #10b98140}.dark .status-select-badge.order-status-cancelled{color:#e57373;background-color:#ef444426;border:1px solid #ef444440}.ordered-items-card-modern{z-index:2;background-color:#fff;border-radius:20px;display:flex;position:relative;overflow:hidden;box-shadow:none!important;border:none!important}.dark .ordered-items-card-modern{background-color:#1e1e24;border:none!important}.ordered-items-left-side{flex:1.8;padding:20px 24px}.items-list-modern{flex-direction:column;gap:12px;display:flex}.item-row-modern{align-items:center;gap:16px;padding:8px 0;display:flex}.item-img-container{border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;padding:6px;display:flex;overflow:hidden}.item-img-modern{-o-object-fit:contain;object-fit:contain;border-radius:8px;width:100%;height:100%}.item-details-modern{flex-direction:column;flex-grow:1;gap:4px;display:flex}.item-name-modern{color:#1a1a1a;font-size:15px;font-weight:800}.dark .item-name-modern{color:#fff}.item-qty-modern{color:#8e8e93;font-size:13px;font-weight:500}.item-total-price-modern{color:#1a1a1a;text-align:right;min-width:100px;font-size:16px;font-weight:800}.dark .item-total-price-modern{color:#fff}.item-divider{border-top-style:dotted;margin:6px 0}.vertical-dashed-line-divider{z-index:4;border-right:1px dashed #cbd5e1;align-self:stretch;width:1px;margin-right:8px;position:relative}.dark .vertical-dashed-line-divider{border-right-color:#ffffff26}.ordered-items-right-side-receipt{z-index:2;background-color:#fffbf7;flex-direction:column;flex:1.2;justify-content:center;padding:20px 24px;display:flex;position:relative}.dark .ordered-items-right-side-receipt{background-color:#17171c}.ordered-items-right-side-receipt:before{content:"";z-index:3;background-image:radial-gradient(circle,#0000 4px,#fffbf7 4.5px);background-position:0 0;background-repeat:repeat-y;background-size:8px 12px;width:8px;position:absolute;top:0;bottom:0;left:-8px}.dark .ordered-items-right-side-receipt:before{background-image:radial-gradient(circle,#0000 4px,#17171c 4.5px)}.receipt-content-wrapper{z-index:2;flex-direction:column;gap:16px;display:flex;position:relative}.receipt-watermark{opacity:.03;color:#ff5c00;pointer-events:none;position:absolute;bottom:12px;right:12px;transform:rotate(-12deg)}.dark .receipt-watermark{opacity:.05}.receipt-row{justify-content:space-between;align-items:center;display:flex}.receipt-row.discount{color:#ef4444}.receipt-label{color:#8e8e93;font-size:14px;font-weight:500}.receipt-val{color:#1a1a1a;font-size:15px;font-weight:700}.dark .receipt-val{color:#fff}.receipt-divider{border-top-style:dashed;margin:12px 0}.grand-total-row{align-items:center}.receipt-label-total{color:#1a1a1a;font-size:16px;font-weight:800}.dark .receipt-label-total{color:#fff}.receipt-val-total{color:#ff5c00;font-size:24px;font-weight:800}.dark .receipt-val-total{color:#ff8c42}@media (width<=1024px){.details-grid-row{grid-template-columns:1fr}.ordered-items-card-modern{flex-direction:column}.vertical-dashed-line-divider{border-bottom:1px dashed #ececec;border-right:none;width:100%;height:1px}.ordered-items-right-side-receipt:before{background-image:radial-gradient(circle,#0000 4px,#fffbf7 4.5px);background-repeat:repeat-x;background-size:12px 8px;width:100%;height:8px;inset:-8px 0 auto}.dark .ordered-items-right-side-receipt:before{background-image:radial-gradient(circle,#0000 4px,#17171c 4.5px)}}.modal-overlay{z-index:2000;background:#000000bf;position:fixed;inset:0}.modal-container{z-index:2001;border-radius:var(--radius-xl);background:#1e293b;border:1px solid #ffffff1a;width:90%;max-width:500px;padding:32px;position:fixed;top:50%;left:50%;box-shadow:0 25px 70px -12px #000c;transform:translate(-50%,-50%)!important}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.modal-body{flex-direction:column;gap:20px;display:flex}.modal-input-group{flex-direction:column;gap:8px;display:flex}.modal-input-group label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.modal-input-group input,.modal-input-group select{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition);background:#ffffff0d;padding:12px 16px}.modal-input-group input:focus{border-color:var(--primary);background:#ffffff14}.modal-footer{gap:12px;margin-top:10px;display:flex}.modal-footer button{border-radius:var(--radius-md);flex:1;padding:12px;font-weight:700}.cancel-btn{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0d}.confirm-btn{background:var(--primary);color:#fff}.table-management-controls{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.filter-section{flex-direction:column;gap:.75rem;display:flex}.section-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:flex}.location-chips{scrollbar-width:none;gap:.75rem;padding:.25rem 0;display:flex;overflow-x:auto}.location-chips::-webkit-scrollbar{display:none}.area-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:99px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.area-chip:hover{background:var(--border);border-color:var(--border);color:var(--text-primary)}.area-chip.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.control-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.search-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;flex:1;align-items:center;gap:.75rem;min-width:200px;max-width:300px;padding:.6rem 1rem;display:flex}.search-wrapper input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.search-wrapper svg{color:#64748b}.status-filter-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;align-items:center;min-width:150px;padding:.6rem 1rem;display:flex;position:relative}.status-filter-wrapper select{appearance:none;color:#fff;cursor:pointer;background:0 0;border:none;outline:none;width:100%;font-size:.9rem;font-weight:600}.status-filter-wrapper svg{color:#64748b;pointer-events:none;position:absolute;right:1rem}.primary-actions{gap:.75rem;margin-left:auto;display:flex}.add-btn{cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.add-btn.primary{color:#fff;background:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.add-btn.primary:hover{background:#2563eb;transform:translateY(-2px)}.add-btn.secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.add-btn.secondary:hover{background:var(--border);border-color:var(--border)}.tables-visual-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.table-node{flex-direction:column;gap:20px;padding:24px;display:flex;position:relative}.table-header{justify-content:space-between;align-items:center;display:flex}.table-id{color:var(--text-primary);font-size:1.25rem;font-weight:800}.table-visual{justify-content:center;align-items:center;height:120px;display:flex;position:relative}.table-shape{background:var(--bg-darker);z-index:2;border:4px solid;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.users-icon{color:var(--text-muted)}.capacity{font-size:1rem;font-weight:800}.chairs{z-index:1;width:130px;height:130px;position:absolute}.chair{background:var(--border);border:1px solid var(--border);border-radius:6px;width:20px;height:20px;position:absolute}.chair:first-child{top:-10px;left:50%;transform:translate(-50%)}.chair:nth-child(2){bottom:-10px;left:50%;transform:translate(-50%)}.chair:nth-child(3){top:50%;left:-10px;transform:translateY(-50%)}.chair:nth-child(4){top:50%;right:-10px;transform:translateY(-50%)}.chair:nth-child(5){top:10px;left:10px}.chair:nth-child(6){top:10px;right:10px}.chair:nth-child(7){bottom:10px;left:10px}.chair:nth-child(8){bottom:10px;right:10px}.table-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.location-info{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex;overflow:hidden}.waiter-info{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.occupancy-timer{background:var(--bg-darker);color:var(--text-primary);border:1px solid var(--border);border-radius:10px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.pulse{background:var(--danger);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-ring}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@media (width<=768px){.tables-controls{flex-direction:column;gap:16px}}.add-loc-trigger{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:fit-content;margin-top:4px;padding:6px 10px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.add-loc-trigger:hover{background:#6366f11a;transform:translate(2px)}.custom-location-input{align-items:center;gap:10px;margin-top:4px;animation:.3s fadeIn;display:flex}.custom-location-input input{flex:1}.cancel-custom-btn{background:var(--border);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.cancel-custom-btn:hover{color:var(--danger);border-color:var(--danger);background:#ef44441a}.input-with-icon{position:relative}.input-with-icon .inner-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon input{padding-left:38px!important}.select-with-add select{width:100%}.locations-checkbox-grid{border:1px solid var(--border);background:var(--bg-darker);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:160px;margin-bottom:4px;padding:14px;display:grid;overflow-y:auto;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.checkbox-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;transition:all .2s;display:flex}.checkbox-item:hover{background:var(--border)}.checkbox-item input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--primary);flex-shrink:0}.checkbox-item span{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.checkbox-item:has(input:checked) span{color:var(--text-primary);font-weight:600}.premium-btn.secondary{background:var(--border);border:1px solid var(--border);color:var(--text-primary)}.premium-btn.secondary:hover{background:var(--border);border-color:var(--primary)}.locations-management{padding:24px}.location-list-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.location-list-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:700}.locations-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.location-card{border-radius:16px;justify-content:space-between;align-items:center;padding:20px;transition:all .3s;display:flex}.location-card:hover{border-color:var(--primary);background:var(--border);transform:translateY(-4px)}.loc-main{align-items:center;gap:16px;display:flex}.loc-actions{align-items:center;gap:8px;display:flex}.loc-icon-bg{background:rgba(var(--primary-rgb), .1);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.loc-details h4{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:600}.loc-details span{color:var(--text-muted);font-size:.813rem}.premium-btn.sm{padding:8px 16px;font-size:.813rem}.modal-container{background:var(--bg-dark)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-premium)!important}.modal-header h3{background:linear-gradient(135deg,#818cf8,#c084fc)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}.modal-input-group label{color:var(--text-muted)!important}.modal-input-group input,.modal-input-group select{background:var(--bg-darker)!important;border:1px solid var(--border)!important}.modal-input-group input:focus{border-color:#6366f1!important}.booking-badge{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:4px;align-items:center;gap:4px;margin-top:.5rem;padding:2px 6px;font-size:.65rem;display:flex}.status-select-pill{border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.status-select-pill select{color:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;padding-right:4px}.booking-badge.pending{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf633}.waiters-page{flex-direction:column;gap:32px;padding:24px;display:flex}.page-header{border:1px solid var(--border-color);border-radius:20px;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.header-text p{color:var(--text-muted);margin:4px 0 0}.header-actions{align-items:center;gap:16px;display:flex}.search-wrapper{width:300px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-wrapper input{border:1px solid var(--border-color);background:var(--bg-darker);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:10px 16px 10px 40px;transition:all .2s}.search-wrapper input:focus{border-color:#fa5b00;box-shadow:0 0 0 3px #fa5b001a}.add-btn{color:#fff;cursor:pointer;background:#fa5b00;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .2s;display:flex}.add-btn:hover{background:#e65300;transform:translateY(-2px)}.waiters-stats-row{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.mini-stat{border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:20px;padding:24px;display:flex}.stat-icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.mini-stat .info{flex-direction:column;display:flex}.mini-stat .info span{color:var(--text-muted);font-size:.875rem;font-weight:600}.mini-stat .info label{color:var(--text-primary);font-size:1.5rem;font-weight:800}.waiters-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;padding:8px;display:grid}.waiter-card-premium{background:#fff;border:1px solid #00000014;border-radius:28px;flex-direction:column;gap:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.waiter-card-premium.dark{background:#1e2532;border-color:#ffffff14;box-shadow:0 4px 20px #0003}.waiter-card-premium:hover{border-color:#fa5b004d;transform:translateY(-10px);box-shadow:0 20px 40px #00000014}.waiter-card-premium.dark:hover{box-shadow:0 20px 40px #0006}.card-actions-floating{z-index:10;gap:8px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.floating-action-btn{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.floating-action-btn.edit{color:#fa5b00;background:#fa5b001a}.floating-action-btn.delete{color:#ef4444;background:#ef44441a}.floating-action-btn:hover{transform:scale(1.1)}.floating-action-btn.edit:hover{color:#fff;background:#fa5b00}.floating-action-btn.delete:hover{color:#fff;background:#ef4444}.card-top-section{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.avatar-container-premium{background:linear-gradient(135deg,#fa5b00,#ff8e4d);border-radius:32px;width:100px;height:100px;padding:4px;position:relative}.premium-avatar-img{-o-object-fit:cover;object-fit:cover;border:4px solid #fff;border-radius:28px;width:100%;height:100%}.dark .premium-avatar-img{border-color:#1e2532}.premium-avatar-placeholder{color:#fff;background:#fff3;border:4px solid #fff;border-radius:28px;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;font-weight:800;display:flex}.dark .premium-avatar-placeholder{border-color:#1e2532}.premium-status-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;border:2px solid #fff;border-radius:20px;padding:4px 12px;font-size:.65rem;font-weight:800;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0000001a}.dark .premium-status-badge{border-color:#1e2532}.premium-status-badge.active{background:#22c55e}.premium-status-badge.inactive{background:#ef4444}.premium-status-badge.break{background:#f59e0b}.name-container h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800}.username-badge{color:var(--text-muted);background:#0000000a;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-size:.8rem;display:inline-flex}.dark .username-badge{background:#ffffff0d}.card-info-grid{flex-direction:column;gap:10px;display:flex}.info-pill-new{background:#00000005;border-radius:16px;align-items:center;gap:12px;padding:10px 16px;transition:all .2s;display:flex}.dark .info-pill-new{background:#ffffff05}.info-pill-new .icon{color:#fa5b00}.info-pill-new .text{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.info-pill-new.shift{background:#fa5b000d}.dark .info-pill-new.shift{background:#fa5b001a}.card-footer-premium{border-top:1px dashed #0000001a;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.dark .card-footer-premium{border-top-color:#ffffff1a}.footer-stat-item{flex-direction:column;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.premium-view-btn{color:#fff;cursor:pointer;background:#fa5b00;border:none;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.premium-view-btn:hover{background:#e65300;transform:translate(4px)}.waiter-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.waiter-modal-container{background:var(--bg-card);width:100%;max-width:850px;max-height:90vh;color:var(--text-primary);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0003}.dark .waiter-modal-container{color:#fff;background:#1e2532;border-color:#ffffff1a}.waiter-modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.dark .waiter-modal-header{border-bottom-color:#ffffff1a}.waiter-modal-header h2{margin:0;font-size:1.25rem;font-weight:700}.close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;transition:color .2s}.waiter-modal-form{flex-direction:column;flex:1;gap:12px;padding:20px 32px;display:flex;overflow-y:auto}.form-section{flex-direction:column;gap:8px;display:flex}.profile-upload-row{align-items:center;gap:20px;display:flex}.profile-preview-circle{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;overflow:hidden}.profile-preview-circle img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.placeholder-text{color:#fff;font-size:1.5rem;font-weight:800}.camera-badge{background:#334155;border:2px solid #1e2532;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:0;right:0}.custom-file-btn{background:var(--bg-darker);border:1px solid var(--border-color);color:var(--text-muted);text-align:left;cursor:pointer;border-radius:8px;width:100%;max-width:350px;padding:8px 12px;font-size:.8rem}.dark .custom-file-btn{color:#a0aec0;background:#2d3748;border-color:#4a5568}.dark .form-group label{color:#e2e8f0}.required{color:#fa5b00}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#fff6;position:absolute;left:12px}.input-prefix{color:#fff6;font-weight:600;position:absolute;left:12px}.input-wrapper input,.select-wrapper select,.waiter-modal-form textarea{background:var(--bg-darker);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 12px 10px 36px;font-size:.85rem;transition:all .2s}.dark .input-wrapper input,.dark .select-wrapper select,.dark .waiter-modal-form textarea{color:#fff;background:#2d3748;border-color:#4a5568}.input-wrapper input:focus,.select-wrapper select:focus,.waiter-modal-form textarea:focus{border-color:#fa5b00;box-shadow:0 0 0 2px #fa5b0033}.password-toggle{color:#fff6;cursor:pointer;background:0 0;border:none;position:absolute;right:12px}.select-wrapper select{appearance:none}.chevron-icon{pointer-events:none;color:#fff6;position:absolute;right:12px}.waiter-modal-form textarea{resize:none;padding:12px 16px}.waiter-modal-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;gap:16px;padding:16px 32px;display:flex}.dark .waiter-modal-footer{border-top-color:#ffffff1a}.cancel-btn{background:var(--bg-darker);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:10px 24px;font-weight:600}.dark .cancel-btn{color:#fff;background:#2d3748;border-color:#4a5568}.confirm-btn{color:#fff;cursor:pointer;background:#fa5b00;border:none;border-radius:10px;padding:10px 24px;font-weight:700;transition:all .2s}.confirm-btn:hover{background:#e65300;transform:scale(1.02)}.empty-state{color:var(--text-muted);text-align:center;border:2px dashed var(--border-color);background:#ffffff05;border-radius:24px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:80px;display:flex}.empty-state h3{color:var(--text-primary);margin:16px 0 8px}@media (width<=768px){.waiters-stats-row,.form-row{grid-template-columns:1fr}.header-actions{flex-direction:column;align-items:stretch}.search-wrapper{width:100%}}[dir=rtl] .waiters-page .themed-header{text-align:right}[dir=rtl] .waiters-page .search-icon{left:auto;right:12px}[dir=rtl] .waiters-page .search-wrapper input{text-align:right;padding:10px 40px 10px 16px}[dir=rtl] .card-actions-floating{left:16px;right:auto}[dir=rtl] .waiter-card-premium{text-align:right}[dir=rtl] .premium-view-btn{flex-direction:row-reverse}[dir=rtl] .waiter-modal-header{text-align:right;flex-direction:row-reverse}[dir=rtl] .profile-upload-row{flex-direction:row-reverse}[dir=rtl] .custom-file-btn{text-align:right}[dir=rtl] .input-icon,[dir=rtl] .input-prefix{left:auto;right:12px}[dir=rtl] .input-wrapper input,[dir=rtl] .select-wrapper select,[dir=rtl] .waiter-modal-form textarea{text-align:right;padding:10px 36px 10px 12px}[dir=rtl] .password-toggle,[dir=rtl] .chevron-icon{left:12px;right:auto}[dir=rtl] .waiter-modal-footer{flex-direction:row-reverse}[dir=rtl] .info-pill-new,[dir=rtl] .username-badge{flex-direction:row-reverse}[dir=rtl] .footer-stat-item{text-align:right}.deliveries-page{animation:.5s ease-out fadeIn}.deliveries-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-top:30px;display:grid}.delivery-card{flex-direction:column;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden}.delivery-header{justify-content:space-between;align-items:center;display:flex}.id-badge{color:var(--text-muted);background:var(--border);border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:800}.status-pill{text-transform:uppercase;border-radius:30px;padding:6px 12px;font-size:.75rem;font-weight:700}.status-pill.pending{color:#fbbf24;background:#f59e0b26}.status-pill.accepted{color:#60a5fa;background:#3b82f626}.status-pill.out-for-delivery{color:#34d399;background:#10b98126}.status-pill.rejected{color:#f87171;background:#ef444426}.customer-info h3{margin-bottom:8px;font-size:1.25rem;font-weight:700}.info-item{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:4px;font-size:.875rem;display:flex}.info-item.address{align-items:flex-start;margin-top:8px}.info-item.address p{flex:1;line-height:1.4}.map-link{color:var(--primary);width:24px;height:24px;transition:var(--transition);background:#6366f11a;border-radius:6px;justify-content:center;align-items:center;display:flex}.map-link:hover{background:var(--primary);color:#fff}.order-details{background:var(--bg-darker);border:1px solid var(--border);border-radius:12px;padding:16px}.items-list{color:var(--text-primary);margin-bottom:12px;font-weight:600}.order-meta{justify-content:space-between;align-items:center;display:flex}.total-price{color:var(--success);font-size:1.1rem;font-weight:800}.sent-time{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.est-time-badge{color:var(--accent);background:#f59e0b1a;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:flex}.delivery-actions{gap:12px;margin-top:auto;display:flex}.action-btn{transition:var(--transition);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.875rem;font-weight:700;display:flex}.action-btn.accept{background:var(--primary);color:#fff}.action-btn.reject{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.action-btn.message{background:var(--border);color:var(--text-primary);border:1px solid var(--border)}.action-btn.ship{background:var(--success);color:#fff}.action-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.time-input-wrapper{align-items:center;gap:12px;display:flex}.time-input-wrapper input{flex:1}.unit{color:var(--text-muted);font-weight:700}.settings-page{background-color:var(--bg-darker);color:var(--text-primary);min-height:100vh;padding:32px 48px}.settings-page svg{color:inherit}.page-header{border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);background:var(--bg-card);justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;display:flex}.header-text h1{letter-spacing:-.5px;color:var(--text-primary);margin:0;font-size:24px;font-weight:800}.export-btn{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:flex;color:#3b82f6!important}.add-btn{background:var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;display:flex;box-shadow:0 4px 12px #6366f133;color:#fff!important}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f14d}.settings-container{grid-template-columns:280px 1fr;gap:32px;display:grid}.settings-sidebar{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;gap:8px;height:fit-content;padding:16px;display:flex;position:sticky;top:32px}.settings-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.settings-nav-item:hover{background:var(--border);color:var(--text-primary)}.settings-nav-item.active{color:var(--primary);background:#6366f11a;box-shadow:inset 0 0 0 1px #6366f133}.settings-content{flex-direction:column;gap:24px;display:flex}.content-header{margin-bottom:8px}.content-header h2{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.settings-form,.security-section{flex-direction:column;gap:24px;display:flex}.settings-form{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);padding:32px}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:800}.input-field,.form-group input,.form-group textarea{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:var(--transition);outline:none;padding:12px 16px;font-size:14px;font-weight:500}.input-field:focus,.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background:var(--bg-darker);box-shadow:0 0 0 4px #6366f11a}.toggle-group{flex-direction:column;gap:16px;margin-top:8px;display:flex}.toggle-item{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.toggle-item:hover{border-color:var(--border-focus);background:var(--bg-card)}.toggle-info h4{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:700}.toggle-info p{color:var(--text-muted);margin:0;font-size:13px}.toggle-switch{background:var(--border);cursor:pointer;width:44px;height:24px;transition:var(--transition);border-radius:20px;position:relative}.toggle-switch:after{content:"";width:18px;height:18px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000001a}.toggle-switch.active{background:var(--primary)}.toggle-switch.active:after{left:23px}.security-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);padding:24px}.security-card-header{align-items:center;gap:20px;display:flex}.security-icon-wrapper{width:52px;height:52px;color:var(--primary);border-radius:var(--radius-md);background:#6366f11a;justify-content:center;align-items:center;display:flex}.security-info{flex:1}.security-info h3{color:var(--text-primary);margin:0 0 4px;font-size:17px;font-weight:700}.security-info p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.tfa-toggle{background:var(--border);border:1px solid var(--border);cursor:pointer;width:56px;height:28px;transition:var(--transition);border-radius:20px;position:relative}.tfa-toggle.active{background:var(--primary);box-shadow:0 0 20px #6366f14d}.tfa-toggle .toggle-handle{width:22px;height:22px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.tfa-toggle.active .toggle-handle{left:31px}.tfa-setup-area{border-top:1px solid var(--border);margin-top:24px;padding-top:24px;position:relative}.close-setup-btn{background:var(--bg-dark);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;transition:var(--transition);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:0;color:var(--text-muted)!important}.close-setup-btn:hover{background:#ef44441a;border-color:#ef444433;color:var(--danger)!important}.setup-steps{grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin-top:32px;display:grid}.setup-single-panel{flex-direction:column;gap:24px;margin-top:24px;display:flex}.setup-step{gap:20px;display:flex}.step-number{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 12px #6366f166}.step-content{flex:1}.step-content h4{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:700}.step-content p{color:var(--text-muted);margin:0 0 20px;font-size:14px;line-height:1.6}.qr-container{border-radius:var(--radius-lg);border:4px solid var(--border);width:fit-content;box-shadow:var(--shadow-premium);background:#fff;margin-bottom:20px;padding:16px;display:block}.qr-container img{width:140px;height:140px;display:block}.manual-entry span{color:var(--text-muted);margin-bottom:8px;font-size:12px;display:block}.manual-entry code{background:var(--bg-dark);border-radius:var(--radius-md);color:var(--primary);border:1px solid var(--border);text-overflow:ellipsis;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex;overflow:hidden}.copy-icon{cursor:pointer;opacity:.6;transition:all .2s}.copy-icon:hover{opacity:1;color:var(--primary)}.otp-input-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.otp-input{letter-spacing:12px;text-align:center;border-radius:var(--radius-lg);width:100%;transition:var(--transition);font-size:32px;font-weight:800;background:var(--bg-dark)!important;border:2px solid var(--border)!important;color:var(--text-primary)!important;padding:20px!important}.otp-input:focus{box-shadow:0 0 0 4px #6366f11a;border-color:var(--primary)!important;background:var(--bg-darker)!important}.secondary-btn{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex;color:var(--text-primary)!important}.secondary-btn:hover{background:var(--bg-card);border-color:var(--border-focus)}.danger-btn{background:var(--danger);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:12px 24px;font-size:14px;font-weight:700;box-shadow:0 4px 12px #ef444433;color:#fff!important}.danger-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #ef44444d}.success-banner{color:var(--success);border-radius:var(--radius-lg);background:#10b9811a;border:1px solid #10b98133;margin-top:16px;padding:16px 24px;font-size:14px;font-weight:600}.alert-box{border-radius:var(--radius-lg);color:var(--danger);background:#ef444414;border:1px solid #ef444433;gap:16px;padding:20px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.backup-codes-view{text-align:center;max-width:560px;margin:0 auto}.setup-step-header{flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;display:flex}.step-icon.success{width:56px;height:56px;color:var(--success)}.backup-codes-grid{grid-template-columns:1fr 1fr;gap:16px;margin:32px 0;display:grid}.backup-code{background:var(--bg-dark);border-radius:var(--radius-md);letter-spacing:1px;color:var(--primary);border:1px solid var(--border);padding:16px;font-family:JetBrains Mono,monospace;font-weight:700}.backup-actions{justify-content:center;gap:16px;margin-top:16px;display:flex}.spin{animation:1s linear infinite spin}@media (width<=1024px){.settings-container{grid-template-columns:1fr}.settings-sidebar{position:static}}@media (width<=768px){.settings-page{padding:24px}.form-row,.setup-steps{grid-template-columns:1fr}}[dir=rtl] .settings-nav-item{text-align:right;justify-content:flex-start}[dir=rtl] .content-header,[dir=rtl] .settings-form,[dir=rtl] .form-group label,[dir=rtl] .input-field,[dir=rtl] .form-group input,[dir=rtl] .form-group textarea,[dir=rtl] .toggle-info,[dir=rtl] .security-card-header,[dir=rtl] .security-info,[dir=rtl] .tfa-setup-area{text-align:right}[dir=rtl] .close-setup-btn{left:16px;right:auto}[dir=rtl] .setup-step,[dir=rtl] .step-content p{text-align:right}[dir=rtl] .otp-input{letter-spacing:12px;direction:ltr}[dir=rtl] .alert-box{text-align:right}[dir=rtl] .backup-codes-view{text-align:center}[dir=rtl] .backup-actions{justify-content:center}[dir=rtl] .currency-card-option{text-align:right;flex-direction:row-reverse}[dir=rtl] .active-badge{left:12px;right:auto}[dir=rtl] .manual-entry code{flex-direction:row-reverse}.currency-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:24px;display:grid}.currency-card-option{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;align-items:center;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.currency-card-option:hover{border-color:var(--primary);background:#fa5b000d;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.currency-card-option.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);background:#fa5b001a}.currency-flag-wrapper{background:var(--bg-dark);border:1px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.currency-flag-wrapper img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.currency-info{flex-direction:column;gap:2px;display:flex}.currency-name{color:var(--text-primary);font-size:15px;font-weight:700}.currency-symbol{color:var(--text-muted);font-size:13px}.active-badge{color:var(--primary);position:absolute;top:12px;right:12px}.currency-card-option.dark{background:#ffffff05}.currency-card-option.dark:hover{background:#fa5b0014}.settings-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings-modal-card{text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;padding:40px;display:flex;box-shadow:0 20px 40px #0003}.settings-modal-card.dark{background:#1a1a1a;border:1px solid #333}.modal-success-icon{background:#0082351a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;display:flex}.settings-modal-card h3{color:var(--text-primary);margin:0;font-size:24px;font-weight:800}.settings-modal-card p{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.5}.gradient-btn{cursor:pointer;background:linear-gradient(135deg,#008235 0%,#00a342 100%);border:none;border-radius:12px;width:100%;margin-top:12px;padding:12px 32px;font-size:16px;font-weight:700;transition:all .3s;color:#fff!important}.gradient-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0082354d}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-toggle-btn{color:var(--text-muted);cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:var(--primary);transform:scale(1.1)}[dir=rtl] .password-toggle-btn{left:12px;right:auto}.page-header{scroll-margin-top:120px}.inline-form-container{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;margin-bottom:32px;scroll-margin-top:120px;position:relative;overflow:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.product-form-content{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.product-form-content{grid-template-columns:1fr}}.form-column{flex-direction:column;gap:16px;display:flex}.upload-area-wrapper{background:var(--bg-darker);border:1px dashed var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:200px;transition:all .2s;display:flex;position:relative;overflow:hidden}.upload-area-wrapper:hover{background:#ffffff0a;border-color:#4f46e5}.upload-area-wrapper img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.input-field,.select-field{width:100%;color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:14px 18px;font-size:13px;transition:border-color .2s}.input-field:focus,.select-field:focus{border-color:#4f46e5}.variations-section-lite{background:var(--bg-dark);border:2px dashed #fa5b004d;border-radius:12px;margin-top:12px;padding:20px}.variations-header-lite{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.variations-header-lite label{color:var(--text-primary);font-size:14px;font-weight:600}.manage-lite-btn{color:#fa5b00;cursor:pointer;background:#fa5b0026;border:1px solid #fa5b004d;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.manage-lite-btn:hover{color:#fff;background:#fa5b00;transform:translateY(-1px);box-shadow:0 4px 12px #fa5b0033}.variation-tags-lite{flex-wrap:wrap;gap:12px;display:flex}.mini-tag{color:#fa5b00;background:#fa5b001a;border:1px solid #fa5b004d;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:600;display:flex}.mini-tag img{-o-object-fit:cover;object-fit:cover;border:1px solid #fa5b0033;border-radius:50%;width:24px;height:24px}.remove-tag-btn{color:#fa5b0099;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:2px;padding:2px;transition:all .2s;display:flex}.remove-tag-btn:hover{color:#fa5b00;background:#fa5b0033}.no-vars{color:var(--text-muted);font-size:13px;font-style:italic}.cat-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0;justify-content:flex-end;gap:16px;padding:16px 32px;display:flex}.modal-btn-save:hover{background:#4338ca;transform:translateY(-1px)}.bulk-action-bar{background:var(--bg-dark);border:1px solid var(--border);box-shadow:none;z-index:1000;border-radius:100px;align-items:center;gap:24px;padding:12px 24px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.selection-info{border-right:1px solid var(--border);align-items:center;gap:12px;padding-right:24px;display:flex}.selection-count{color:#fff;background:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.bulk-actions{gap:12px;display:flex}.bulk-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.bulk-btn:hover{background:#ffffff1a}.bulk-btn.delete:hover{background:#ef4444;border-color:#ef4444}.split-variant{background:#fff!important;border-radius:16px!important;flex-direction:column!important;max-width:960px!important;display:flex!important;overflow:hidden!important;box-shadow:0 20px 40px #0000001a!important}.dark .split-variant{background:#1e1e2d!important;border-color:#ffffff1a!important}.split-modal-header{background:#fff;border-bottom:1px solid #f0f0f5;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.dark .split-modal-header{background:#1e1e2d;border-color:#ffffff0d}.split-header-left{align-items:center;gap:16px;display:flex}.header-icon-box{color:#fa5b00;background:#fff0e6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.dark .header-icon-box{background:#fa5b001a}.split-header-left h2{color:#111827;margin:0 0 4px;font-size:20px;font-weight:700}.dark .split-header-left h2{color:#fff}.split-header-left p{color:#6b7280;margin:0;font-size:13px}.split-close-btn{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.dark .split-close-btn{color:#9ca3af;border-color:#ffffff1a}.split-close-btn:hover{color:#111827;background:#f3f4f6}.dark .split-close-btn:hover{color:#fff;background:#ffffff0d}.split-modal-body{height:480px;display:flex}.split-sidebar{background:#fafafa;border-right:1px solid #f0f0f5;width:300px;padding:24px;overflow-y:auto}.dark .split-sidebar{background:#1a1a27;border-color:#ffffff0d}.split-sidebar-item{cursor:pointer;background:#fff;border:1px solid #f0f0f5;border-radius:12px;align-items:center;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.dark .split-sidebar-item{background:#1e1e2d;border-color:#ffffff0d}.split-sidebar-item:hover{border-color:#d1d5db}.split-sidebar-item.active{background:#fff0e6;border-color:#ffc4a3;box-shadow:0 4px 12px #fa5b000d}.dark .split-sidebar-item.active{background:#fa5b000d;border-color:#fa5b004d}.split-checkbox{color:#fff;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:14px;transition:all .2s;display:flex}.dark .split-checkbox{border-color:#fff3}.split-checkbox.checked{background:#fa5b00;border-color:#fa5b00}.split-item-info{flex-direction:column;flex:1;display:flex}.split-item-name{color:#111827;margin-bottom:2px;font-size:14px;font-weight:700}.dark .split-item-name{color:#fff}.split-item-meta{color:#6b7280;font-size:12px}.split-item-chevron{color:#9ca3af;margin-left:12px}.split-sidebar-item.active .split-item-chevron{color:#fa5b00}.split-content{background:#fff;flex:1;padding:32px;overflow-y:auto}.dark .split-content{background:#1e1e2d}.split-content-inner{flex-direction:column;display:flex}.split-content-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.split-content-title h3{color:#111827;margin:0 0 8px;font-size:20px;font-weight:700}.dark .split-content-title h3{color:#fff}.split-badges{align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.badge-type{color:#fa5b00;background:#fff0e6;border-radius:6px;padding:4px 8px}.dark .badge-type{background:#fa5b001a}.badge-req{color:#6b7280}.split-collapse-btn{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.dark .split-collapse-btn{color:#9ca3af;border-color:#ffffff1a}.split-content-desc{color:#6b7280;margin:0 0 24px;font-size:13px}.split-options-table{flex-direction:column;display:flex}.split-table-header{color:#4b5563;border-bottom:1px solid #f0f0f5;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;font-size:13px;font-weight:700;display:flex}.dark .split-table-header{color:#9ca3af;border-color:#ffffff0d}.col-option{margin-left:60px}.col-price{align-items:center;gap:6px;display:flex}.info-icon{color:#9ca3af}.split-options-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.split-option-row{background:#fff;border:1px solid #f0f0f5;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dark .split-option-row{background:#1a1a27;border-color:#ffffff0d}.split-opt-left{align-items:center;gap:16px;display:flex}.drag-handle{color:#d1d5db;cursor:grab;display:flex}.dark .drag-handle{color:#fff3}.split-opt-thumb{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;width:40px;height:40px;overflow:hidden}.dark .split-opt-thumb{background:#2a2a3c;border-color:#ffffff1a}.split-opt-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.placeholder-thumb{color:#9ca3af;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.split-opt-name{color:#111827;font-size:14px;font-weight:600}.dark .split-opt-name{color:#fff}.split-opt-right{align-items:center;gap:12px;display:flex}.price-input-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100px;overflow:hidden}.dark .price-input-wrapper{background:#1e1e2d;border-color:#ffffff1a}.split-price-input{text-align:right;color:#111827;background:0 0;border:none;outline:none;width:100%;padding:8px 12px;font-size:14px}.dark .split-price-input{color:#fff}.split-delete-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.dark .split-delete-btn{color:#9ca3af;background:#1e1e2d;border-color:#ffffff1a}.split-delete-btn:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.split-add-btn{color:#fa5b00;cursor:pointer;background:#fa5b000d;border:1px dashed #fa5b0066;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.split-add-btn:hover{background:#fa5b001a;border-color:#fa5b00}.no-active-group{color:#9ca3af;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}.split-banner-wrap{background:#fff;padding:24px 32px 0}.dark .split-banner-wrap{background:#1e1e2d}.split-banner{background:#fff0e6;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.dark .split-banner{background:#fa5b001a}.banner-icon-bg{color:#fa5b00;background:#fa5b0026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.banner-content{text-align:center;flex:1}.banner-content strong{color:#111827;margin-bottom:2px;font-size:14px;display:block}.dark .banner-content strong{color:#fff}.banner-content p{color:#6b7280;margin:0;font-size:12px}.banner-close{color:#9ca3af;cursor:pointer;background:0 0;border:none}.split-modal-footer{background:#fff;border-top:1px solid #f0f0f5;justify-content:space-between;align-items:center;margin-top:24px;padding:20px 32px;display:flex}.dark .split-modal-footer{background:#1e1e2d;border-color:#ffffff0d}.footer-left{color:#6b7280;align-items:center;gap:8px;font-size:13px;display:flex}.footer-tag{color:#9ca3af}.footer-right{gap:12px;display:flex}.split-btn-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.dark .split-btn-cancel{color:#fff;background:#1a1a27;border-color:#ffffff1a}.split-btn-done{color:#fff;cursor:pointer;background:#fa5b00;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600}.split-btn-done:hover{background:#e05200}.shimmer{background:linear-gradient(90deg, var(--bg-dark) 25%, var(--bg-card) 50%, var(--bg-dark) 75%);background-size:200% 100%;animation:1.5s linear infinite shimmer}.skeleton-card{height:280px;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:24px!important;display:flex!important}.skeleton-img{border-radius:50%;width:110px;height:110px;margin-bottom:16px}.skeleton-title{border-radius:6px;width:70%;height:20px;margin-bottom:24px}.skeleton-divider{background:var(--border);width:100%;height:1px;margin-bottom:16px}.skeleton-price{border-radius:6px;width:40%;height:24px}.skeleton-row td{border-bottom:1px solid var(--border);padding:16px!important}.skeleton-checkbox{border-radius:4px;width:16px;height:16px}.skeleton-list-img{border-radius:50%;width:56px;height:56px}.skeleton-text{border-radius:4px;width:100%;height:16px}.skeleton-text.short{width:50%}.skeleton-tags{border-radius:6px;width:80%;height:24px}.skeleton-badge{border-radius:12px;width:60px;height:24px}.skeleton-actions{border-radius:6px;width:30px;height:30px;margin-left:auto}[dir=rtl] .cat-status-badge{left:auto;right:12px}[dir=rtl] .more-options{left:12px;right:auto}[dir=rtl] .header-actions,[dir=rtl] .cat-modal-footer{flex-direction:row-reverse}[dir=rtl] .selection-info{border-right:none;border-left:1px solid var(--border);padding-left:24px;padding-right:0}[dir=rtl] .bulk-actions{flex-direction:row-reverse}[dir=rtl] .price-input-wrap input{text-align:left}[dir=rtl] .group-row{flex-direction:row-reverse}[dir=rtl] .group-name-info{text-align:right}.delete-confirm-card{text-align:center;max-width:400px!important}.delete-confirm-content{flex-direction:column;align-items:center;gap:20px;padding:40px 32px;display:flex}.delete-confirm-content h3{margin:0;font-size:1.25rem;font-weight:700}.delete-confirm-actions .modal-btn{flex:1}.product-grid-card{text-align:center!important;background:#fff!important;border:1px solid #ececec!important;border-radius:24px!important;flex-direction:column!important;align-items:stretch!important;padding:16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:relative!important}.product-grid-card:hover{box-shadow:none!important;border-color:#ececec!important;transform:none!important}.dark .product-grid-card:hover{border-color:var(--border)!important}.dark .product-grid-card{background:var(--bg-card)!important;border-color:var(--border)!important}.product-grid-card .order-card-header-row{border-bottom:none!important;flex-direction:column!important;align-items:center!important;gap:12px!important;padding:12px 0 4px!important}.product-grid-card .order-grid-image-container{width:120px!important;height:120px!important;box-shadow:none!important;border:4px solid #fff!important;border-radius:50%!important;flex-shrink:0!important;margin:0 auto!important;transition:border-color .3s!important;overflow:hidden!important}.product-grid-card:hover .order-grid-image-container{border-color:#fff!important}.dark .product-grid-card .order-grid-image-container{border-color:var(--border)!important;box-shadow:none!important}.dark .product-grid-card:hover .order-grid-image-container{border-color:var(--border)!important}.product-grid-card .product-card-banner-img{will-change:transform;-o-object-fit:cover!important;object-fit:cover!important;border-radius:50%!important;width:100%!important;height:100%!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.product-grid-card:hover .product-card-banner-img{transform:scale(1.15)!important}.product-grid-card .order-card-header-info{text-align:center!important;align-items:center!important;gap:8px!important;width:100%!important}.product-grid-card .order-header-top-meta{justify-content:center!important;gap:8px!important;width:100%!important}.product-grid-card .item-qty-title{color:var(--text-primary)!important;white-space:normal!important;-webkit-line-clamp:2!important;text-overflow:ellipsis!important;text-align:center!important;-webkit-box-orient:vertical!important;max-width:100%!important;font-size:17px!important;font-weight:800!important;line-height:1.3!important;display:-webkit-box!important;overflow:hidden!important}.product-grid-card .order-grid-content{gap:12px!important;padding:8px 0 0!important}.product-grid-card .customer-info-row{justify-content:center!important;gap:8px!important}.product-grid-card .customer-info-pill{padding:4px 10px!important;font-size:12px!important}.product-grid-card .product-card-description{text-align:center!important;padding:0 4px!important;font-size:12.5px!important}.product-grid-card .order-meta-row{border-top:1px solid #f0f0f2!important;border-bottom:none!important;justify-content:space-between!important;align-items:center!important;margin-top:8px!important;padding:12px 0 0!important}.dark .product-grid-card .order-meta-row{border-top-color:var(--border)!important}.product-grid-card .order-actions-row{gap:8px!important;margin-top:8px!important}.product-grid-card .grid-action-btn.view-detail{color:#1a73e8!important;cursor:pointer!important;background:#e8f0fe!important;border:1px solid #d2e3fc!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;transition:all .2s!important;display:inline-flex!important}.product-grid-card .grid-action-btn.view-detail:hover{color:#fff!important;background:#1a73e8!important}.dark .product-grid-card .grid-action-btn.view-detail{color:#60a5fa!important;background:#3b82f61a!important;border-color:#3b82f633!important}.dark .product-grid-card .grid-action-btn.view-detail:hover{color:#fff!important;background:#3b82f6!important}.category-page{background-color:var(--bg-darker);color:var(--text-primary);min-height:100vh;padding:32px 48px}.category-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:24px;margin-top:8px;display:grid}@media (width<=550px){.category-grid{grid-template-columns:1fr}}.category-card{background:#fff;border:1px solid #ececec;border-radius:24px;flex-direction:column;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 20px #00000005}.dark .category-card{box-shadow:none;background:var(--bg-card)!important;border-color:var(--border)!important}.category-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 12px 30px #0000000f}.dark .category-card:hover{box-shadow:none;border-color:var(--primary-light)!important}.cat-card-top{align-items:flex-start;gap:20px;display:flex}@media (width<=480px){.cat-card-top{text-align:center;flex-direction:column;align-items:center}}.cat-card-img-wrapper{background-color:#fff8f5;border:1px solid #f559000d;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:150px;height:150px;display:flex;overflow:hidden}.dark .cat-card-img-wrapper{background-color:#f559000d;border-color:#ffffff0d}.cat-card-img-wrapper img{-o-object-fit:contain;object-fit:contain;will-change:transform;width:100%;height:100%;padding:12px;transition:transform .5s cubic-bezier(.4,0,.2,1)}.category-card:hover .cat-card-img-wrapper img{transform:scale(1.08)}.cat-card-details{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}@media (width<=480px){.cat-card-details{align-items:center;width:100%}}.cat-card-header-row{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.cat-status-badge{border-radius:100px;align-items:center;padding:4px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.cat-status-badge.active{color:#00b050;background:#e8f8f0}.dark .cat-status-badge.active{color:#34d399;background:#10b98126}.cat-status-badge.inactive{color:#6b7280;background:#f3f4f6}.dark .cat-status-badge.inactive{color:#9ca3af;background:#ffffff14}.status-dot{border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.cat-status-badge.active .status-dot{background:#00b050}.dark .cat-status-badge.active .status-dot{background:#34d399}.cat-status-badge.inactive .status-dot{background:#6b7280}.dark .cat-status-badge.inactive .status-dot{background:#9ca3af}.cat-more-options{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:all .2s;display:flex}.cat-more-options:hover{color:#111827;background:#f3f4f6}.dark .cat-more-options:hover{color:#fff;background:#ffffff0d}.cat-card-title{color:#111827;white-space:nowrap;text-overflow:ellipsis;text-align:left;border-bottom:1px solid #f3f4f6;width:80%;margin:10px 0;padding-bottom:8px;font-size:24px;font-weight:700;overflow:hidden}.dark .cat-card-title{color:#fff;border-color:#ffffff0d}@media (width<=480px){.cat-card-title{text-align:center;width:100%}}.cat-card-description{color:#4b5563;-webkit-line-clamp:2;text-align:left;-webkit-box-orient:vertical;min-height:40px;margin:4px 0 12px;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.dark .cat-card-description{color:var(--text-secondary)}@media (width<=480px){.cat-card-description{text-align:center}}.cat-card-tags{flex-wrap:wrap;gap:10px;display:flex}@media (width<=480px){.cat-card-tags{justify-content:center}}.cat-tag{color:#4b5563;background:#f9fafb;border:1px solid #f3f4f6;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.dark .cat-tag{color:var(--text-secondary);background:#ffffff08;border-color:#ffffff0d}.cat-tag.tag-slug svg{color:#f55900}.cat-tag.tag-subs svg{color:#8b5cf6}.cat-card-divider{background-color:#f3f4f6;width:100%;height:1px;margin:16px 0}.dark .cat-card-divider{background-color:#ffffff0d}.cat-card-stats-row{justify-content:space-between;align-items:center;width:100%;padding:4px 0;display:flex}.cat-stat-col{flex:1;align-items:center;gap:12px;display:flex}.cat-stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cat-stat-icon-wrapper.items-icon{color:#f55900;background-color:#fff0e6}.dark .cat-stat-icon-wrapper.items-icon{color:#ff8c42;background-color:#f559001f}.cat-stat-icon-wrapper.subs-icon{color:#8b5cf6;background-color:#f3e8ff}.dark .cat-stat-icon-wrapper.subs-icon{color:#a78bfa;background-color:#8b5cf61f}.cat-stat-icon-wrapper.status-icon{color:#00b050;background-color:#e8f8f0}.dark .cat-stat-icon-wrapper.status-icon{color:#34d399;background-color:#10b9811f}.cat-stat-text{flex-direction:column;gap:2px;display:flex}.cat-stat-label{color:#8e8e93;font-size:11.5px;font-weight:500}.cat-stat-value{font-size:16px;font-weight:700}.cat-stat-value.items-value{color:#f55900}.dark .cat-stat-value.items-value{color:#ff8c42}.cat-stat-value.subs-value{color:#8b5cf6}.dark .cat-stat-value.subs-value{color:#a78bfa}.cat-stat-value.status-value.active{color:#00b050}.dark .cat-stat-value.status-value.active{color:#34d399}.cat-stat-value.status-value.inactive{color:#6b7280}.dark .cat-stat-value.status-value.inactive{color:#9ca3af}.cat-stat-divider{background-color:#e5e7eb;width:1px;height:32px;margin:0 16px}.dark .cat-stat-divider{background-color:#ffffff0d}.cat-card-actions-row{gap:12px;width:100%;display:flex}.cat-action-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 0;font-size:14px;font-weight:600;transition:all .2s;display:flex}.cat-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000008}.cat-action-btn.edit-btn{color:#f55900;background-color:#fff0e6;border-color:#ffe4cc}.cat-action-btn.edit-btn:hover{color:#fff;background-color:#f55900;border-color:#f55900}.cat-action-btn.hide-btn{color:#4f46e5;background-color:#eef2ff;border-color:#e0e7ff}.cat-action-btn.hide-btn:hover{color:#fff;background-color:#4f46e5;border-color:#4f46e5}.cat-action-btn.delete-btn{color:#00b050;background-color:#eaf8f0;border-color:#d1f7db}.cat-action-btn.delete-btn:hover{color:#fff;background-color:#00b050;border-color:#00b050}.dropdown-menu{min-width:120px;overflow:hidden;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important}.category-page .add-btn{color:#fff!important;background-color:#f55900!important}.category-page .add-btn:hover{background-color:#d44d00!important}.category-page .modal-btn-save{color:#fff!important;background-color:#f55900!important}.category-page .modal-btn-save:hover{background-color:#d44d00!important}.category-page .form-header-inline h2{background:linear-gradient(135deg,#f55900 0%,#ff7a29 100%)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important}.category-page .input-field:focus,.category-page .select-field:focus,.category-page .upload-area-wrapper:hover{border-color:#f55900!important}.category-page .checkbox-custom.checked{background-color:#f55900!important;border-color:#f55900!important}.category-page .bulk-action-bar{border-color:#f559004d!important}.category-page .selection-count{background-color:#f55900!important}.category-page .bulk-btn:hover{color:#f55900!important}.category-page .search-icon-right{color:#f55900!important;stroke:#f55900!important}.category-page .cat-search-wrapper:focus-within{border-color:#f55900!important}.category-page .inline-form-wrapper{padding:40px 48px!important}.category-page .product-form-content{gap:32px 48px!important}.category-page .form-column{gap:24px!important}.category-page .form-group label{display:block;margin-bottom:10px!important}.category-page .upload-area-wrapper{margin-bottom:8px!important}.category-page .product-form-content .form-column:last-child{padding-top:14px!important}.category-page .status-toggle-wrapper{background:#ffffff0a!important;border:1px solid #ffffff1a!important}.dark .category-page .status-toggle-wrapper{background:var(--bg-darker)!important;border-color:var(--border)!important}.category-page .status-toggle-group{justify-content:flex-end!important;margin-left:35rem!important;display:flex!important}.media-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.media-modal-container{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;flex-direction:column;width:100%;max-width:900px;height:85vh;display:flex;overflow:hidden;box-shadow:none!important}.media-modal-header{border-bottom:1px solid var(--border);background:var(--bg-darker);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.header-title-section h2{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.header-title-section p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.close-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;width:40px;height:40px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.close-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.media-modal-tabs{border-bottom:1px solid var(--border);background:var(--bg-darker);gap:32px;padding:0 32px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:10px;padding:16px 8px;font-size:15px;font-weight:600;display:flex;position:relative}.tab-btn.active{color:var(--primary)}.tab-btn.active:after{content:"";background:var(--primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.media-modal-content{background:var(--bg-card);flex:1;padding:32px;overflow-y:auto}.media-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;display:grid}.media-item{aspect-ratio:1;cursor:pointer;border:1px solid var(--border);transition:var(--transition);background:var(--bg-darker);border-radius:16px;position:relative;overflow:hidden}.media-item:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:none!important}.media-item.selected{border-color:var(--primary);border-width:2px}.media-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.media-item-overlay{opacity:0;background:linear-gradient(#0000,#000c);flex-direction:column;justify-content:flex-end;padding:12px;transition:opacity .2s;display:flex;position:absolute;inset:0}.media-item:hover .media-item-overlay{opacity:1}.file-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.selected-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:10px;left:10px}.delete-media-btn{background:var(--danger);color:#fff;cursor:pointer;opacity:0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.media-item:hover .delete-media-btn{opacity:1}.media-upload-pane{justify-content:center;align-items:center;height:100%;display:flex}.upload-dropzone{aspect-ratio:16/9;border:2px dashed var(--border);cursor:pointer;width:100%;max-width:550px;transition:var(--transition);background:var(--bg-darker);border-radius:24px;justify-content:center;align-items:center;display:flex}.upload-dropzone:hover{border-color:var(--primary);background:var(--bg-card);transform:scale(1.02)}.dropzone-content{text-align:center}.upload-icon-circle{background:var(--bg-card);width:70px;height:70px;color:var(--primary);box-shadow:none;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.dropzone-content h3{color:var(--text-primary);margin:0 0 8px;font-size:20px}.dropzone-content p{color:var(--text-muted);margin:0;font-size:14px}.media-modal-footer{border-top:1px solid var(--border);background:var(--bg-darker);justify-content:flex-end;gap:16px;padding:24px 32px;display:flex}.footer-btn-cancel{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:var(--transition);border-radius:12px;padding:12px 28px;font-weight:600}.footer-btn-cancel:hover{border-color:var(--primary);color:var(--primary)}.footer-btn-select{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:12px;padding:12px 36px;font-weight:700}.footer-btn-select:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px)}.footer-btn-select:disabled{opacity:.5;cursor:not-allowed}.animate-spin{animation:1s linear infinite spin}.media-empty-state,.media-loading-state{height:400px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.media-empty-state button{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:10px;padding:10px 24px;font-weight:600}.media-empty-state button:hover{background:var(--primary-dark)}.banner-page-redesigned{min-height:100vh}.banner-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:8px;display:grid}.banner-grid-card{background:#fff!important;border:1px solid #ececec!important;border-radius:24px!important;flex-direction:column!important;align-items:stretch!important;padding:16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:relative!important}.dark .banner-grid-card{background:var(--bg-card)!important;border-color:var(--border)!important;box-shadow:none!important}.banner-grid-card:hover{border-color:#e2e8f0!important}.dark .banner-grid-card:hover{border-color:var(--border)!important}.selected-grid-card{border-color:#4f46e5!important}.banner-grid-image-container{aspect-ratio:16/9;background-color:var(--bg-darker);position:relative;border:1px solid #ececec!important;border-radius:16px!important;margin-bottom:12px!important;overflow:hidden!important}.dark .banner-grid-image-container{border-color:var(--border)!important}.banner-grid-image-container img{will-change:transform;-o-object-fit:cover!important;object-fit:cover!important;width:100%!important;height:100%!important;transition:transform .6s cubic-bezier(.16,1,.3,1)!important}.banner-grid-card:hover .banner-grid-image-container img{transform:scale(1.12)!important}.banner-grid-card .banner-status-badge{pointer-events:none}.banner-page-redesigned .inline-form-wrapper{padding:40px 48px!important}.banner-page-redesigned .product-form-content{gap:32px 48px!important}.banner-page-redesigned .form-column{gap:24px!important}.banner-page-redesigned .form-group label{display:block;margin-bottom:10px!important}.banner-page-redesigned .upload-area-wrapper{margin-bottom:8px!important}.status-toggle-wrapper{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;width:max-content;min-width:180px;padding:10px 16px;transition:all .3s;display:flex}.dark .status-toggle-wrapper{background:var(--bg-darker)!important;border-color:var(--border)!important}.status-toggle-label{color:var(--text-primary);font-size:14px;font-weight:600}.switch-toggle{cursor:pointer;background-color:#e5e7eb;border:none;border-radius:100px;align-items:center;width:50px;height:26px;padding:0;transition:background-color .3s;display:flex;position:relative}.dark .switch-toggle{background-color:#ffffff1a}.switch-toggle.active{background-color:#4f46e5!important}.switch-handle{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;left:3px;box-shadow:0 2px 4px #0003}.switch-toggle.active .switch-handle{transform:translate(24px)}.banner-page-redesigned .status-toggle-group{justify-content:flex-start!important;margin-top:10px!important;display:flex!important}.banner-page-redesigned .upload-container{flex-direction:column;gap:12px;display:flex}.banner-page-redesigned .previews-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;max-height:200px;padding-right:4px;display:grid;overflow-y:auto}.banner-page-redesigned .preview-item{aspect-ratio:16/9;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;position:relative;overflow:hidden}.banner-page-redesigned .preview-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.banner-page-redesigned .remove-img{color:#fff;cursor:pointer;background:#ef4444d9;border:none;border-radius:4px;padding:3px;transition:all .2s;display:flex;position:absolute;top:4px;right:4px}.banner-page-redesigned .remove-img:hover{background:#ef4444;transform:scale(1.1)}.banner-page-redesigned .badge-existing{color:#fff;background:#10b981;border-radius:3px;padding:2px 4px;font-size:8px;font-weight:600;position:absolute;bottom:4px;left:4px}.banner-page-redesigned .previews-grid::-webkit-scrollbar{width:4px}.banner-page-redesigned .previews-grid::-webkit-scrollbar-track{background:0 0}.banner-page-redesigned .previews-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.bulk-btn.delete:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}[dir=rtl] .banner-page-redesigned .status-toggle-group{justify-content:flex-end!important}[dir=rtl] .banner-page-redesigned .badge-existing{left:auto;right:4px}.banner-page-redesigned,.banner-page-redesigned *{box-shadow:none!important}.variations-page{background-color:var(--bg-darker);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s;width:calc(100% + 80px)!important;max-width:calc(100% + 80px)!important;margin-left:-40px!important;margin-right:-40px!important;padding:12px 20px!important}.variations-page.dark{background-color:#0c0c0e}.variation-card.green{--card-gradient:linear-gradient(180deg, #f0fdf4 0%, #e6fced 100%);--accent-color:#10b981;--accent-bg:#e8faf0;--accent-hover:#059669}.variations-page.dark .variation-card.green{--card-gradient:linear-gradient(180deg, #10b98126 0%, #10b9810d 100%);--accent-bg:#10b9811f}.variation-card.blue{--card-gradient:linear-gradient(180deg, #eff6ff 0%, #e0f2fe 100%);--accent-color:#1e88e5;--accent-bg:#e3f2fd;--accent-hover:#1565c0}.variations-page.dark .variation-card.blue{--card-gradient:linear-gradient(180deg, #1e88e526 0%, #1e88e50d 100%);--accent-bg:#1e88e51f}.variation-card.purple{--card-gradient:linear-gradient(180deg, #faf5ff 0%, #f3e8ff 100%);--accent-color:#8b5cf6;--accent-bg:#f5f3ff;--accent-hover:#7c3aed}.variations-page.dark .variation-card.purple{--card-gradient:linear-gradient(180deg, #8b5cf626 0%, #8b5cf60d 100%);--accent-bg:#8b5cf61f}.variation-card.orange{--card-gradient:linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);--accent-color:#f57c00;--accent-bg:#fff3e0;--accent-hover:#e65100}.variations-page.dark .variation-card.orange{--card-gradient:linear-gradient(180deg, #f57c0026 0%, #f57c000d 100%);--accent-bg:#f57c001f}.variation-card.pink{--card-gradient:linear-gradient(180deg, #fff1f2 0%, #ffe4e6 100%);--accent-color:#d81b60;--accent-bg:#fce4ec;--accent-hover:#ad1457}.variations-page.dark .variation-card.pink{--card-gradient:linear-gradient(180deg, #d81b6026 0%, #d81b600d 100%);--accent-bg:#d81b601f}.variations-page .page-header,.variations-page .page-header.themed-header{justify-content:space-between;align-items:center;transition:all .3s;display:flex;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin-bottom:20px!important;padding:0 0 12px!important;scroll-margin-top:120px!important;overflow:visible!important}.variations-page.dark .page-header,.variations-page.dark .page-header.themed-header{box-shadow:none!important;background:0 0!important;border:none!important}.header-title-wrapper{z-index:2;align-items:center;gap:20px;display:flex}.header-icon-box{color:#7c3aed;background-color:#f5f3ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.variations-page.dark .header-icon-box{color:#a78bfa;background-color:#7c3aed26}.header-pasta-deco{-o-object-fit:contain;object-fit:contain;pointer-events:none;z-index:1;opacity:.95;height:16rem;transition:opacity .3s;position:absolute;top:-162px;right:729px}@media (width<=1100px){.header-pasta-deco{display:none}}.header-actions{z-index:2;gap:12px;display:flex}.export-btn{color:#7c3aed;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.variations-page.dark .export-btn{color:#a78bfa;border-color:#ffffff1a}.export-btn:hover{background:#f5f3ff;border-color:#c084fc}.variations-page.dark .export-btn:hover{background:#7c3aed1a}.add-btn{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.add-btn:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed40}.controls-bar{background-color:#fff;border:1px solid #00000008;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 4px 20px -2px #00000005}.variations-page.dark .controls-bar{background-color:#16161a;border-color:#ffffff0a}.variations-page .cat-search-wrapper,.variations-page.dark .cat-search-wrapper{box-shadow:none!important;background:0 0!important;border:none!important;flex:1!important;max-width:none!important;height:auto!important;padding:0!important;position:relative!important}.variations-page .cat-search-wrapper input{width:100%;height:44px;color:var(--text-primary);background-color:#fff;border-radius:50px;outline:none;padding:0 16px 0 44px;font-size:13.5px;transition:all .2s;border:1px solid #ffe4cc!important}.variations-page.dark .cat-search-wrapper input{background-color:var(--bg-card);color:#fff;border-color:#fa5b0033!important}.variations-page .cat-search-wrapper input:focus{background-color:#fff;box-shadow:0 0 0 3px #fa5b001a;border-color:#fa5b00!important}.variations-page.dark .cat-search-wrapper input:focus{background-color:var(--bg-card);border-color:#fa5b00!important}.search-icon-left{width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%);color:#fa5b00!important}.filter-actions{align-items:center;gap:12px;display:flex}.dropdown-control{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;height:42px;padding:0 16px;font-size:13px;transition:all .2s;display:flex;position:relative}.variations-page.dark .dropdown-control{color:#94a3b8;background-color:#0c0c0e;border-color:#ffffff14}.dropdown-control select{color:#1e293b;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;padding-left:4px;padding-right:18px;font-weight:700}.variations-page.dark .dropdown-control select{color:#fff}.dropdown-control select option{color:#1e293b;background-color:#fff}.variations-page.dark .dropdown-control select option{color:#fff;background-color:#16161a}.filter-icon-btn{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.variations-page.dark .filter-icon-btn{color:#94a3b8;background-color:#0c0c0e;border-color:#ffffff14}.filter-icon-btn:hover{color:#7c3aed;border-color:#7c3aed}.variation-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px;display:grid}@media (width<=1400px){.variation-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.variation-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.variation-grid{grid-template-columns:1fr}}.variation-card{background:#fff;border:1px solid #0000000a;border-radius:20px;flex-direction:column;min-height:350px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #00000005,0 2px 8px -1px #00000003}.variations-page.dark .variation-card{background:#16161a;border-color:#ffffff0a}.variation-card:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000000a}.var-card-header{background:linear-gradient(180deg, var(--accent-bg) 0%, #fff0 100%);border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom:none;justify-content:space-between;align-items:center;padding:16px 16px 14px;display:flex}.variations-page.dark .var-card-header{background:linear-gradient(180deg, var(--accent-bg) 0%, #16161a00 100%);border-bottom-color:#0000}.var-card-left-block{align-items:center;gap:12px;display:flex}.var-card-icon-box{background-color:var(--accent-bg);border:1px solid #00000005;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;transition:all .2s;display:flex;overflow:hidden}.var-card-icon-box img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.var-card-title-block h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.var-card-subtitle{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.var-card-actions{align-items:center;gap:8px;display:flex;position:relative}.more-options-btn:hover{color:var(--text-primary);background:#0000000d}.variations-page.dark .more-options-btn:hover{background:#ffffff0d}.slider{cursor:pointer;border-radius:34px;transition:all .3s;position:absolute;inset:0;background-color:#cbd5e1!important}.variations-page.dark .slider{background-color:#3f3f46!important}.slider:before{content:"";border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026;background-color:#fff!important}.switch input:checked+.slider{background-color:var(--accent-color)!important}.switch input:checked+.slider:before{transform:translate(18px)!important}.var-card-inner{background-color:#fff;border:1px solid #0000000a;border-radius:16px 16px 0 0;flex-direction:column;flex:1;margin:0 12px;padding:16px;display:flex;box-shadow:0 4px 12px #00000008,0 1px 2px #00000005}.variations-page.dark .var-card-inner{background-color:#1a1a20;border-color:#ffffff0d}.var-badges-row{gap:8px;margin-bottom:16px;display:flex}.var-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:8px;padding:4px 10px;font-size:10px;font-weight:700}.var-badge-choice{background-color:var(--accent-bg);color:var(--accent-color)}.var-badge-required{color:#ef4444;background-color:#fee2e2}.var-badge-optional{color:#64748b;background-color:#f1f5f9}.variations-page.dark .var-badge-optional{color:#94a3b8;background-color:#27272a}.var-options-list{flex-direction:column;display:flex}.var-option-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.var-option-row:last-of-type{border-bottom:none}.var-option-left{color:#334155;align-items:center;gap:10px;font-weight:500;display:flex}.variations-page.dark .var-option-left{color:#cbd5e1}.variations-page.dark .var-option-row{border-bottom-color:#ffffff0a}.var-option-icon{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;display:inline-flex}.variations-page.dark .var-option-icon{background-color:#0c0c0e;border-color:#ffffff14}.var-option-icon-img{-o-object-fit:cover;object-fit:cover;border-radius:4px;width:100%;height:100%}.var-option-price{color:var(--accent-color);font-weight:600}.var-more-pill{color:var(--accent-color);background-color:var(--accent-bg);cursor:pointer;border:1px solid #00000005;border-radius:20px;align-self:flex-start;margin-top:12px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .2s}.var-more-pill:hover{opacity:.85;transform:translateY(-.5px)}.var-card-footer{background:0 0;justify-content:space-between;align-items:center;margin-top:auto;padding:10px 16px 14px;display:flex}.footer-linked-products{color:#64748b;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.variations-page.dark .footer-linked-products,.footer-icon{color:#94a3b8}.footer-arrow{color:#94a3b8;width:14px;height:14px}.dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:140px;overflow:hidden;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.variations-page.dark .dropdown-menu{background:#1e1e24;border-color:#ffffff14}.dropdown-menu button{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:12.5px;transition:all .2s;display:flex}.variations-page.dark .dropdown-menu button{color:#cbd5e1}.dropdown-menu button:hover{color:var(--primary);background:#f8fafc}.variations-page.dark .dropdown-menu button:hover{background:#27272a}.dropdown-menu .delete-action{color:#ef4444!important}.dropdown-menu .delete-action:hover{background:#fee2e2!important}.variations-page.dark .dropdown-menu .delete-action:hover{background:#ef444426!important}.error-banner{color:#ef4444;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 20px;display:flex}.error-banner button{color:#ef4444;cursor:pointer;background:0 0;border:none;margin-left:auto}.loading-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:80px 0;display:flex}.cat-modal-container{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:20px;width:100%;max-width:400px;padding:32px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.variations-page.dark .cat-modal-container{background:#16161a;border-color:#ffffff14}.delete-icon-wrapper{color:#ef4444;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;display:flex}.delete-confirm-actions{gap:12px;display:flex}.variations-page.dark .modal-btn-cancel{color:#cbd5e1;background:#27272a;border-color:#ffffff14}.inline-form-container{background:#fff;border:1px solid #0000000d;border-radius:20px;margin-bottom:24px;scroll-margin-top:120px;box-shadow:0 10px 30px -5px #0000000d}.variations-page.dark .inline-form-container{background:#16161a;border-color:#ffffff14}.form-header-inline{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.form-header-inline h2{background:linear-gradient(135deg,#7c3aed 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:18px;font-weight:700}.var-form-grid{background:0 0;grid-template-columns:320px 1fr;gap:24px;display:grid}.var-group-info-section{border-right:1px solid #f1f5f9;flex-direction:column;gap:16px;padding-right:24px;display:flex}.variations-page.dark .var-group-info-section{border-right-color:#ffffff0a}.var-options-section{flex-direction:column;gap:16px;display:flex}@media (width<=900px){.var-form-grid{grid-template-columns:1fr}.var-group-info-section{border-bottom:1px solid #f1f5f9;border-right:none;padding-bottom:24px;padding-right:0}}.input-field,.select-field{border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:13px;transition:all .2s;color:var(--text-primary)!important;background-color:#f8fafc!important;border:1px solid #e2e8f0!important}.variations-page.dark .input-field,.variations-page.dark .select-field{background-color:#0c0c0e!important;border-color:#ffffff14!important}.input-field:focus,.select-field:focus{background-color:#fff!important;border-color:#7c3aed!important}.variations-page.dark .input-field:focus,.variations-page.dark .select-field:focus{background-color:#16161a!important}.textarea-field{resize:none;height:60px}.var-settings-row{gap:12px;display:flex}.select-field{appearance:none;cursor:pointer;padding-right:36px}.var-checkboxes{gap:16px;margin-top:4px;display:flex}.checkbox-item{cursor:pointer;color:#64748b;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.variations-page.dark .checkbox-item{color:#94a3b8}.section-header-row{justify-content:space-between;align-items:center;display:flex}.section-header-row label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.add-opt-inline{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.add-opt-inline:hover{background:#6d28d9}.options-scroll-area{flex-direction:column;gap:10px;max-height:280px;padding-right:6px;display:flex;overflow-y:auto}.options-scroll-area::-webkit-scrollbar{width:5px}.options-scroll-area::-webkit-scrollbar-track{background:#00000005}.options-scroll-area::-webkit-scrollbar-thumb{background:#00000014;border-radius:10px}.option-entry-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.variations-page.dark .option-entry-card{background-color:#0c0c0e;border-color:#ffffff14}.option-upload-cols{gap:8px;display:flex}.mini-upload{cursor:pointer;background-color:#fff;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:relative;overflow:hidden}.variations-page.dark .mini-upload{background-color:#16161a;border-color:#ffffff26}.mini-upload:hover{border-color:#7c3aed}.mini-upload img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.mini-placeholder{color:#94a3b8;flex-direction:column;align-items:center;display:flex}.mini-placeholder span{text-transform:uppercase;margin-top:2px;font-size:7px;font-weight:700}.option-fields-grid{flex:1;grid-template-columns:1fr 1fr 100px;gap:10px;display:grid}.mini-input{border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:12.5px;color:var(--text-primary)!important;background-color:#fff!important;border:1px solid #cbd5e1!important}.variations-page.dark .mini-input{background-color:#16161a!important;border-color:#ffffff26!important}.mini-input:focus{border-color:#7c3aed!important}.mini-price-input{align-items:center;display:flex;position:relative}.mini-price-input span{color:#94a3b8;font-size:12px;position:absolute;left:10px}.mini-price-input input{border-radius:8px;outline:none;width:100%;padding:8px 10px 8px 22px;font-size:12.5px;font-weight:700;color:#7c3aed!important;background-color:#fff!important;border:1px solid #cbd5e1!important}.variations-page.dark .mini-price-input input{color:#a78bfa!important;background-color:#16161a!important;border-color:#ffffff26!important}.mini-price-input input:focus{border-color:#7c3aed!important}.option-actions-col{align-items:center;gap:12px;display:flex}.mini-default-check{cursor:pointer;position:relative}.mini-default-check input{opacity:0;position:absolute}.check-box-ui{color:#0000;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.variations-page.dark .check-box-ui{background-color:#16161a;border-color:#ffffff26}.mini-default-check input:checked+.check-box-ui{color:#fff;background-color:#7c3aed;border-color:#7c3aed}.mini-remove-btn{color:#ef4444;cursor:pointer;background-color:#fee2e2;border:none;border-radius:6px;padding:6px;display:flex}.mini-remove-btn:hover{color:#fff;background-color:#ef4444}.inline-form-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;display:flex}.variations-page.dark .inline-form-footer{border-top-color:#ffffff0a}.modal-btn-save{color:#fff;background-color:#7c3aed;border:none}.modal-btn-save:hover:not(:disabled){background-color:#6d28d9}.form-header-inline{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:0;padding:10px 18px 8px;display:flex}.variations-page.dark .form-header-inline{border-bottom-color:#ffffff0a}.form-header-left{align-items:center;gap:8px;display:flex}.header-icon-box-purple{color:#fa5b00;background:#fff5eb;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.variations-page.dark .header-icon-box-purple{color:#ff914d;background:#fa5b0026}.header-icon-box-purple svg{width:15px;height:15px}.header-title-text{flex-direction:column;display:flex}.header-title-text h2{color:#111827;background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:initial;letter-spacing:-.1px;margin:0;font-size:13.5px;font-weight:600}.variations-page.dark .header-title-text h2{color:#fff}.form-header-subtitle{color:#6b7280;margin:1px 0 0;font-size:10.5px}.variations-page.dark .form-header-subtitle{color:#94a3b8}.close-btn-bordered{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.close-btn-bordered svg{width:14px;height:14px}.close-btn-bordered:hover{color:#111827;background:#f8fafc;border-color:#cbd5e1}.variations-page.dark .close-btn-bordered{color:#94a3b8;background:#1e1e2d;border-color:#ffffff14}.variations-page.dark .close-btn-bordered:hover{color:#fff;background:#ffffff0d}.inline-form-wrapper{padding:0!important}.var-modal-body{margin-top:0}.var-form-grid{grid-template-columns:450px 1fr;gap:0;display:grid}@media (width<=1024px){.var-form-grid{grid-template-columns:1fr}.var-group-info-section{border-bottom:1px solid #f1f5f9;padding-bottom:12px;border-right:none!important}}.var-group-info-section{background:#fafafa;border-right:1px solid #e2e8f0;flex-direction:column;gap:10px;padding:12px 16px;display:flex}.variations-page.dark .var-group-info-section{background:#121214;border-right-color:#ffffff0d}.section-label-row{align-items:center;gap:4px;margin-bottom:0;display:flex}.section-label-purple{color:#fa5b00;letter-spacing:.5px;font-size:9.5px;font-weight:600}.variations-page.dark .section-label-purple{color:#ff914d}.label-info-icon{color:#94a3b8}.form-group-custom{flex-direction:column;gap:4px;display:flex}.form-group-custom label{color:#64748b;text-transform:uppercase;letter-spacing:.2px;font-size:10px;font-weight:550}.variations-page.dark .form-group-custom label{color:#94a3b8}.required-star{color:#ef4444;margin-left:2px}.input-field-custom{width:100%;height:30px;color:var(--text-primary);background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:4px 10px;font-size:11.5px;font-weight:450;transition:all .2s}.variations-page.dark .input-field-custom{background-color:#1e1e2d;border-color:#ffffff14}.input-field-custom:focus{border-color:#fa5b00;box-shadow:0 0 0 3px #fa5b0014}.textarea-wrapper-counter{position:relative}.textarea-field-custom{width:100%;height:48px;color:var(--text-primary);resize:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 10px 16px;font-size:11.5px;font-weight:450;transition:all .2s}.variations-page.dark .textarea-field-custom{background-color:#1e1e2d;border-color:#ffffff14}.textarea-field-custom:focus{border-color:#fa5b00;box-shadow:0 0 0 3px #fa5b0014}.char-counter{color:#94a3b8;font-size:9px;position:absolute;bottom:4px;right:8px}.selection-type-toggle{gap:6px;display:flex}.toggle-pill{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;align-items:center;gap:4px;padding:6px 8px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.toggle-pill:hover{background:#f8fafc;border-color:#cbd5e1}.variations-page.dark .toggle-pill{color:#94a3b8;background:#1e1e2d;border-color:#ffffff14}.variations-page.dark .toggle-pill:hover{background:#ffffff08}.toggle-pill.active{color:#fa5b00;background:#fff5eb;border-color:#fa5b00}.variations-page.dark .toggle-pill.active{color:#ff914d;background:#fa5b001f;border-color:#fa5b00}.radio-circle{color:#fff;background:0 0;border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;transition:all .2s;display:flex}.variations-page.dark .radio-circle{border-color:#fff3}.toggle-pill.active .radio-circle{background:#fa5b00;border-color:#fa5b00}.variations-page.dark .toggle-pill.active .radio-circle{background:#ff914d;border-color:#ff914d}.min-max-wrapper-outer{flex-direction:column;gap:4px;display:flex}.min-max-header-label{align-items:center;gap:4px;display:flex}.min-max-header-label label{color:#64748b;text-transform:uppercase;letter-spacing:.2px;font-size:10px;font-weight:550}.variations-page.dark .min-max-header-label label{color:#94a3b8}.min-max-dropdowns{gap:6px;display:flex}.min-max-col{flex-direction:column;flex:1;gap:1px;display:flex}.dropdown-sublabel{color:#6b7280;font-size:9px;font-weight:500}.select-wrapper-custom{align-items:center;display:flex;position:relative}.select-field-custom{width:100%;height:30px;color:var(--text-primary);appearance:none;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:4px 22px 4px 8px;font-size:11.5px;font-weight:450;transition:all .2s}.variations-page.dark .select-field-custom{background-color:#1e1e2d;border-color:#ffffff14}.select-field-custom:focus{border-color:#fa5b00}.chevron-icon-custom{color:#94a3b8;pointer-events:none;position:absolute;right:8px}.var-checkboxes-new{flex-direction:column;gap:6px;margin-top:1px;display:flex}.checkbox-item-new{cursor:pointer;color:#4b5563;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.variations-page.dark .checkbox-item-new{color:#cbd5e1}.checkbox-item-new input{opacity:0;width:0;height:0;position:absolute}.checkbox-box-custom{color:#fff;background:0 0;border:1.5px solid #cbd5e1;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;transition:all .2s;display:flex}.variations-page.dark .checkbox-box-custom{border-color:#ffffff40}.checkbox-item-new input:checked+.checkbox-box-custom{background-color:#fa5b00;border-color:#fa5b00}.variations-page.dark .checkbox-item-new input:checked+.checkbox-box-custom{background-color:#ff914d;border-color:#ff914d}.selection-info-alert-box{color:#a63c00;background:#fff5eb;border-radius:6px;gap:6px;padding:6px 10px;display:flex}.variations-page.dark .selection-info-alert-box{color:#ffb380;background:#fa5b0014}.alert-bulb-icon{color:#fa5b00;flex-shrink:0;margin-top:1px}.variations-page.dark .alert-bulb-icon{color:#ff914d}.selection-info-alert-box p{margin:0;font-size:10px;font-weight:450;line-height:1.3}.selection-preview-box{cursor:pointer;background:#fff5eb;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;transition:all .2s;display:flex}.selection-preview-box:hover{background:#ffead4}.variations-page.dark .selection-preview-box{background:#fa5b000d}.variations-page.dark .selection-preview-box:hover{background:#fa5b001a}.preview-left-icon{color:#fa5b00;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.preview-left-icon svg{width:12px;height:12px}.variations-page.dark .preview-left-icon{color:#ff914d;background:#1e1e2d}.preview-middle-text{flex-direction:column;flex:1;gap:0;display:flex}.preview-middle-text h4{color:#fa5b00;margin:0;font-size:11px;font-weight:550}.variations-page.dark .preview-middle-text h4{color:#ff914d}.preview-middle-text p{color:#fa5b00;opacity:.8;margin:0;font-size:9.5px}.variations-page.dark .preview-middle-text p{color:#ffb380}.preview-arrow-icon{color:#fa5b00;width:12px;height:12px}.variations-page.dark .preview-arrow-icon{color:#ff914d}.var-options-section-new{background:#fff;flex-direction:column;gap:10px;padding:12px 18px;display:flex}.variations-page.dark .var-options-section-new{background:#16161a}.section-header-row-new{justify-content:space-between;align-items:center;display:flex}.add-opt-inline-purple{color:#fff;cursor:pointer;background:#fa5b00;border:none;border-radius:5px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.add-opt-inline-purple:hover{background:#d94e00;transform:translateY(-.5px)}.options-table-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #f1f5f9;grid-template-columns:20px 20px 72px 1.2fr 1.2fr 85px 95px 70px;gap:8px;padding:6px 8px;font-size:9px;font-weight:500;display:grid}.variations-page.dark .options-table-header{border-bottom-color:#ffffff0a}.options-table-header>div{white-space:nowrap}.options-scroll-area-new{flex-direction:column;gap:6px;max-height:500px;padding:2px;display:flex;overflow-y:auto}.options-scroll-area-new::-webkit-scrollbar{width:6px}.options-scroll-area-new::-webkit-scrollbar-track{background:0 0}.options-scroll-area-new::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.options-scroll-area-new::-webkit-scrollbar-thumb:hover{background:#fa5b00}.variations-page.dark .options-scroll-area-new::-webkit-scrollbar-thumb{background:#ffffff1a}.variations-page.dark .options-scroll-area-new::-webkit-scrollbar-thumb:hover{background:#ff914d}.option-reorder-item{list-style:none}.option-entry-card-new{background:#fff;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:20px 20px 72px 1.2fr 1.2fr 85px 95px 70px;align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:grid;box-shadow:0 1px 4px #00000003}.option-entry-card-new:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #00000005}.variations-page.dark .option-entry-card-new{background:#1a1a27;border-color:#ffffff0d}.variations-page.dark .option-entry-card-new:hover{border-color:#ffffff1a}.drag-handle-cell{cursor:grab;justify-content:center;display:flex}.drag-handle-cell:active{cursor:grabbing}.drag-handle-icon{color:#cbd5e1;width:13px;height:13px}.variations-page.dark .drag-handle-icon{color:#ffffff26}.order-number-pill-wrapper{justify-content:center;display:flex}.order-number-pill{color:#475569;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9.5px;font-weight:700;display:flex}.variations-page.dark .order-number-pill{color:#94a3b8;background:#1e1e2d}.option-image-cell-group{gap:4px;display:flex}.option-image-cell{flex-direction:column;align-items:center;gap:2px;width:32px;display:flex}.unified-image-uploader{cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:relative;overflow:hidden}.variations-page.dark .unified-image-uploader{background:#1e1e2d;border-color:#ffffff26}.unified-image-uploader:hover{background:#fff5eb;border-color:#fa5b00}.variations-page.dark .unified-image-uploader:hover{background:#fa5b001a;border-color:#ff914d}.unified-image-uploader.has-image{border-style:solid;border-color:#cbd5e1}.variations-page.dark .unified-image-uploader.has-image{border-color:#ffffff26}.unified-image-uploader img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.uploader-placeholder{color:#fa5b00;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;height:100%;display:flex}.uploader-placeholder svg{color:#fa5b00}.variations-page.dark .uploader-placeholder svg{color:#ff914d}.uploader-label{letter-spacing:.2px;text-transform:uppercase;color:#fa5b00;font-size:7px;font-weight:700}.uploader-overlay{color:#fff;opacity:0;background:#fa5b0066;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.unified-image-uploader:hover .uploader-overlay{opacity:1}.uploader-remove-btn{color:#fff;cursor:pointer;z-index:5;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;transition:all .2s;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px #00000026}.uploader-remove-btn:hover{background:#ef4444;transform:scale(1.1)}.uploader-remove-btn svg{stroke-width:3px;width:8px;height:8px}.mini-input-new{border-radius:5px;outline:none;width:100%;height:26px;padding:4px 8px;font-size:11px;font-weight:400;transition:all .2s;color:var(--text-primary)!important;background-color:#fff!important;border:1px solid #cbd5e1!important}.variations-page.dark .mini-input-new{background-color:#1e1e2d!important;border-color:#ffffff14!important}.mini-input-new:focus{border-color:#fa5b00!important}.price-input-wrapper-new{align-items:center;width:100%;display:flex;position:relative}.price-symbol{color:#94a3b8;font-size:10px;font-weight:600;position:absolute;left:6px}.price-adjustment-input{border-radius:5px;outline:none;width:100%;height:26px;padding:4px 6px 4px 16px;font-size:11px;font-weight:500;transition:all .2s;color:#fa5b00!important;background-color:#fff!important;border:1px solid #cbd5e1!important}.variations-page.dark .price-adjustment-input{color:#ff914d!important;background-color:#1e1e2d!important;border-color:#ffffff14!important}.price-adjustment-input:focus{border-color:#fa5b00!important}.status-toggle-cell{align-items:center;gap:6px;display:flex}.switch-toggle-new{flex-shrink:0;width:24px;height:14px;display:inline-block;position:relative}.switch-toggle-new input{opacity:0;width:0;height:0}.switch-slider-new{cursor:pointer;background-color:#cbd5e1;border-radius:34px;transition:all .3s;position:absolute;inset:0}.switch-slider-new:before{content:"";background-color:#fff;border-radius:50%;width:10px;height:10px;transition:all .3s;position:absolute;bottom:2px;left:2px}.switch-toggle-new input:checked+.switch-slider-new{background-color:#fa5b00}.variations-page.dark .switch-toggle-new input:checked+.switch-slider-new{background-color:#ff914d}.switch-toggle-new input:checked+.switch-slider-new:before{transform:translate(10px)}.status-text-pill{text-transform:capitalize;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700}.status-text-pill.active{color:#10b981;background:#e8faf0}.variations-page.dark .status-text-pill.active{color:#34d399;background:#10b98126}.status-text-pill.inactive{color:#ef4444;background:#fef2f2}.variations-page.dark .status-text-pill.inactive{color:#fca5a5;background:#ef444426}.actions-cell-new{justify-content:flex-end;align-items:center;gap:10px;display:flex}.default-option-checkbox{cursor:pointer;position:relative}.default-option-checkbox input{opacity:0;width:0;height:0;position:absolute}.default-check-ui{color:#0000;background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;transition:all .2s;display:flex}.variations-page.dark .default-check-ui{background:#1e1e2d;border-color:#ffffff26}.default-option-checkbox input:checked+.default-check-ui{color:#fff;background:#fa5b00;border-color:#fa5b00}.variations-page.dark .default-option-checkbox input:checked+.default-check-ui{background:#ff914d;border-color:#ff914d}.remove-option-btn-new{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.remove-option-btn-new svg{width:12px;height:12px}.remove-option-btn-new:hover{background:#fef2f2;border-color:#ef4444;transform:translateY(-.5px)}.variations-page.dark .remove-option-btn-new{background:#1e1e2d;border-color:#ef44444d}.variations-page.dark .remove-option-btn-new:hover{background:#ef44441a}.reorder-info-dashed-box{color:#fa5b00;text-align:center;background:#fff5eb;border:1px dashed #fa5b0066;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:6px;font-size:10px;font-weight:550;display:flex}.reorder-info-dashed-box svg{width:12px;height:12px}.variations-page.dark .reorder-info-dashed-box{color:#ff914d;background:#fa5b000a;border-color:#ff914d4d}.reorder-icon-purple{color:#fa5b00}.variations-page.dark .reorder-icon-purple{color:#ff914d}.inline-form-footer{background:#fff;border-top:1px solid #f1f5f9;border-radius:0 0 20px 20px;justify-content:flex-end;gap:10px;margin-top:0;padding:10px 18px 12px;display:flex}.variations-page.dark .inline-form-footer{background:#16161a;border-top-color:#ffffff0a}.modal-btn-save-purple{color:#fff;cursor:pointer;background:#fa5b00;border:none;border-radius:5px;align-items:center;gap:4px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .2s;display:flex}.modal-btn-save-purple svg{width:13px;height:13px}.modal-btn-save-purple:hover:not(:disabled){background:#d94e00;transform:translateY(-.5px)}.users-page{background-color:var(--bg-darker);color:var(--text-primary);padding:32px 48px}.user-search-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;flex-grow:1;align-items:center;min-width:200px;height:40px;transition:all .2s;display:flex;position:relative;max-width:none!important}.user-search-wrapper:focus-within{background:#ffffff14;border-color:#fa5b00}.user-search-wrapper input{width:100%;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:0 16px;font-size:13px}.user-search-wrapper input::placeholder{color:var(--text-muted)}.select-filter{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;font-weight:700}.select-filter option{background:var(--bg-dark);color:var(--text-primary)}.users-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px;display:grid}@media (width<=1400px){.users-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.users-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.users-grid{grid-template-columns:1fr}}.user-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-premium);border-radius:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.user-card:hover{background:var(--bg-glass);border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 20px -5px #0000001a}.dark .user-card:hover{box-shadow:0 10px 20px -5px #0006}.user-card-main{align-items:center;gap:16px;display:flex}.user-avatar-left{background:var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.user-avatar-left img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.user-placeholder-icon{color:var(--text-muted)}.user-details-middle{flex-grow:1;min-width:0}.user-details-middle h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;display:block;overflow:hidden}.user-actions-right{align-items:center;gap:12px;display:flex}.switch{width:34px;height:18px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border);transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:14px;height:14px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:#fa5b00!important}input:focus+.slider{box-shadow:0 0 1px #fa5b00!important}input:checked+.slider:before{transform:translate(16px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.user-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.user-modal-container{background:var(--bg-dark);border:1px solid var(--border);width:100%;max-width:480px;box-shadow:var(--shadow-premium);border-radius:12px;overflow:hidden}.user-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.user-modal-header h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.user-modal-form{flex-direction:column;gap:16px;padding:16px 20px;display:flex}.avatar-upload-wrapper{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.avatar-upload-wrapper img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:80px;height:80px}.remove-img-btn{color:#ef4444;cursor:pointer;z-index:5;background:#fff;border:1px solid #fee2e2;border-radius:6px;padding:6px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0000001a}.upload-placeholder-content{color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;display:flex}.input-field{background:var(--bg-dark);border:1px solid var(--border);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-size:13px}.user-modal-footer{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.users-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=900px){.users-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.users-stats{grid-template-columns:1fr}}[dir=rtl] .users-stats{direction:rtl}[dir=rtl] .user-search-wrapper input{text-align:right}[dir=rtl] .user-card-main{flex-direction:row}[dir=rtl] .user-details-middle{text-align:right}[dir=rtl] .user-modal-header{flex-direction:row-reverse}[dir=rtl] .user-modal-form,[dir=rtl] .form-group label,[dir=rtl] .input-field{text-align:right}[dir=rtl] .user-modal-footer{flex-direction:row-reverse}[dir=rtl] .remove-img-btn{right:auto}.dark .users-page{background-color:#000!important}.dark .user-card{background:#ffffff08!important;border-color:#ffffff14!important}.dark .user-card:hover{background:#fa5b000d!important;border-color:#fa5b00!important}.dark .controls-bar{border:1px solid #ffffff0d;background:#ffffff05!important}.dark .user-search-wrapper,.dark .dropdown-control{background:#0a0a0a!important;border-color:#ffffff1a!important}.dark .user-modal-container{background:#000!important;border-color:#1a1a1a!important}.dark .input-field{background:#0a0a0a!important;border-color:#1a1a1a!important}.dark .modal-btn-cancel{color:#fff;background:#1a1a1a;border-color:#333}.dark .slider{background-color:#262626}.dark .user-placeholder-icon{color:#fa5b00}@keyframes highlightPulseUser{0%{border-color:#3b82f6;box-shadow:0 0 #3b82f666}50%{border-color:#3b82f6;box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}.highlight-pulse{z-index:10;animation:2s infinite highlightPulseUser;position:relative;border:2px solid #3b82f6!important}.reservations-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex;position:relative;overflow:visible;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.header-text{z-index:2}.header-title{color:#1e293b;letter-spacing:-.5px;align-items:center;gap:12px;margin:0;font-size:28px;font-weight:800;display:flex}.dark .header-title{color:#f8fafc}.calendar-icon-wrap{color:#fa5b00;background-color:#fff0ea;border:1px solid #ffe3d5;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.dark .calendar-icon-wrap{background-color:#fa5b0026;border-color:#fa5b004d}.header-subtitle{color:#64748b;margin-top:6px;font-size:14px;font-weight:500}.dark .header-subtitle{color:#94a3b8}.header-pizza-decor{-o-object-fit:contain;object-fit:contain;pointer-events:none;z-index:1;height:12rem;position:absolute;top:-58px;left:50%;transform:translate(-20%)}@media (width<=1024px){.header-pizza-decor{display:none}}.export-btn-new{color:#fa5b00;cursor:pointer;z-index:2;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.export-btn-new:hover{background:#fff8f5;border-color:#fa5b00;transform:translateY(-1px);box-shadow:0 4px 6px #fa5b000d}.dark .export-btn-new{color:#ff8e53;box-shadow:none;background:#151922;border-color:#2d3748}.dark .export-btn-new:hover{background:#fa5b0014;border-color:#ff8e53}.stats-cards-grid{z-index:2;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid;position:relative}@media (width<=900px){.stats-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.stats-cards-grid{grid-template-columns:1fr}}.stat-card-new{background:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000005}.stat-card-new:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000a}.dark .stat-card-new{box-shadow:none;background:#131722}.stat-card-new.total{background-color:#fff6f2;border:1px solid #ffe4d6}.stat-card-new.upcoming{background-color:#fffdf0;border:1px solid #fff2cc}.stat-card-new.completed{background-color:#f2fbf6;border:1px solid #d1f2df}.stat-card-new.cancelled{background-color:#fff5f5;border:1px solid #fee2e2}.dark .stat-card-new.total{background-color:#fa5b0008;border:1px solid #fa5b0026}.dark .stat-card-new.upcoming{background-color:#ffab0008;border:1px solid #ffab0026}.dark .stat-card-new.completed{background-color:#00aa4f08;border:1px solid #00aa4f26}.dark .stat-card-new.cancelled{background-color:#e03e3e08;border:1px solid #e03e3e26}.stat-icon-circle-new{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-circle-new.total{color:#fa5b00;background-color:#ffeae0}.stat-icon-circle-new.upcoming{color:#ffab00;background-color:#fff0cc}.stat-icon-circle-new.completed{color:#00aa4f;background-color:#d3f3df}.stat-icon-circle-new.cancelled{color:#e03e3e;background-color:#fee2e2}.dark .stat-icon-circle-new.total{color:#ff8e53;background-color:#fa5b0026}.dark .stat-icon-circle-new.upcoming{color:#ffd56b;background-color:#ffab0026}.dark .stat-icon-circle-new.completed{color:#38d980;background-color:#00aa4f26}.dark .stat-icon-circle-new.cancelled{color:#ffa1a1;background-color:#e03e3e26}.stat-content-new{flex-direction:column;display:flex}.stat-number{color:#1e293b;margin:0;font-size:24px;font-weight:800;line-height:1.2}.dark .stat-number{color:#f8fafc}.stat-label-text{color:#64748b;margin:4px 0 0;font-size:13px;font-weight:500}.dark .stat-label-text{color:#94a3b8}.controls-bar-new{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}@media (width<=768px){.controls-bar-new{flex-direction:column;align-items:stretch}}.search-box-new{flex-grow:1;position:relative}.search-icon-left{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box-new input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:44px;padding:0 16px 0 42px;font-size:13.5px;transition:all .2s;box-shadow:0 1px 2px #00000003}.search-box-new input:focus{border-color:#fa5b00;box-shadow:0 0 0 3px #fa5b0014}.dark .search-box-new input{color:#f8fafc;background:#131722;border-color:#2d3748}.dark .search-box-new input:focus{border-color:#ff8e53;box-shadow:0 0 0 3px #fa5b0026}.filter-actions-new{flex-shrink:0;align-items:center;gap:12px;display:flex}@media (width<=480px){.filter-actions-new{flex-wrap:wrap}.dropdown-control-new,.filter-btn-new,.layout-toggle-new{flex-grow:1}}.dropdown-control-new{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:140px;height:44px;padding:0 16px;font-size:13px;transition:all .2s;display:flex;position:relative}.dropdown-control-new:hover{border-color:#cbd5e1}.dropdown-control-new b{color:#1e293b;font-weight:700}.dark .dropdown-control-new b{color:#f8fafc}.dropdown-control-new select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.dark .dropdown-control-new{color:#94a3b8;background:#131722;border-color:#2d3748}.chevron-icon{color:#94a3b8}.filter-btn-new{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;height:44px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.filter-btn-new:hover{background:#f8fafc;border-color:#cbd5e1}.dark .filter-btn-new{color:#94a3b8;background:#131722;border-color:#2d3748}.dark .filter-btn-new:hover{background:#1c2333}.layout-toggle-new{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:3px;padding:3px;display:flex}.dark .layout-toggle-new{background:#131722;border-color:#2d3748}.toggle-icon-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.toggle-icon-btn:hover{color:#475569}.toggle-icon-btn.active{color:#fa5b00;background:#fff0ea}.dark .toggle-icon-btn.active{color:#ff8e53;background:#fa5b0026}.reservations-grid-new{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1400px){.reservations-grid-new{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.reservations-grid-new{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.reservations-grid-new{grid-template-columns:1fr}}.reservation-card-new{background:#fff;border:1px solid #e9eff4;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000004}.reservation-card-new:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000000d}.dark .reservation-card-new{background:#131722;border-color:#1f2736}.dark .reservation-card-new:hover{border-color:#2d3c54}.reservation-card-new.status-border-upcoming{border-top:4px solid #ff8e26}.reservation-card-new.status-border-cancelled{border-top:4px solid #f33b3b}.reservation-card-new.status-border-completed{border-top:4px solid #00aa4f}.card-top-header{justify-content:space-between;align-items:center;padding:20px 20px 14px;display:flex}.card-customer-profile{align-items:center;gap:12px;display:flex}.profile-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.profile-avatar.avatar-upcoming{background:#ff8e26}.profile-avatar.avatar-cancelled{background:#f33b3b}.profile-avatar.avatar-completed{background:#00aa4f}.profile-details{flex-direction:column;display:flex}.customer-name{color:#1e293b;text-transform:uppercase;margin:0;font-size:14px;font-weight:700}.dark .customer-name{color:#f8fafc}.customer-phone{color:#64748b;margin:2px 0 0;font-size:12px}.dark .customer-phone{color:#94a3b8}.status-badge-new{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700}.status-badge-new.badge-upcoming{color:#ff8e26;background:#fff1e5}.status-badge-new.badge-cancelled{color:#f33b3b;background:#ffebeb}.status-badge-new.badge-completed{color:#00aa4f;background:#e7f7ee}.dark .status-badge-new.badge-upcoming{color:#ffb370;background:#ff8e2626}.dark .status-badge-new.badge-cancelled{color:#ffa1a1;background:#f33b3b26}.dark .status-badge-new.badge-completed{color:#5ce397;background:#00aa4f26}.card-body-details{flex-grow:1;grid-template-columns:repeat(2,1fr);gap:12px 16px;padding:0 20px 20px;display:grid}.detail-item{align-items:center;gap:8px;display:flex}.detail-icon{color:#94a3b8;flex-shrink:0}.detail-item span{color:#475569;font-size:12px;font-weight:500}.dark .detail-item span{color:#cbd5e1}.card-table-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 20px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.dark .card-table-footer{border-top-color:#1f2736}.footer-left{align-items:center;gap:8px;display:flex}.footer-icon{opacity:.8}.table-highlight{font-weight:700}.footer-arrow{opacity:.6;transition:transform .2s}.card-table-footer.footer-upcoming{color:#ff8e26;background-color:#fff8f2}.card-table-footer.footer-cancelled{color:#f33b3b;background-color:#fff5f5}.card-table-footer.footer-completed{color:#00aa4f;background-color:#f2fbf6}.dark .card-table-footer.footer-upcoming{color:#ffb370;background-color:#ff8e260d}.dark .card-table-footer.footer-cancelled{color:#ffa1a1;background-color:#f33b3b0d}.dark .dark .card-table-footer.footer-completed{color:#5ce397;background-color:#00aa4f0d}.card-table-footer.clickable{cursor:pointer}.card-table-footer.clickable:hover{filter:brightness(.97)}.dark .card-table-footer.clickable:hover{background-color:#ffffff08}.card-table-footer.clickable:hover .footer-arrow{transform:translate(3px)}.reservations-list-view{background:#fff;border:1px solid #e9eff4;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000003}.dark .reservations-list-view{background:#131722;border-color:#1f2736}.res-list-table{border-collapse:collapse;text-align:left;width:100%}.res-list-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:11.5px;font-weight:700}.dark .res-list-table th{color:#94a3b8;background:#1a1f2c;border-bottom-color:#2d3748}.res-row{border-bottom:1px solid #f1f5f9;transition:background .2s}.dark .res-row{border-bottom-color:#1f2736}.res-row:hover{background:#fdfbf8}.dark .res-row:hover{background:#171c2b}.res-row td{color:#475569;vertical-align:middle;padding:14px 20px;font-size:13px}.dark .res-row td{color:#cbd5e1}.list-customer-info{align-items:center;gap:12px;display:flex}.list-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.list-avatar.avatar-upcoming{background:#ff8e26}.list-avatar.avatar-cancelled{background:#f33b3b}.list-avatar.avatar-completed{background:#00aa4f}.list-name{color:#1e293b;font-weight:700}.dark .list-name{color:#f8fafc}.list-phone{color:#64748b;margin-top:1px;font-size:11.5px}.dark .list-phone{color:#94a3b8}.list-table-badge{border-radius:6px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.list-table-badge.footer-upcoming{color:#ff8e26;background-color:#fff8f2}.list-table-badge.footer-cancelled{color:#f33b3b;background-color:#fff5f5}.list-table-badge.footer-completed{color:#00aa4f;background-color:#f2fbf6}.dark .list-table-badge.footer-upcoming{color:#ffb370;background-color:#ff8e261a}.dark .list-table-badge.footer-cancelled{color:#ffa1a1;background-color:#f33b3b1a}.dark .list-table-badge.footer-completed{color:#5ce397;background-color:#00aa4f1a}.list-table-badge.clickable{cursor:pointer}.list-table-badge.clickable:hover{filter:brightness(.95)}.pagination-footer-new{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:24px;padding:24px 0 0;display:flex}.dark .pagination-footer-new{border-top-color:#2d3748}.pagination-showing-new{color:#64748b;font-size:13px;font-weight:500}.dark .pagination-showing-new{color:#94a3b8}.pagination-pages-new{align-items:center;gap:6px;display:flex}.page-nav-btn-new{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.page-nav-btn-new:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.page-nav-btn-new:disabled{opacity:.4;cursor:not-allowed}.dark .page-nav-btn-new{color:#94a3b8;background:#131722;border-color:#2d3748}.dark .page-nav-btn-new:hover:not(:disabled){background:#1c2333;border-color:#4a5568}.page-num-btn-new{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.page-num-btn-new:hover{background:#f8fafc;border-color:#cbd5e1}.page-num-btn-new.active{color:#fff;background:#fa5b00;border-color:#fa5b00}.dark .page-num-btn-new{color:#cbd5e1;background:#131722;border-color:#2d3748}.dark .page-num-btn-new:hover{background:#1c2333}.dark .page-num-btn-new.active{color:#fff;background:#fa5b00;border-color:#fa5b00}.pagination-rows-select-new{color:#64748b;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.dark .pagination-rows-select-new{color:#94a3b8}.rows-dropdown-wrapper-new{align-items:center;display:flex;position:relative}.rows-dropdown-wrapper-new select{appearance:none;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:34px;padding:0 28px 0 12px;font-size:13px;font-weight:600;transition:all .2s}.rows-dropdown-wrapper-new select:hover{border-color:#cbd5e1}.dark .rows-dropdown-wrapper-new select{color:#cbd5e1;background:#131722;border-color:#2d3748}.rows-select-arrow{pointer-events:none;color:#94a3b8;position:absolute;right:8px}.cat-modal-overlay{z-index:10000}.empty-grid-state{grid-column:1/-1;justify-content:center;align-items:center;width:100%;min-height:350px;padding:40px;display:flex}.empty-content{text-align:center;background:#fff;border:1px solid #e9eff4;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:40px 32px;display:flex;box-shadow:0 4px 20px #00000004}.dark .empty-content{box-shadow:none;background:#131722;border-color:#1f2736}.empty-content-icon-wrap{color:#fa5b00;background-color:#fff0ea;border:1px solid #ffe3d5;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex}.dark .empty-content-icon-wrap{color:#ff8e53;background:#fa5b001f;border-color:#fa5b0040}.empty-content h3{color:#1e293b;letter-spacing:-.3px;margin:0 0 8px;font-size:18px;font-weight:700}.dark .empty-content h3{color:#f8fafc}.empty-content p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.dark .empty-content p{color:#94a3b8}.contact-page{background-color:var(--bg-darker);min-height:100vh;color:var(--text-primary);padding:32px 48px;font-family:Plus Jakarta Sans,sans-serif}.export-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--info);cursor:pointer;transition:var(--transition);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.export-btn:hover{background:var(--border);transform:translateY(-1px)}.cat-search-wrapper{background:var(--bg-card);border:1px solid var(--border);height:44px;transition:var(--transition);border-radius:10px;flex-grow:1;align-items:center;display:flex;position:relative;box-shadow:0 2px 4px #00000005}.cat-search-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.cat-search-wrapper input{width:100%;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:0 48px 0 16px;font-size:14px}.dropdown-control{background:var(--bg-card);border:1px solid var(--border);height:44px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);border-radius:10px;align-items:center;gap:10px;padding:0 16px;font-size:13px;display:flex;position:relative}.dropdown-control:hover{border-color:var(--text-muted)}.dropdown-control select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.messages-container{flex-direction:column;gap:20px;display:flex}.message-card-premium{background:var(--bg-card);border:1px solid var(--border);transition:var(--transition);box-shadow:var(--shadow-premium);border-radius:16px;position:relative;overflow:hidden}.message-card-premium:hover{border-color:var(--primary);transform:translateY(-4px)}.message-card-premium.pending{border-left:5px solid var(--warning)}.message-card-premium.replied{border-left:5px solid var(--success)}.msg-card-inner{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.msg-card-header{justify-content:space-between;align-items:flex-start;display:flex}.msg-sender-box{align-items:center;gap:16px;display:flex}.msg-sender-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 10px #6366f14d}.msg-sender-info{flex-direction:column;gap:4px;display:flex}.msg-sender-name-row{align-items:center;gap:12px;display:flex}.msg-sender-name-row h3{color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.msg-status-tag{letter-spacing:.5px;text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:800}.msg-status-tag.pending{color:var(--warning);background:#f59e0b1a}.msg-status-tag.replied{color:var(--success);background:#10b7811a}.msg-sender-meta-row{gap:20px;display:flex}.msg-meta-item{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.msg-body-section{width:100%}.msg-text-container{background:var(--bg-dark);border:1px solid var(--border);border-radius:10px;padding:12px 16px}.msg-text-container p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.msg-admin-reply-section{background:#10b78108;border:1px solid #10b7811f;border-radius:10px;padding:12px 16px}.msg-reply-badge{color:var(--success);align-items:center;gap:6px;margin-bottom:6px;font-size:10px;font-weight:800;display:flex}.msg-reply-content p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.msg-card-footer{border-top:1px solid var(--border);justify-content:flex-end;padding-top:12px;display:flex}.msg-reply-btn{background:var(--bg-darker);border:1px solid var(--border);color:var(--text-primary);transition:var(--transition);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:flex}.msg-reply-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #6366f14d}.shimmer-msg-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;height:220px;position:relative;overflow:hidden}.shimmer-msg-card:after{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);width:100%;height:100%;animation:1.5s infinite shimmer-swipe;position:absolute;top:0;left:0}@keyframes shimmer-swipe{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty-state-container{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:100px 0;display:flex}.empty-state-container p{margin-top:20px;font-size:16px;font-weight:500}.cat-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cat-modal-container{background:var(--bg-dark);border:1px solid var(--border);width:100%;max-width:550px;box-shadow:var(--shadow-premium);border-radius:16px;overflow:hidden}.cat-modal-form{flex-direction:column;gap:24px;padding:24px;display:flex}.msg-original-preview{background:var(--bg-darker);border:1px solid var(--border);border-radius:12px;padding:18px}.msg-original-preview label{color:var(--text-muted);text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800;display:block}.msg-original-preview p{color:var(--text-secondary);margin:0;font-size:14px;font-style:italic;line-height:1.5}.form-group label{color:var(--text-primary);margin-bottom:10px;font-size:14px;font-weight:700;display:block}.input-field{background:var(--bg-darker);border:1px solid var(--border);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:10px;outline:none;padding:12px 16px;font-size:14px}.input-field:focus{border-color:var(--primary);background:var(--bg-dark)}.cat-modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.modal-btn{cursor:pointer;transition:var(--transition);border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700}.modal-btn-cancel{background:var(--bg-darker);border:1px solid var(--border);color:var(--text-secondary)}.modal-btn-cancel:hover{background:var(--border);color:var(--text-primary)}.modal-btn-save{background:var(--primary);color:#fff;border:none}.modal-btn-save:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.modal-btn-save:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .cat-search-wrapper input{text-align:right;padding:0 16px 0 48px}[dir=rtl] .message-card-premium.pending{border-left:1px solid var(--border);border-right:5px solid var(--warning)}[dir=rtl] .message-card-premium.replied{border-left:1px solid var(--border);border-right:5px solid var(--success)}[dir=rtl] .msg-sender-avatar{margin-left:0}[dir=rtl] .msg-sender-info{text-align:right}[dir=rtl] .msg-sender-name-row,[dir=rtl] .msg-sender-meta-row{flex-direction:row-reverse}[dir=rtl] .msg-text-container,[dir=rtl] .msg-admin-reply-section{text-align:right}[dir=rtl] .msg-reply-badge{flex-direction:row-reverse}[dir=rtl] .msg-card-footer{justify-content:flex-start}[dir=rtl] .cat-modal-header{flex-direction:row-reverse}[dir=rtl] .msg-original-preview,[dir=rtl] .form-group label,[dir=rtl] .input-field{text-align:right}[dir=rtl] .cat-modal-footer{justify-content:flex-start}.floor-plan-page{--bg-dark:var(--bg-darker);--glass-bg:var(--bg-card);--glass-border:var(--border);--text-main:var(--text-primary);--text-muted:var(--text-muted);--accent:#d4af37;--status-available:#2e7d32;--status-occupied:#c62828;--status-reserved:#f57c00;color:var(--text-main);-webkit-user-select:none;user-select:none;height:calc(100vh - 100px);display:flex;overflow:hidden}.fp-container{gap:16px;width:100%;height:100%;padding:16px;transition:all .3s;display:flex}.fp-glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);border-radius:24px;flex-direction:column;padding:24px;display:flex}.fp-sidebar{flex-direction:column;flex-shrink:0;gap:24px;width:300px;display:flex;overflow-y:auto}.fp-sidebar::-webkit-scrollbar{display:none}.fp-brand{letter-spacing:-.02em;color:var(--text-primary);align-items:center;gap:12px;font-size:1.25rem;font-weight:700;display:flex}.fp-brand-icon{background:var(--border);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.fp-control-group h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.85rem}.fp-stats-container{background:var(--bg-darker);border:1px solid var(--glass-border);border-radius:16px;padding:16px}.fp-stats-header{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.fp-stats-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.fp-stats-percentage{color:var(--accent);font-size:1.5rem;font-weight:300}.fp-progress-track{background:var(--border);border-radius:4px;height:6px;margin-bottom:12px;overflow:hidden}.fp-progress-fill{background:var(--accent);width:0%;height:100%;transition:width .8s;box-shadow:0 0 10px #d4af3780}.fp-stats-details{justify-content:space-between;font-size:.8rem;display:flex}.fp-stat-avail{color:var(--status-available)}.fp-stat-booked{color:var(--status-occupied)}.fp-area-tabs,.fp-shape-tabs{flex-wrap:wrap;gap:8px;display:flex}.fp-area-tab,.fp-shape-tab{background:var(--border);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.85rem;transition:all .3s}.fp-area-tab.active,.fp-shape-tab.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.fp-btn{background:var(--bg-darker);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding:12px 20px;font-size:.9rem;transition:all .3s;display:flex}.fp-btn:hover{background:var(--border);transform:translateY(-1px)}.fp-btn-small{text-align:center;border-radius:8px;flex:1;justify-content:center;margin-bottom:0;padding:8px 12px;font-size:.8rem}.modal-shape-btn{transition:all .3s}.modal-shape-btn.active{font-weight:600;background:var(--accent)!important;color:#000!important;border-color:var(--accent)!important}.fp-input-group{text-align:left;margin-bottom:16px}.fp-input-group label{color:var(--text-muted);margin-bottom:6px;font-size:.8rem;display:block}.fp-input-group input,.fp-input-group select{background:var(--bg-darker);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:8px;padding:10px 14px;font-family:inherit}.fp-floor-plan-wrapper{flex-direction:column;flex-grow:1;display:flex;position:relative;overflow-y:auto}.fp-floor-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.fp-floor-plan{background:var(--bg-dark);background-image:radial-gradient(circle at 2px 2px, var(--border) 1px, transparent 0);border:1px solid var(--glass-border);cursor:grab;background-size:24px 24px;border-radius:16px;flex-shrink:0;width:100%;min-height:100%;margin-bottom:40px;padding:40px;transition:height .3s ease-out;position:relative}.fp-floor-plan:active{cursor:grabbing}.fp-table-group{cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.fp-table-core{background:var(--bg-card);border:1px solid var(--glass-border);z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-premium);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.fp-table-area-tag{color:var(--text-muted);font-size:.6rem;line-height:1}.fp-table-label{font-size:1.25rem;font-weight:600;line-height:1}.fp-table-seats{color:var(--text-muted);font-size:.65rem;line-height:1}.fp-table-live-timer{background:var(--bg-darker);letter-spacing:.05em;color:var(--text-primary);border-radius:6px;padding:4px 8px;font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:700;line-height:1;transition:color .3s}.fp-chair{background:var(--border);z-index:1;border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;box-shadow:inset 0 2px 4px #0000000d}.status-available .fp-table-core{border-color:var(--status-available);box-shadow:0 0 20px #2e7d321a}.status-available .fp-chair{background:#2e7d324d}.status-available .fp-table-live-timer{color:var(--text-muted)}.status-occupied .fp-table-core{border-color:var(--status-occupied);box-shadow:0 0 20px #c6282833}.status-occupied .fp-chair{background:var(--status-occupied)}.status-occupied .fp-table-live-timer{color:#8a0b0b;background:#c6282826}.dark .status-occupied .fp-table-live-timer{color:#fcc;background:#c628284d}.status-reserved .fp-table-core{border-color:var(--status-reserved);box-shadow:0 0 20px #f57c0033}.status-reserved .fp-chair{background:var(--status-reserved)}.status-reserved .fp-table-live-timer{color:#9a4f00;background:#f57c0026}.dark .status-reserved .fp-table-live-timer{color:#ffe0b2;background:#f57c004d}.fp-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.fp-modal-overlay.active{opacity:1;pointer-events:all}.fp-modal-content{width:420px;max-height:90vh;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);overflow-y:auto;transform:scale(.95)translateY(10px)}.fp-modal-content::-webkit-scrollbar{display:none}.fp-status-btn-group{gap:8px;margin-top:16px;margin-bottom:16px;display:flex}.fp-status-btn{text-align:center;flex:1;justify-content:center;margin-bottom:0}.fp-reservation-details{border:1px solid var(--glass-border);background:#0003;border-radius:12px;margin-bottom:16px;padding:12px;font-size:.85rem}.fp-reservation-details span{color:var(--accent);font-weight:500}.fp-res-note-display{border-left:3px solid var(--accent);color:#ccc;background:#ffffff0d;border-radius:4px;margin-top:8px;padding:6px 10px;font-style:italic;display:inline-block}@media (width<=800px){.floor-plan-page{height:auto;min-height:100vh;overflow-y:auto}.fp-container{flex-direction:column;height:auto}.fp-sidebar{flex-shrink:1;width:100%;max-height:none}.fp-floor-plan-wrapper{min-height:60vh}}.fp-custom-dropdown{width:100%;position:relative}.fp-dropdown-trigger{background:var(--bg-darker);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;transition:all .3s;display:flex}.fp-dropdown-trigger:hover,.fp-dropdown-trigger.active{background:#ffffff05;border-color:#fff3}.fp-dropdown-menu{background:var(--bg-dark);border:1px solid var(--glass-border);z-index:1100;opacity:0;pointer-events:none;border-radius:12px;width:100%;max-height:200px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;transform:translateY(10px);box-shadow:0 10px 25px #00000080}.fp-dropdown-menu.active{opacity:1;pointer-events:all;transform:translateY(0)}.fp-dropdown-item{cursor:pointer;color:var(--text-muted);border-radius:8px;padding:10px 14px;font-size:.85rem;transition:all .2s}.fp-dropdown-item:hover{color:var(--text-main);background:#ffffff0d}.fp-dropdown-item.active{background:var(--accent);color:#000;font-weight:600}.fp-dropdown-menu::-webkit-scrollbar{width:4px}.fp-dropdown-menu::-webkit-scrollbar-track{background:0 0}.fp-dropdown-menu::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}[dir=rtl] .fp-brand,[dir=rtl] .fp-control-group h3,[dir=rtl] .fp-input-group,[dir=rtl] .fp-dropdown-item,[dir=rtl] .fp-reservation-details{text-align:right}[dir=rtl] .fp-res-note-display{border-left:none;border-right:3px solid var(--accent);text-align:right;direction:rtl}[dir=rtl] .fp-table-label,[dir=rtl] .fp-table-seats,[dir=rtl] .fp-stats-percentage{direction:ltr}[dir=rtl] .fp-progress-track{transform:scaleX(-1)}.fp-legend-grid{border:1px solid var(--glass-border);background:#ffffff05;border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}.fp-legend-item{color:var(--text-muted);align-items:center;gap:8px;font-size:.8rem;display:flex}.fp-legend-dot{border-radius:50%;width:8px;height:8px}.fp-legend-dot.status-available{background:var(--status-available);box-shadow:0 0 8px var(--status-available)}.fp-legend-dot.status-occupied{background:var(--status-occupied);box-shadow:0 0 8px var(--status-occupied)}.fp-legend-dot.status-reserved{background:var(--status-reserved);box-shadow:0 0 8px var(--status-reserved)}.fp-upcoming-list{flex-direction:column;gap:10px;display:flex}.fp-upcoming-card{border:1px solid var(--glass-border);background:#ffffff05;border-radius:12px;align-items:center;gap:12px;padding:10px;transition:all .3s;display:flex}.fp-upcoming-card:hover{background:#ffffff0d;transform:translate(4px)}.fp-up-time{color:var(--accent);border-right:1px solid var(--glass-border);min-width:50px;padding-right:12px;font-family:Courier New,monospace;font-size:.85rem;font-weight:700}.fp-up-info{flex-grow:1}.fp-up-name{color:var(--text-main);font-size:.85rem;font-weight:600}.fp-up-table{color:var(--text-muted);font-size:.7rem}.fp-empty-state{color:var(--text-muted);text-align:center;padding:20px;font-size:.8rem;font-style:italic}[dir=rtl] .fp-up-time{border-right:none;border-left:1px solid var(--glass-border);padding-left:12px;padding-right:0}[dir=rtl] .fp-upcoming-card:hover{transform:translate(-4px)}.coupon-page{min-height:100vh;padding:20px 20px 80px}.coupon-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px;display:grid}.inline-form-container{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-premium);border-radius:24px;margin-bottom:30px;overflow:hidden}.inline-form-header{border-bottom:1px solid var(--border);background:#fa5b0008;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.inline-form-header h2{align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.inline-form-body{padding:30px}.form-curtain{overflow:hidden}.stat-card{border-radius:16px;align-items:center;gap:15px;padding:20px;transition:transform .3s;display:flex;box-shadow:0 4px 15px #0000000d}.stat-card:hover{transform:translateY(-5px)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-icon.total{color:#4f46e5;background:#4f46e51a}.stat-icon.active{color:#10b981;background:#10b9811a}.stat-icon.expired{color:#ef4444;background:#ef44441a}.stat-info .label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;display:block}.stat-info .value{color:var(--text-primary);font-size:24px;font-weight:700}.coupon-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.coupon-card{border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-premium);border-radius:20px;flex-direction:column;gap:15px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.coupon-card:hover{background:#fa5b0005;border-color:#fa5b0080;transform:translateY(-8px);box-shadow:0 20px 40px -15px #fa5b0033}.coupon-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#fa5b000d 0%,#0000 100%);height:100%;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.coupon-card:hover:before{opacity:1}.coupon-card.expired{opacity:.7;filter:grayscale(.5)}.coupon-header{justify-content:space-between;align-items:center;display:flex}.coupon-code-badge{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#fa5b00,#ff8c42);border-radius:10px;align-items:center;gap:8px;padding:8px 15px;font-weight:700;display:flex;box-shadow:0 4px 10px #fa5b004d}.more-options-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:5px}.more-options-btn:hover{background:#ffffff1a}.coupon-dropdown-menu{background:var(--bg-card);border:1px solid var(--border);z-index:10;border-radius:12px;width:150px;padding:8px;position:absolute;top:50px;right:20px;box-shadow:0 10px 25px #0003}.coupon-dropdown-menu button{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:13px;display:flex}.coupon-dropdown-menu button:hover{color:#fa5b00;background:#fa5b001a}.coupon-dropdown-menu .delete-action:hover{color:#ef4444;background:#ef44441a}.discount-info{align-items:baseline;gap:5px;display:flex}.discount-info .amount{color:var(--text-primary);font-size:32px;font-weight:800}.discount-info .type{color:var(--text-secondary);text-transform:uppercase;font-size:14px}.coupon-meta{flex-direction:column;gap:8px;display:flex}.meta-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.coupon-footer{border-top:2px dashed var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex;position:relative}.coupon-footer:before,.coupon-footer:after{content:"";background:var(--bg-darker);border:1px solid var(--border);z-index:1;border-radius:50%;width:22px;height:22px;position:absolute;top:-11px}.coupon-footer:before{left:-36px;box-shadow:inset -5px 0 10px #0000000d}.coupon-footer:after{right:-36px;box-shadow:inset 5px 0 10px #0000000d}.status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.usage-info{color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;display:flex}.cat-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cat-modal-container{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:20px;flex-direction:column;width:100%;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.cat-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cat-modal-form{padding:24px;overflow-y:auto}.cat-modal-footer{border-top:1px solid var(--border);background:#0000000d;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.form-grid{flex-direction:column;gap:20px;display:flex}.no-data{color:var(--text-secondary);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:15px;padding:60px;display:flex}.coupon-page .input-field,.coupon-page .select-field,.cat-modal-overlay .input-field,.cat-modal-overlay .select-field{border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:all .2s;color:#1e293b!important;background:#fff!important;border:1px solid #e2e8f0!important}.dark .coupon-page .input-field,.dark .coupon-page .select-field,.dark .cat-modal-overlay .input-field,.dark .cat-modal-overlay .select-field{color:#f8fafc!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important}.coupon-page .input-field:focus,.coupon-page .select-field:focus,.cat-modal-overlay .input-field:focus,.cat-modal-overlay .select-field:focus{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 4px #fa5b001a!important}.dark .coupon-page .input-field:focus,.dark .coupon-page .select-field:focus,.dark .cat-modal-overlay .input-field:focus,.dark .cat-modal-overlay .select-field:focus{background:#0000004d!important}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.coupon-preview-mini{color:var(--primary);background:#fa5b001a;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:flex}[dir=rtl] .coupon-page{text-align:right}[dir=rtl] .coupon-header{flex-direction:row-reverse}[dir=rtl] .coupon-code-badge{letter-spacing:0;flex-direction:row-reverse}[dir=rtl] .coupon-dropdown-menu{left:20px;right:auto}[dir=rtl] .coupon-dropdown-menu button{text-align:right;flex-direction:row-reverse}[dir=rtl] .discount-info{flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .meta-item,[dir=rtl] .coupon-footer{flex-direction:row-reverse}[dir=rtl] .coupon-footer:before{left:auto;right:-36px;box-shadow:inset 5px 0 10px #0000000d}[dir=rtl] .coupon-footer:after{left:-36px;right:auto;box-shadow:inset -5px 0 10px #0000000d}[dir=rtl] .usage-info,[dir=rtl] .cat-modal-header,[dir=rtl] .cat-modal-footer{flex-direction:row-reverse}[dir=rtl] .form-group label,[dir=rtl] .input-field,[dir=rtl] .select-field{text-align:right}[dir=rtl] .header-text p{text-align:right}[dir=rtl] .coupon-stats-grid{direction:rtl}[dir=rtl] .stat-card{text-align:right;flex-direction:row-reverse}[dir=rtl] .controls-bar,[dir=rtl] .cat-search-wrapper{flex-direction:row-reverse}[dir=rtl] .filter-actions{flex-direction:row-reverse}.highlight-pulse{z-index:10;animation:2s infinite highlightPulse;border:2px solid #eab308!important}.admins-page{background-color:var(--bg-darker);color:var(--text-primary);padding:32px 48px}.page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.header-text h1{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.header-text p{color:var(--text-secondary);margin-top:6px;font-size:14px}.header-actions{gap:12px;display:flex}.export-btn{background:var(--bg-card);border:1px solid var(--border);color:#3b82f6;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.add-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.controls-bar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.search-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;flex-grow:1;align-items:center;min-width:200px;height:40px;transition:all .2s;display:flex;position:relative;max-width:none!important}.search-wrapper:focus-within{background:#ffffff14;border-color:#4f46e5}.search-wrapper input{width:100%;height:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:0 16px;font-size:13px}.search-wrapper input::placeholder{color:var(--text-muted)}.search-icon-right{color:var(--text-muted);width:16px;height:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.filter-actions{flex-shrink:0;gap:12px;display:flex}.dropdown-control{background:var(--bg-card);border:1px solid var(--border);height:40px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;padding:0 14px;display:flex}.dropdown-control b{color:var(--text-primary);font-weight:700}.admins-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px;display:grid}@media (width<=1400px){.admins-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.admins-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.admins-grid{grid-template-columns:1fr}}.admin-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-premium);border-radius:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.admin-card:hover{background:var(--bg-glass);border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 20px -5px #0000001a}.dark .admin-card:hover{box-shadow:0 10px 20px -5px #0006}.admin-card-main{align-items:center;gap:16px;display:flex}.admin-avatar-left{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 8px #4f46e533}.admin-details-middle{flex-grow:1;min-width:0}.admin-name-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.admin-details-middle h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.admin-created{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.admin-actions-right{align-items:center;gap:12px;display:flex}.more-options-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s;display:flex}.more-options-btn:hover{background:var(--border);color:var(--text-primary)}.admin-role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.admin-role-badge.superadmin{color:#f59e0b;background:#f59e0b26}.admin-role-badge.admin{color:#3b82f6;background:#3b82f626}.dropdown-menu{z-index:100;position:absolute;top:45px;right:0;background:var(--bg-dark)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-premium)!important;border-radius:var(--radius-md)!important}.dropdown-menu button{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;transition:all .2s;display:flex;color:var(--text-primary)!important}.dropdown-menu button:hover{background:var(--border)!important}.dropdown-menu button.delete-action{color:#ef4444!important}.dropdown-menu button.delete-action:hover{background:#ef44441a!important}.modal-container{background:var(--bg-dark);border:1px solid var(--border);width:100%;max-width:550px;box-shadow:var(--shadow-premium);border-radius:12px;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.close-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;display:flex}.modal-form{flex-direction:column;gap:16px;padding:16px 20px;display:flex}.profile-upload-section{background:var(--bg-darker);border:1px solid var(--border);border-radius:12px;align-items:center;gap:20px;margin-bottom:8px;padding:16px;display:flex}.profile-preview-wrapper{cursor:pointer;border:2px dashed var(--border);border-radius:50%;flex-shrink:0;width:80px;height:80px;transition:all .3s;position:relative;overflow:hidden}.profile-preview-wrapper:hover{border-color:#4f46e5}.profile-preview-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.profile-placeholder{width:100%;height:100%;color:var(--text-muted);background:#ffffff08;justify-content:center;align-items:center;display:flex}.upload-overlay{color:#fff;opacity:0;background:#4f46e5cc;justify-content:center;align-items:center;height:30%;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.profile-preview-wrapper:hover .upload-overlay{opacity:1}.upload-info h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.upload-info p{color:var(--text-muted);margin:4px 0 0;font-size:12px}.admin-avatar-left.overflow-hidden{background:var(--border);padding:0;overflow:hidden}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:700;display:block}.input-field,.select-field{background:var(--bg-dark);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.input-field:focus,.select-field:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 4px #fa5b001a}.input-field::placeholder{color:var(--text-muted);opacity:.7}.select-wrapper{position:relative}.select-wrapper .chevron-icon{pointer-events:none;color:var(--text-muted);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.select-field{appearance:none;cursor:pointer}.permissions-section{background:var(--bg-darker);border:1px solid var(--border);border-radius:12px;margin-top:8px;padding:16px}.permissions-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.permissions-header h4{margin:0;font-size:14px;font-weight:700}.select-all-toggle{cursor:pointer;color:#4f46e5;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.permissions-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-height:200px;padding-right:8px;display:grid;overflow-y:auto}.permissions-grid::-webkit-scrollbar{width:4px}.permissions-grid::-webkit-scrollbar-thumb{background:var(--border)}.perm-checkbox{background:var(--bg-card);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px;transition:background .2s;display:flex}.perm-checkbox:hover{background:#ffffff0f}.perm-checkbox span{color:var(--text-secondary);font-size:12px}.modal-footer{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.modal-btn{cursor:pointer;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600}.modal-btn-save{color:#fff;background:#4f46e5;border:none}.delete-confirm-overlay{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0006!important}.delete-confirm-card{text-align:center;max-width:320px!important;padding:32px 24px!important}.delete-confirm-content{flex-direction:column;align-items:center;gap:16px;display:flex}.delete-icon-wrapper{color:#ef4444;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:8px;display:flex}.delete-confirm-content h3{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.delete-confirm-content p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.delete-confirm-actions{gap:12px;width:100%;margin-top:12px;display:flex}.delete-confirm-actions button{flex:1}.shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%!important;animation:1.5s infinite shimmer!important}.admins-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=900px){.admins-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.admins-stats{grid-template-columns:1fr}}.stat-box{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex}.stat-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-icon-circle.blue{color:#3b82f6;background:#3b82f61a}.stat-icon-circle.green{color:#22c55e;background:#22c55e1a}.stat-icon-circle.red{color:#ef4444;background:#ef44441a}.stat-icon-circle.purple{color:#a855f7;background:#a855f71a}.stat-icon-circle.orange{color:#f59e0b;background:#f59e0b1a}.stat-content h4{margin:0;font-size:18px;font-weight:700}.stat-content span{color:var(--text-muted);font-size:12px}[dir=rtl] .page-header,[dir=rtl] .search-wrapper input{text-align:right}[dir=rtl] .search-icon-right{left:12px;right:auto}[dir=rtl] .stat-box{text-align:right;flex-direction:row-reverse}[dir=rtl] .stat-content{text-align:right;flex-grow:1}[dir=rtl] .admin-card-main{flex-direction:row}[dir=rtl] .admin-details-middle{text-align:right}[dir=rtl] .admin-name-row{flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .admin-actions-right{flex-direction:row-reverse}[dir=rtl] .dropdown-menu{left:0;right:auto}[dir=rtl] .dropdown-menu button{text-align:right;flex-direction:row-reverse}[dir=rtl] .modal-header{flex-direction:row-reverse}[dir=rtl] .modal-form,[dir=rtl] .form-group label,[dir=rtl] .input-field,[dir=rtl] .select-field{text-align:right}[dir=rtl] .select-wrapper .chevron-icon{left:16px;right:auto}[dir=rtl] .permissions-header,[dir=rtl] .select-all-toggle{flex-direction:row-reverse}[dir=rtl] .perm-checkbox{flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .modal-footer{justify-content:flex-start}[dir=rtl] .profile-upload-section{flex-direction:row-reverse}[dir=rtl] .upload-info{text-align:right}[dir=rtl] .admin-avatar-left{box-shadow:-4px 4px 8px #4f46e533}[dir=rtl] .delete-confirm-card{text-align:center}[dir=rtl] .delete-confirm-actions{flex-direction:row-reverse}.media-layout{gap:24px;display:flex}.media-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.media-card{cursor:pointer;box-shadow:none;background:#fff;border:1px solid #ececec;border-radius:24px;flex-direction:column;align-items:stretch;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.dark .media-card{background:var(--bg-card)!important;border-color:var(--border)!important}.media-card:hover{box-shadow:none!important;border-color:#ececec!important;transform:none!important}.dark .media-card:hover{border-color:var(--border)!important}.media-card.active{background:#fff0e6!important;border-color:#fa5b00!important}.dark .media-card.active{background:#fa5b001a!important;border-color:#fa5b00!important}.media-card .image-container{aspect-ratio:1;background:var(--bg-darker);border:3px solid #fff;border-radius:16px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}.dark .media-card .image-container{border-color:var(--border)}.media-card:hover .image-container{border-color:#fff}.dark .media-card:hover .image-container{border-color:var(--border)}.media-card img{-o-object-fit:cover;object-fit:cover;will-change:transform;border-radius:12px;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)!important}.media-card:hover img{transform:scale(1.12)!important}.card-delete-btn{color:#ef4444;cursor:pointer;z-index:10;opacity:0;background:#fffffff2;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:8px;right:8px;transform:scale(.8)}.dark .card-delete-btn{background:#1e293bf2;border-color:#ffffff14}.media-card:hover .card-delete-btn{opacity:1;transform:scale(1)}.card-delete-btn:hover{color:#fff!important;background:#ef4444!important;transform:scale(1.1)!important}.media-card .card-info{text-align:center;background:0 0;flex-direction:column;gap:4px;padding:12px 0 0;display:flex}.media-card .file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;display:block;overflow:hidden}.media-card .file-meta{color:var(--text-secondary);font-size:11.5px;font-weight:500}.media-preview-sidebar{background:var(--bg-card);border:1px solid var(--border);width:320px;height:fit-content;box-shadow:var(--shadow-premium);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:24px;padding:24px;transition:all .3s;position:sticky;top:120px}.media-preview-sidebar .sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.media-preview-sidebar h3{background:linear-gradient(135deg,#fa5b00 0%,#ff8c42 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:17px;font-weight:700}.media-preview-sidebar button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.media-preview-sidebar button:hover{color:var(--danger)}.preview-image-box{aspect-ratio:1;background:var(--bg-darker);border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex;overflow:hidden}.preview-image-box img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.details-list{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.detail-item label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.detail-item p{color:var(--text-primary);word-break:break-all;margin:0;font-size:13px;font-weight:600}.url-copy-box{border:1px solid var(--border);background:#0000000a;border-radius:8px;gap:8px;padding:4px;display:flex}.dark .url-copy-box{background:#ffffff0a}.url-copy-box input{color:var(--text-secondary);background:0 0;border:none;outline:none;flex:1;padding:4px 8px;font-size:12px}.url-copy-box button{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.url-copy-box button:hover{color:#fff;background:#fa5b00;border-color:#fa5b00}.sidebar-footer{gap:12px;display:flex}.sidebar-footer .action-btn{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.sidebar-footer .action-btn:first-child{background:var(--bg-darker);color:var(--text-primary);border:1px solid var(--border)}.sidebar-footer .action-btn:first-child:hover{background:var(--bg-card);color:#fa5b00;border-color:#fa5b00}.sidebar-footer .action-btn.delete{color:var(--danger)!important;background:#ef44441a!important;border:1px solid #ef444433!important}.sidebar-footer .action-btn.delete:hover{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important;box-shadow:0 4px 12px #ef444433!important}.upload-modal{max-width:500px!important}.dropzone{aspect-ratio:16/9;cursor:pointer;background:#fff;border:2px dashed #ffe4cc;border-radius:20px;justify-content:center;align-items:center;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.dark .dropzone{background:var(--bg-darker);border-color:#fa5b004d}.dropzone:hover{background:#fff0e6;border-color:#fa5b00;transform:scale(1.02)}.dark .dropzone:hover{background:#fa5b000d}.idle-state{text-align:center}.idle-state h3{color:var(--text-primary);margin:12px 0 4px;font-size:16px;font-weight:700}.idle-state p{color:var(--text-muted);margin:0;font-size:13px}.icon-box{color:#fa5b00;background:#fff0e6;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;display:flex}.dark .icon-box{background:#fa5b001a}.uploading-state{text-align:center}.uploading-state p{color:var(--text-secondary);margin-top:12px;font-size:14px;font-weight:600}.loading-container{justify-content:center;align-items:center;height:400px;display:flex}.animate-spin{color:#fa5b00;animation:1s linear infinite spin}@media (width<=1024px){.media-layout{flex-direction:column}.media-preview-sidebar{width:100%;position:static}}[dir=rtl] .media-preview-sidebar{text-align:right}[dir=rtl] .media-preview-sidebar .sidebar-header,[dir=rtl] .url-copy-box{flex-direction:row-reverse}[dir=rtl] .url-copy-box input{text-align:right}.cat-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#000000b3;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.cat-modal-container{background:var(--bg-card);width:100%;max-width:850px;max-height:90vh;color:var(--text-primary);border:1px solid var(--border);border-radius:24px;flex-direction:column;margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0003}.dark .cat-modal-container{border-color:#ffffff14}.cat-modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.cat-modal-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.close-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;transition:color .2s;display:flex}.close-btn:hover{color:var(--text-primary)}.cat-modal-form{flex-direction:column;flex:1;gap:16px;padding:24px 32px;display:flex;overflow-y:auto}.modal-btn{cursor:pointer;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.modal-btn-cancel{color:var(--text-primary);background:0 0;border:1px solid #ffffff1a}.modal-btn-cancel:hover{background:#ffffff0d}.modal-btn-delete{color:#fff;background:#ef4444;border:none}.modal-btn-delete:hover{background:#dc2626}.media-library-page,.media-library-page *{box-shadow:none!important}.filter-info{border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex;color:#fa5b00!important;background:#fff5eb!important;border:1px solid #ffe4cc!important}.dark .filter-info{color:#fa5b00!important;background:#fa5b001a!important;border-color:#fa5b0040!important}.filter-info svg{color:#fa5b00!important;stroke:#fa5b00!important;stroke-width:2.5px!important}.role-form-container{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;flex-direction:column;width:100%;height:auto;min-height:calc(100vh - 120px);display:flex;overflow:visible}.role-form-container.dark{--bg-card:#1e293b;--bg-secondary:#0f172a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155;--input-bg:#0f172a}.form-header{z-index:1000;border-bottom:1px solid var(--border-color,#e2e8f0);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #0000000d}.header-title{color:#fa5b00;align-items:center;gap:.75rem;display:flex}.header-title h2{color:var(--text-primary,#0f172a);margin:0;font-size:1.25rem;font-weight:600}.role-form-header-actions{align-items:center;gap:1rem;display:flex}.btn-cancel-header{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:10px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-cancel-header:hover{background:var(--bg-secondary)}.btn-save-header{cursor:pointer;color:#fff;background:linear-gradient(135deg,#fa5b00 0%,#ff7d33 100%);border:none;border-radius:10px;align-items:center;gap:.625rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #fa5b0033}.btn-save-header:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fa5b004d}.btn-save-header:disabled{opacity:.6;cursor:not-allowed;transform:none}.close-btn{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);width:40px;height:40px;color:var(--text-secondary,#64748b);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;margin-left:.5rem;transition:all .2s;display:flex}.close-btn:hover{background:var(--bg-secondary,#f1f5f9);color:var(--text-primary,#0f172a)}.form-body{height:auto;padding:1.5rem 1.5rem 2rem;overflow:visible}.form-section{margin-bottom:1.5rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-primary,#0f172a);font-size:.875rem;font-weight:500}.form-group input[type=text],.form-group textarea{border:1px solid var(--border-color,#e2e8f0);background:var(--input-bg,#fff);color:var(--text-primary,#0f172a);border-radius:10px;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#fa5b00;outline:none;box-shadow:0 0 0 3px #fa5b001a}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:.75rem}.form-group textarea{resize:vertical;min-height:80px}.toggle-wrapper{align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.toggle{width:48px;height:26px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--border-color,#e2e8f0);border-radius:26px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:#fa5b00}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-label{color:var(--text-secondary,#64748b);font-size:.875rem}.permissions-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:32px;flex-direction:column;gap:3.5rem;height:auto;margin-top:3rem;padding:3.5rem;display:flex;overflow:visible;box-shadow:0 10px 40px #00000008}.permissions-header-main{z-index:10;background:var(--bg-card);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:32px 32px 0 0;justify-content:space-between;align-items:center;margin:-3.5rem -3.5rem 2rem;padding:1.5rem;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:1.25rem;display:flex}.header-left h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.icon-primary{color:#fa5b00}.header-left .search-permissions{border-bottom:none;width:100%;max-width:300px;padding:0;position:relative}.header-left .search-permissions svg{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.header-left .search-permissions input{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:10px;padding:.625rem 1rem .625rem 2.5rem;font-size:.875rem;transition:all .2s}.header-left .search-permissions input:focus{border-color:#fa5b00;box-shadow:0 0 0 3px #fa5b001a}.header-right{align-items:center;gap:2rem;display:flex}.total-stats{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.count-text{color:#fa5b00;text-align:right;min-width:60px;font-size:.875rem;font-weight:600}.header-actions-links{gap:1rem;display:flex}.link-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.link-btn:hover{color:#fa5b00;background:#fa5b000d}.error-message-box{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:.75rem;padding:1rem;font-size:.875rem;display:flex}.permissions-layout{grid-template-columns:240px 1fr;align-items:flex-start;gap:2.5rem;display:grid}.permissions-nav-index{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;max-height:calc(100vh - 200px);padding:1.25rem;position:sticky;top:100px;overflow-y:auto}.nav-index-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.75rem;font-weight:700}.nav-index-list{flex-direction:column;gap:.5rem;display:flex}.nav-index-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.nav-index-item:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.nav-index-item.has-selection{color:#fa5b00;background:#fa5b000d}.nav-index-item.all-selected{color:#22c55e;background:#22c55e0d}.nav-item-indicator{background:var(--border-color);border-radius:50%;width:6px;height:6px;transition:all .2s}.nav-index-item.has-selection .nav-item-indicator{background:#fa5b00;box-shadow:0 0 8px #fa5b0066}.nav-index-item.all-selected .nav-item-indicator{background:#22c55e;box-shadow:0 0 8px #22c55e66}.nav-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-item-check{color:inherit;align-items:center;display:flex}.permissions-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;height:auto;display:grid;overflow:visible}.permission-module-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;height:fit-content;transition:all .2s;overflow:hidden}.permission-module-card:hover{border-color:var(--text-secondary);box-shadow:0 4px 12px #0000000d}.permission-module-card.expanded{border-color:var(--text-secondary);box-shadow:0 10px 30px #00000014}.permission-module-card.partial-selected{background:#fa5b0003;border-color:#fa5b00}.permission-module-card.all-selected{background:#22c55e03;border-color:#22c55e}.permission-module-card.all-selected .module-label{color:#22c55e}.permission-module-card.partial-selected .module-label{color:#fa5b00}.module-card-header{cursor:pointer;background:var(--bg-card);justify-content:space-between;align-items:center;min-height:80px;padding:1.25rem 1.5rem;display:flex}.module-title-group{flex-direction:column;gap:.25rem;display:flex}.module-label{color:var(--text-primary);font-size:1rem;font-weight:600}.module-selection-count{color:var(--text-secondary);font-size:.75rem;font-weight:500}.module-actions{align-items:center;gap:1rem;display:flex}.module-badge-count{background:var(--bg-secondary);color:var(--text-secondary);text-align:center;border-radius:6px;min-width:28px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.expand-chevron{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;transition:transform .2s;display:flex}.module-permissions-content{border-top:1px dashed var(--border-color);background:var(--bg-secondary)}.permissions-items-list{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.permission-item-row{background:var(--bg-card);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;min-height:60px;padding:1rem;transition:all .2s;display:flex}.permission-item-row:hover{border-color:var(--border-color)}.perm-info{flex-direction:column;gap:.125rem;display:flex;overflow:hidden}.perm-display-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.perm-key-text{color:var(--text-secondary);font-family:monospace;font-size:.7rem}.toggle-switch{width:44px;height:22px;display:inline-block;position:relative}.toggle-switch.mini{width:36px;height:18px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--border-color);border-radius:34px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch.mini .toggle-slider:before{width:14px;height:14px;bottom:2px;left:2px}input:checked+.toggle-slider{background-color:#fa5b00}input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch.mini input:checked+.toggle-slider:before{transform:translate(18px)}.loading-permissions{color:var(--text-secondary);flex-direction:column;grid-column:1/-1;align-items:center;gap:1rem;padding:4rem;display:flex}.no-results{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:4rem;font-size:1rem}@media (width<=1024px){.permissions-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (width<=768px){.header-left{flex-direction:column;align-items:flex-start;gap:1rem}.header-left .search-permissions{max-width:none}.header-right{justify-content:space-between;gap:1rem;width:100%}.permissions-grid{grid-template-columns:1fr}}@media (width<=480px){.header-right{flex-direction:column;align-items:flex-start}.total-stats{justify-content:space-between;width:100%}}.role-details-modal{background:var(--bg-card,#fff);border-radius:20px;flex-direction:column;width:95%;max-width:600px;max-height:85vh;display:flex;overflow:hidden}.role-details-modal.dark{--bg-card:#1e293b;--bg-secondary:#0f172a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155}.role-details-modal .modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.role-details-modal .header-title{color:#fa5b00;align-items:center;gap:.75rem;display:flex}.role-details-modal .header-title h2{color:var(--text-primary,#0f172a);margin:0;font-size:1.25rem;font-weight:600}.role-details-modal .close-btn{border:1px solid var(--border-color,#e2e8f0);width:36px;height:36px;color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.role-details-modal .close-btn:hover{background:var(--bg-secondary,#f1f5f9);color:var(--text-primary,#0f172a)}.role-details-modal .modal-body{flex:1;padding:1.5rem;overflow-y:auto}.role-info-card{background:linear-gradient(135deg,#fa5b0014 0%,#ff7d3314 100%);border:1px solid #fa5b0026;border-radius:16px;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.role-avatar-large{color:#fff;background:linear-gradient(135deg,#fa5b00 0%,#ff7d33 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 8px 24px #fa5b0040}.role-info{flex:1}.role-info h3{color:var(--text-primary,#0f172a);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.role-info p{color:var(--text-secondary,#64748b);margin:0 0 1rem;font-size:.9rem;line-height:1.5}.role-meta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.role-meta .status-badge{text-transform:uppercase;border-radius:20px;align-items:center;padding:.375rem .75rem;font-size:.7rem;font-weight:600;display:inline-flex}.role-meta .status-badge.active{color:#22c55e;background:#22c55e26}.role-meta .status-badge.inactive{color:#f97316;background:#f9731626}.role-meta .meta-item{color:var(--text-secondary,#64748b);align-items:center;gap:.375rem;font-size:.8rem;display:flex}.permissions-summary{margin-bottom:1.5rem}.permissions-summary h4,.permissions-details h4{color:var(--text-primary,#0f172a);margin:0 0 .75rem;font-size:.9rem;font-weight:600}.summary-badges{flex-wrap:wrap;gap:.5rem;display:flex}.module-badge{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:20px;align-items:center;gap:.5rem;padding:.5rem .875rem;transition:all .2s;display:flex}.module-badge:hover{background:#fa5b000d;border-color:#fa5b00}.badge-label{color:var(--text-primary,#0f172a);font-size:.8rem;font-weight:500}.badge-count{color:#fa5b00;background:#fa5b0026;border-radius:10px;padding:.125rem .5rem;font-size:.7rem;font-weight:600}.loading-badges{color:var(--text-secondary,#64748b);font-size:.8rem}.permissions-details{border-top:1px solid var(--border-color,#e2e8f0);padding-top:1.5rem}.permissions-list{flex-direction:column;gap:.5rem;display:flex}.permissions-list .permission-module{border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow:hidden}.permissions-list .module-header{background:var(--bg-secondary,#f8fafc);cursor:pointer;justify-content:space-between;align-items:center;padding:.875rem 1rem;transition:background .2s;display:flex}.permissions-list .module-header:hover{background:var(--border-color,#e2e8f0)}.permissions-list .module-name{color:var(--text-primary,#0f172a);font-size:.875rem;font-weight:600}.permissions-list .module-count{color:var(--text-secondary,#64748b);margin-right:.5rem;font-size:.75rem}.permissions-list .module-permissions{background:var(--bg-card,#fff);flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.permissions-list .permission-item{align-items:center;gap:.5rem;display:flex}.permissions-list .check-icon{color:#22c55e;flex-shrink:0}.permissions-list .perm-name{color:var(--text-primary,#0f172a);font-size:.8rem}.role-details-modal .modal-footer{border-top:1px solid var(--border-color,#e2e8f0);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.role-details-modal .btn-cancel{border:1px solid var(--border-color,#e2e8f0);color:var(--text-primary,#0f172a);cursor:pointer;background:0 0;border-radius:10px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.role-details-modal .btn-cancel:hover{background:var(--bg-secondary,#f1f5f9)}.role-details-modal .btn-primary{cursor:pointer;color:#fff;background:linear-gradient(135deg,#fa5b00 0%,#ff7d33 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #fa5b0040}.role-details-modal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fa5b0059}@media (width<=640px){.role-details-modal{border-radius:0;width:100%;max-width:none;max-height:100%}.role-info-card{text-align:center;flex-direction:column;align-items:center}.role-meta{justify-content:center}.role-details-modal .modal-footer{flex-direction:column}.role-details-modal .modal-footer button{justify-content:center;width:100%}}.roles-page{min-height:100vh;padding:1.5rem}.roles-page::-webkit-scrollbar{display:none}.roles-page{-ms-overflow-style:none;scrollbar-width:none}.roles-page.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155}.roles-page:not(.dark){--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.header-text h1{color:var(--text-primary);margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.header-text p{color:var(--text-secondary);margin:0;font-size:.95rem}.header-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#fa5b00 0%,#ff7d33 100%);box-shadow:0 4px 12px #fa5b0040}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fa5b0059}.roles-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.blue{color:#3b82f6;background:#3b82f626}.stat-icon.green{color:#22c55e;background:#22c55e26}.stat-icon.orange{color:#f97316;background:#f9731626}.stat-icon.purple{color:#a855f7;background:#a855f726}.stat-info{flex-direction:column;display:flex}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.8rem}.controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-box{flex:1;max-width:400px;position:relative}.search-box input:focus{border-color:#fa5b00;outline:none;box-shadow:0 0 0 3px #fa5b001a}.search-box .clear-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.filter-controls{gap:.75rem;display:flex}.filter-dropdown{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.filter-dropdown select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding-right:.5rem;font-size:.875rem}.filter-dropdown select:focus{outline:none}.roles-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.roles-table{border-collapse:collapse;width:100%}.roles-table th{text-align:left;background:var(--bg-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding:1rem 1.25rem;font-size:.8rem;font-weight:600}.sort-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;display:flex}.roles-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1rem 1.25rem}.roles-table tbody tr:last-child td{border-bottom:none}.roles-table tbody tr:hover{background:var(--bg-secondary)}.role-name-cell{align-items:center;gap:.75rem;display:flex}.role-avatar{color:#fa5b00;background:linear-gradient(135deg,#fa5b0026 0%,#ff7d3326 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.role-name{color:var(--text-primary);font-weight:600}.role-description{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.875rem;overflow:hidden}.users-count,.permissions-count,.date-cell{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.status-badge{text-transform:uppercase;border-radius:20px;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.active{color:#22c55e;background:#22c55e26}.status-badge.inactive{color:#f97316;background:#f9731626}.actions-cell{position:relative}.action-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.actions-dropdown{background:var(--bg-card);border:1px solid var(--border-color);z-index:100;border-radius:12px;min-width:160px;margin-top:.5rem;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.actions-dropdown button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;transition:background .2s;display:flex}.actions-dropdown button:hover{background:var(--bg-secondary)}.actions-dropdown .delete-action{color:#ef4444}.dropdown-divider{background:var(--border-color);height:1px;margin:.25rem 0}.click-outside{z-index:50;position:fixed;inset:0}.empty-state p{margin-bottom:1.5rem}.empty-state .btn-primary{margin:0 auto}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.1)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-modal{background:var(--bg-card);text-align:center;border-radius:20px;width:90%;max-width:400px;padding:2rem}.delete-icon{color:#ef4444;background:#ef444426;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.delete-modal h3{margin-bottom:.5rem;font-size:1.25rem}.delete-modal p{color:var(--text-secondary);margin-bottom:1.5rem}.delete-actions{justify-content:center;gap:.75rem;display:flex}.btn-cancel{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-cancel:hover{background:var(--border-color)}.btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-delete:hover{background:#dc2626}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-end}.controls-bar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.roles-table-container{overflow-x:auto}.roles-table{min-width:800px}}@media (width<=480px){.roles-page,.stat-card{padding:1rem}.btn-primary,.btn-secondary{padding:.5rem .75rem;font-size:.8rem}}.activity-logs-page{min-height:100vh;padding:1.5rem}.activity-logs-page.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155;--input-bg:#0f172a}.activity-logs-page:not(.dark){--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0;--input-bg:#fff}.activity-logs-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.activity-logs-page .header-text h1{color:var(--text-primary);margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.activity-logs-page .header-text p{color:var(--text-secondary);margin:0;font-size:.95rem}.activity-logs-page .header-actions{gap:.75rem;display:flex}.logs-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.logs-stats .stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.logs-stats .stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a}.logs-stats .stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.logs-stats .stat-icon.blue{color:#3b82f6;background:#3b82f626}.logs-stats .stat-icon.green{color:#22c55e;background:#22c55e26}.logs-stats .stat-icon.red{color:#ef4444;background:#ef444426}.logs-stats .stat-info{flex-direction:column;display:flex}.logs-stats .stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.logs-stats .stat-label{color:var(--text-secondary);font-size:.8rem}.filters-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:1.5rem;padding:1rem}.search-row{align-items:center;gap:1rem;display:flex}.search-box{flex:1;position:relative}.search-box .search-icon{color:var(--text-secondary);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-box input{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:12px;padding:.75rem 2.5rem .75rem 2.75rem;font-size:.9rem}.search-box input:focus{border-color:#fa5b00;outline:none}.search-box .clear-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.filter-toggle-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.filter-toggle-btn:hover{border-color:#fa5b00}.filter-badge{color:#fff;background:#fa5b00;border-radius:10px;padding:.125rem .375rem;font-size:.7rem}.filters-panel{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem;overflow:hidden}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.filter-group{flex-direction:column;gap:.375rem;display:flex}.filter-group label{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:500}.filter-group select,.filter-group input{border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);border-radius:8px;padding:.625rem .875rem;font-size:.875rem}.filter-group select:focus,.filter-group input:focus{border-color:#fa5b00;outline:none}.filters-actions{justify-content:flex-end;gap:.75rem;display:flex}.btn-clear{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem 1rem;font-size:.875rem}.btn-apply{color:#fff;cursor:pointer;background:#fa5b00;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.875rem}.logs-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.logs-table{border-collapse:collapse;width:100%}.logs-table th{text-align:left;background:var(--bg-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding:1rem 1.25rem;font-size:.75rem;font-weight:600}.logs-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.875rem 1.25rem}.logs-table tbody tr:hover{background:var(--bg-secondary)}.user-cell{align-items:center;gap:.75rem;display:flex}.user-avatar{color:#fa5b00;background:linear-gradient(135deg,#fa5b0026,#ff7d3326);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.user-role{color:var(--text-secondary);font-size:.75rem}.action-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:6px;padding:.375rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.action-badge.default{background:var(--bg-secondary);color:var(--text-secondary)}.action-badge.success{color:#22c55e;background:#22c55e26}.action-badge.danger{color:#ef4444;background:#ef444426}.action-badge.warning{color:#f97316;background:#f9731626}.action-badge.info{color:#3b82f6;background:#3b82f626}.entity-cell{flex-direction:column;gap:.125rem;display:flex}.entity-type{text-transform:uppercase;color:var(--text-secondary);font-size:.7rem;font-weight:500}.entity-name{color:var(--text-primary);font-size:.8rem}.time-cell,.ip-cell{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.view-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.view-btn:hover{background:var(--bg-secondary);color:#fa5b00;border-color:#fa5b00}.pagination{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.pagination-info{color:var(--text-secondary);font-size:.8rem}.pagination-controls{align-items:center;gap:.5rem;display:flex}.page-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-indicator{color:var(--text-secondary);padding:0 .5rem;font-size:.8rem}.empty-state{text-align:center;color:var(--text-secondary);padding:4rem 2rem}.empty-state svg{opacity:.3;margin-bottom:1rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.loading-state{padding:1rem}.skeleton-row{background:var(--bg-secondary);border-radius:8px;height:50px;margin-bottom:.5rem;animation:1.5s ease-in-out infinite pulse}.log-details-modal{background:var(--bg-card);border-radius:20px;flex-direction:column;width:95%;max-width:600px;max-height:80vh;display:flex;overflow:hidden}.log-details-modal .modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.log-details-modal .modal-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.log-details-modal .close-btn{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;display:flex}.log-details-modal .modal-body{flex:1;padding:1.5rem;overflow-y:auto}.detail-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.detail-item{flex-direction:column;gap:.25rem;display:flex}.detail-item label{color:var(--text-secondary);text-transform:uppercase;font-size:.7rem;font-weight:500}.detail-item span{color:var(--text-primary);font-size:.875rem}.changes-section{margin-top:1.5rem}.changes-section h4{color:var(--text-primary);margin:0 0 .5rem;font-size:.875rem;font-weight:600}.changes-section pre{background:var(--bg-secondary);color:var(--text-primary);white-space:pre-wrap;word-break:break-all;border-radius:8px;max-height:200px;padding:1rem;font-size:.75rem;overflow:auto}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#fa5b00 0%,#ff7d33 100%)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary)}@media (width<=768px){.search-row{flex-direction:column;align-items:stretch}.filters-grid,.detail-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:1rem}.logs-table-container{overflow-x:auto}.logs-table{min-width:800px}}.access-denied-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.access-denied-page.dark{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}.access-denied-content{text-align:center;z-index:10;position:relative}.access-denied-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto 2rem;display:flex;box-shadow:0 25px 50px -12px #00000040}.access-denied-text{color:#fff;margin-bottom:2rem}.access-denied-text h1{text-shadow:2px 4px 10px #0000004d;background:linear-gradient(#fff 0%,#fffc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:8rem;font-weight:800;line-height:1}.access-denied-text h2{opacity:.95;margin:.5rem 0 1.5rem;font-size:2rem;font-weight:600}.access-denied-text p{opacity:.85;max-width:400px;margin:0 auto;font-size:1.1rem;line-height:1.6}.access-denied-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.access-denied-actions button{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.back-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3}.back-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.home-btn{color:#667eea;background:#fff}.home-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.access-denied-decoration{pointer-events:none;z-index:1;position:absolute;inset:0}.decoration-circle{background:#ffffff1a;border-radius:50%;position:absolute}.circle-1{width:300px;height:300px;animation:6s ease-in-out infinite float;top:-100px;right:-100px}.circle-2{width:200px;height:200px;animation:8s ease-in-out infinite reverse float;bottom:-50px;left:-50px}.circle-3{width:150px;height:150px;animation:4s ease-in-out infinite pulse;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (width<=640px){.access-denied-page{padding:1rem}.access-denied-icon{width:120px;height:120px}.access-denied-icon svg{width:60px;height:60px}.access-denied-text h1{font-size:5rem}.access-denied-text h2{font-size:1.5rem}.access-denied-text p{font-size:.95rem}.access-denied-actions{flex-direction:column}.access-denied-actions button{justify-content:center;width:100%}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.w-full{width:100%}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.object-cover{-o-object-fit:cover;object-fit:cover}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--primary:#fa5b00;--primary-dark:#e65400;--primary-light:#ff7d33;--secondary:#ec4899;--accent:#fa5b00;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--bg-dark:#f8fafc;--bg-darker:#f1f5f9;--bg-card:#fffc;--bg-glass:#ffffffe6;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border:#00000014;--border-focus:#fa5b0066;--glass-blur:blur(16px);--shadow-premium:0 10px 30px -10px #0000001a;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:2rem;--sidebar-width:250px;--sidebar-collapsed-width:80px;--navbar-height:80px;--transition:all .4s cubic-bezier(.4, 0, .2, 1)}.dark{--bg-dark:#0f172a;--bg-darker:#020617;--bg-card:#1e293bcc;--bg-glass:#0f172ae6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#ffffff14;--border-focus:#fa5b0066;--shadow-premium:0 10px 30px -10px #00000080}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s}body{background-color:var(--bg-darker);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}[dir=rtl] body{font-family:Cairo,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;transition:var(--transition);background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}.glass{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition);box-shadow:var(--shadow-premium)}.glass-card:hover{background:#0a0a0a99;border-color:#fa5b004d;transform:translateY(-5px)}.themed-header{background:var(--bg-glass)!important;-webkit-backdrop-filter:var(--glass-blur)!important;backdrop-filter:var(--glass-blur)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-premium)!important;margin-bottom:32px!important;padding:24px 32px!important}.themed-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-premium)!important;transition:var(--transition)!important}.themed-card:hover{border-color:var(--primary-light);transform:translateY(-4px)}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fa5b00,#ec4899,#e65400) 0 0/200% 200%;-webkit-background-clip:text;animation:5s infinite gradientFlow}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-bg{background:linear-gradient(135deg, var(--primary), var(--primary-dark))}.gradient-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-md);transition:var(--transition);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 4px 12px #fa5b004d}.gradient-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #fa5b0066}.gradient-btn:disabled{opacity:.5;cursor:not-allowed}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:30px;padding:6px 14px;font-size:.75rem;font-weight:700}.badge-success{color:#34d399;background:#10b98126;border:1px solid #10b98133}.badge-danger{color:#f87171;background:#ef444426;border:1px solid #ef444433}.badge-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b33}.badge-info{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f633}.fade-in{animation:.5s forwards fadeIn}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}