@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#fae500;--primary-color2:#decc00;--primary-color3:#7c6700;--primary-light:#fae500;--primary-color-rgb:98,0,234;--secondary-color:#fae500;--danger-color:#fae500;--success-color:#fae500;--warning-color:#fae500;--light-text:#757575;--border-color:#e0e0e0;--background-color:#fafafa;--card-background:#fff;--gold:#ffce2c;--primary-dark:#3b3200;--secondary-color:#a9a9a9;--dark-gray:#696969;--accent-color:#301e1e;--text-color:#333;--text-light:#666;--shadow:0 2px 8px #0000001a;--card-shadow:0 5px 15px #00000014;--hover-shadow:0 8px 20px #00000026;--primary-shadow:0 5px 15px #9c000133;--button-radius:6px;--card-radius:10px;--chosed-option:#fccdd569;--shop-header-background:#151000;--shop-header-background35:#15100059;--shop-header-text:#ffce2c;--shop-header-icon:var(--primary-color);--shop-header-border:#ffce2c4d;--shop-header-border5:#ffce2c80;--shop-header-border7:#ffce2cb3;--shop-header-border8:#ffce2ccc;--shop-box-shadow:#0000004d;--shop-box-shadow5:#00000080;--shop-box-shadow7:#000000b3;--shop-brand-item:#ffce2c0d;--shop-brand-item-hover:#ffce2c26;--shop-sidebar-bg:var(--sidebar-bg);--shop-sidebar-text:var(--sidebar-text);--shop-sidebar-hover:var(--sidebar-hover);--shop-tracking-button-bg:var(--primary-color);--shop-tracking-button-text:var(--primary-dark);--shop-tracking-modal-bg:#000;--shop-tracking-modal-accent:var(--primary-color);--bottom-nav-background:var(--primary-dark);--bottom-nav-text:var(--primary-color);--bottom-nav-icon:var(--primary-color);--bottom-nav-active:var(--primary-color);--bottom-nav-badge-bg:var(--primary-color);--bottom-nav-badge-text:#fff;--search-modal-background:#0009;--search-input-background:#fff;--search-input-border:#ddd;--search-input-text:var(--text-color);--search-input-focus:var(--primary-color);--search-suggestion-hover:#f5f5f5;--search-submit-bg:var(--primary-color);--search-submit-text:var(--primary-dark);--search-close-bg:var(--primary-dark);--search-close-text:var(--primary-color);--currency-modal-background:var(--card-background);--currency-option-active-bg:var(--primary-dark);--currency-option-active-text:var(--primary-color);--currency-save-btn-bg:var(--primary-color);--currency-save-btn-text:var(--primary-dark);--currency-border:var(--border-color);--cart-page-background:#f9f9f9;--cart-card-background:#fff;--cart-accent:var(--primary-color);--cart-primary-text:var(--primary-dark);--cart-secondary-text:var(--light-text);--cart-button-primary-bg:var(--primary-dark);--cart-button-primary-text:var(--primary-color);--cart-button-secondary-bg:var(--primary-color2);--cart-button-secondary-text:var(--primary-dark);--cart-danger:#e74c3c;--cart-success:#28a745;--invoice-header-gradient-start:var(--primary-color);--invoice-header-gradient-end:var(--gold);--invoice-header-text:var(--primary-dark);--invoice-table-head-bg:var(--primary-color);--invoice-table-head-text:var(--primary-dark);--invoice-status-paid:#4caf50;--invoice-status-pending:#ff9800;--invoice-status-cancelled:#f44336;--invoice-summary-divider:var(--primary-color);--invoice-notes-border:var(--primary-color);--myorders-header-background:var(--primary-dark);--myorders-header-text:var(--gold);--myorders-card-border:#000c;--myorders-badge-border:var(--primary-dark);--orderstatus-header-background:var(--primary-dark);--orderstatus-header-text:var(--primary-color2);--orderstatus-badge-pending:#ff9800;--orderstatus-badge-processing:#9c27b0;--orderstatus-badge-in-delivery:#ff5722;--orderstatus-badge-completed:#4caf50;--orderstatus-badge-cancelled:#f44336;--productdetail-background:#fff;--productdetail-text:#000;--productdetail-accent:var(--primary-color);--productdetail-border:#000;--shop-page-background:#fafafa;--shop-card-background:#fff;--shop-section-title-border:linear-gradient(to right,#0000,var(--shop-header-background),#0000);--shop-section-title-border-dark:var(--shop-header-background);--shop-product-border:var(--shop-header-background);--shop-section-title-border-active:#7e851542;--shop-card-border:var(--border-color);--shop-card-shadow:var(--shadow);--shop-primary-accent:var(--primary-color);--shop-primary-accent-2:var(--primary-color2);--shop-primary-accent-3:var(--primary-color3);--shop-primary-text:var(--primary-dark);--shop-section-title-text:var(--shop-header-text);--shop-badge-discount-bg:#e53935;--shop-badge-discount-text:#fff;--cart-accordion-background:var(--shop-header-background);--cart-accordion-text:var(--shop-header-text);--cart-primary-color:#fae500;--cart-primary-color2:#decc00;--cart-border-color:#e6d302;--cart-gold:#ffce2c;--cart-primary-dark:#3b3200;--btn-primary-bg:var(--primary-color);--btn-primary-text:var(--primary-dark);--btn-secondary-bg:var(--secondary-color);--btn-secondary-text:#fff;--btn-danger-bg:var(--danger-color);--btn-success-bg:var(--success-color);--sidebar-bg:var(--shop-header-background);--sidebar-active:var(--shop-header-text);--sidebar-text:#ecf0f1;--sidebar-header:#fff;--sidebar-hover:#ffffff1a;--sidebar-border:#ffffff1a;--dark-bg:#121212;--dark-card-bg:#1e1e1e;--dark-border:#333;--dark-text:#000;--dark-light-text:#000;--header-height:60px;--sidebar-width:250px}@supports (color:rgb(0 0 0/0)){:root{--primary-color:#fae500;--primary-color2:#decc00;--primary-color3:#7c6700;--background-color:#fae500;--border-color:#e6d302}}*{box-sizing:border-box}body{background-color:#fafafa;color:#333;color:var(--text-color);direction:rtl;font-family:Cairo,sans-serif;margin:0;padding:0}.app{flex-direction:column}.app,.app-container{display:flex}.app,.app-container,.main-content{background-color:#fafafa;min-height:100vh}.main-content{flex:1 1;margin-right:250px;margin-right:var(--sidebar-width);padding-top:0;transition:margin-right .3s ease}.dark-mode{--background-color:var(--dark-bg);--card-background:var(--dark-card-bg);--text-color:var(--dark-text);--light-text:var(--dark-light-text);--border-color:var(--dark-border)}.dark-mode .app,.dark-mode .app-container,.dark-mode .main-content,.dark-mode .staff-layout,.dark-mode .staff-layout .main-content,.dark-mode body{background-color:#121212;background-color:var(--dark-bg)}.loading-screen{align-items:center;background:linear-gradient(135deg,#fafafa,#f8f9fa);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative}.loading-content{position:relative;text-align:center;z-index:2}.loading-spinner{animation:spin 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite;border-bottom:4px solid #fae50033;border-left:4px solid #fae50033;border-radius:50%;border-right:4px solid #fae500;border-right-color:var(--primary-color);border-top:4px solid #fae500;border-top-color:var(--primary-color);box-shadow:0 4px 20px #fae5004d;height:60px;margin:0 auto 20px;width:60px}.loading-content p{color:#333;color:var(--text-color);font-family:Cairo,sans-serif;font-size:18px;font-weight:600;margin:0 0 15px}.loading-dots{display:flex;gap:8px;justify-content:center}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background-color:#fae500;background-color:var(--background-color);border-radius:50%;box-shadow:0 2px 8px #fae50066;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.page-loader{align-items:center;background-color:#fff;bottom:0;color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.page-loader .spinner{animation:spin 1s linear infinite;border:5px solid #e0e0e0;border-radius:50%;border-top-color:#fae500;border-top:5px solid var(--primary-color);height:50px;margin-bottom:20px;width:50px}.page-loader p{font-size:18px;font-weight:500;margin:0}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.dark-mode .loading-screen{background:linear-gradient(135deg,#121212,#1a1a1a);background:linear-gradient(135deg,var(--dark-bg) 0,#1a1a1a 100%)}.dark-mode .loading-content p{color:#000;color:var(--dark-text)}.dark-mode .loading-spinner{border-color:#fae500 #fae5004d #fae5004d;border-right-color:#fae500;border-right-color:var(--primary-color);border-top-color:var(--primary-color);box-shadow:0 4px 20px #fae50033}.dark-mode .loading-dots span{background-color:#fae500;background-color:var(--primary-color);box-shadow:0 2px 8px #fae5004d}@media (max-width:768px){.main-content,.sidebar.closed+.main-content{margin-right:0}}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-group{flex:1 1;margin-bottom:15px}.form-group label{display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--card-background);border:1px solid #e6d302;border:1px solid var(--border-color);border-radius:4px;color:#000;color:var(--dark-text);padding:10px;width:100%}.form-buttons{display:flex;gap:10px;margin-top:20px}button{border:none;border-radius:4px;cursor:pointer;font-family:inherit;font-size:14px;padding:8px 16px;transition:all .2s}button:disabled{cursor:not-allowed;opacity:.7}.save-button{background-color:#a9a9a9;background-color:var(--secondary-color);color:#fff}.cancel-button{background-color:#757575;background-color:var(--light-text);color:#fff}.delete-button{background-color:#fae500;background-color:var(--danger-color);color:#fff}.status{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:700;padding:4px 8px;text-align:center}.status.paid{background-color:#2ecc7133;color:#27ae60}.status.delayed,.status.pending{background-color:#f1c40f33;color:#f39c12}.status.cancelled{background-color:#e74c3c33;color:#e74c3c}table{border-collapse:collapse;margin-bottom:20px;width:100%}td,th{border-bottom:1px solid #e6d302;border-bottom:1px solid var(--border-color);padding:12px 15px;text-align:right}th{background-color:#fff;background-color:var(--card-background);color:#fae500;color:var(--primary-color);font-weight:600}tr:hover{background-color:#00000005}.no-data{color:#757575;color:var(--light-text);padding:20px;text-align:center}.card{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.card-title{color:#fae500;color:var(--primary-color);font-size:1.2rem;font-weight:600;margin:0}.btn-primary{background-color:#fae500;background-color:var(--primary-color);color:#fff}.btn-primary:hover,.btn-secondary{background-color:#a9a9a9;background-color:var(--secondary-color)}.btn-secondary{color:#fff}.btn-secondary:hover{opacity:.9}.btn-danger{background-color:#fae500;background-color:var(--danger-color);color:#fff}.btn-danger:hover{opacity:.9}.btn-success{background-color:#fae500;background-color:var(--success-color);color:#fff}.btn-success:hover{opacity:.9}@media (max-width:768px){.app-container{flex-direction:column}.main-content{margin-right:0;margin-top:0}.sidebar{bottom:0;height:auto;position:fixed;right:0;width:100%;z-index:100}.nav-menu{flex-direction:row;justify-content:space-around}.logo,.nav-menu a span{display:none}}.error-message{background-color:#e74c3c1a;border-radius:4px;margin-bottom:15px;padding:10px}.status-badge{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:700;padding:4px 8px;text-align:center}.status-paid{background-color:#2ecc7133;color:#27ae60}.status-delayed,.status-pending{background-color:#f1c40f33;color:#f39c12}.status-cancelled{background-color:#e74c3c33;color:#e74c3c}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;direction:rtl;max-width:500px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.modal-header h3{color:#fae500;color:var(--primary-color);margin:0}.close-button{background:none;border:none;color:#999;cursor:pointer;font-size:24px}.close-button:hover{color:#fae500;color:var(--danger-color)}.modal-body{padding:20px}.modal-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:15px 20px}.modal-footer button{border-radius:4px;cursor:pointer;font-weight:700;margin-right:10px;padding:8px 16px}.error-message{color:#fae500;color:var(--danger-color);font-size:14px;margin-top:10px}.no-results{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:2rem auto;max-width:600px;padding:3rem 1rem;text-align:center}.no-results-icon{color:#888;margin-bottom:1rem}.no-results h3{color:#333;font-size:1.5rem;margin-bottom:.5rem}.no-results p{color:#666;margin-bottom:1.5rem}.back-btn,.retry-btn{background-color:#4a6cf7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:.5rem 1.5rem;transition:background-color .3s}.back-btn:hover,.retry-btn:hover{background-color:#3a57d7}.error-container{background-color:#fff5f5;border:1px solid #feb2b2;border-radius:8px;margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.error-message{color:#e53e3e;margin-bottom:1rem}.search-controls{margin-bottom:1.5rem}.sort-select{padding:.5rem}.sort-direction-btn{background-color:#f0f0f0;font-size:16px;padding:.5rem .75rem}.sort-direction-btn:hover{background-color:#e0e0e0}.products-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;width:100%}@media (min-width:768px){.products-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.products-grid{grid-template-columns:repeat(4,1fr)}}.product-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .2s,box-shadow .2s;width:100%}.product-image{align-items:center;background-color:#f5f5f5;display:flex;height:120px;justify-content:center;overflow:hidden}.product-details{display:flex;flex-direction:column;flex-grow:1;padding:.5rem}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:.85rem;height:auto;line-height:1.2;margin-bottom:.3rem;max-height:2.4rem;overflow:hidden}.product-price{color:#4a6cf7;font-size:.9rem;font-weight:700;margin-top:auto}@media (min-width:768px){.product-image{height:160px}.product-details{padding:.75rem}.product-name,.product-price{font-size:1rem}}.shop-container .products-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.shop-container .product-card{margin-bottom:0;width:100%}@media (max-width:320px){.products-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.product-image{height:100px}.product-details{padding:.4rem}.product-name{margin-bottom:.2rem}.product-name,.product-price{font-size:.8rem}}.search-results-header{margin-bottom:1rem}.search-controls{background-color:#f9f9f9;border-radius:8px;padding:.75rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;width:100%}.spinner{animation:spin 1s ease-in-out infinite;border:4px solid #4a6cf733;border-radius:50%;border-top-color:#4a6cf7;height:40px;margin-bottom:15px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.shop-container{margin:0 auto;max-width:1200px;padding:1rem}.shop-header{align-items:center;border-bottom:1px solid #e6d302;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.shop-header h1{color:#fae500;color:var(--primary-color);font-size:1.5rem;margin:0}.shop-actions{gap:1rem}.back-button,.shop-actions{align-items:center;display:flex}.back-button{background-color:#f0f0f0;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;gap:.5rem;padding:.5rem .75rem}.back-button:hover{background-color:#e0e0e0}.cart-link{color:#333;font-size:1.25rem;position:relative}.cart-count{background-color:#fae500;background-color:var(--primary-color)}.search-results-header{margin-bottom:1.5rem}.search-results-header h2{color:#333;color:var(--text-color);font-size:1.25rem;margin-bottom:1rem;margin-top:0}@media (max-width:768px){.shop-header{align-items:flex-start;flex-direction:column;gap:1rem}.shop-actions{justify-content:space-between;width:100%}.search-results-header h2{font-size:1.1rem}.search-controls{margin-bottom:1rem}}.product-no-image{color:#aaa;font-size:.85rem;font-style:italic;padding:0 .5rem;text-align:center;width:100%}.search-controls{align-items:center;background-color:#f8f8f8;border-radius:6px;display:flex;justify-content:flex-end;margin-bottom:1rem;padding:.5rem .75rem}.sort-controls{align-items:center;display:flex;gap:.5rem}.sort-select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.35rem .5rem}.sort-direction-btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;height:2rem;justify-content:center;width:2rem}.sort-direction-btn:hover{background-color:#f0f0f0}@media (max-width:480px){.search-controls{padding:.4rem .6rem}.sort-controls label,.sort-select{font-size:.8rem}.sort-select{padding:.25rem .4rem}.sort-direction-btn{height:1.8rem;width:1.8rem}}.search-bar-component{margin:0 auto;max-width:500px;width:100%}.search-input-container{position:relative;width:100%}.search-input{border:1px solid #ddd;border-radius:8px;font-size:16px;outline:none;padding:12px 45px 12px 15px;transition:border-color .3s;width:100%}.search-input:focus{border-color:#6200ea}.search-icon{color:#6200ea;cursor:pointer;font-size:20px;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.selected-row{background-color:#6200ea1a!important;background-color:rgba(var(--primary-color-rgb),.1)!important}.selected-row:hover{background-color:#6200ea26!important;background-color:rgba(var(--primary-color-rgb),.15)!important}.selection-hint{background-color:#f1c40f33;border-radius:4px;border-right:4px solid #f39c12;font-weight:700;margin:10px 0;padding:10px 15px}.confirm-button{background-color:#fae500;background-color:var(--success-color);color:#fff;font-weight:700;padding:8px 16px}.confirm-button:hover{background-color:#45a049}.confirm-button:disabled{background-color:#a5d6a7;color:#fff;cursor:not-allowed}.not-applicable{color:#757575;color:var(--light-text);font-style:italic}input[type=checkbox]{cursor:pointer;height:18px;width:18px}.staff-layout{background-color:#fafafa;display:flex;flex-direction:column;min-height:100vh}.staff-layout .main-content{background-color:#fafafa;flex:1 1;margin-left:0;padding:20px}@media (max-width:768px){.staff-layout .main-content{padding:10px}}.bottom-nav-v2{background-color:var(--shop-header-background);border-top:1px solid var(--shop-header-border);bottom:0;box-shadow:0 -3px 15px var(--shop-box-shadow);height:65px;left:0;overflow-x:auto;overflow-y:hidden;position:fixed;right:0;z-index:1000}.nav-items-container{gap:5px;min-width:-webkit-max-content;min-width:max-content;padding:0 10px}.nav-item-v2,.nav-items-container{align-items:center;display:flex;height:100%}.nav-item-v2{border-radius:8px;color:var(--shop-header-text);flex-direction:column;font-size:11px;font-weight:500;justify-content:center;min-width:80px;padding:5px 8px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-item-v2.nav-button{background:none;border:none;cursor:pointer}.nav-item-v2 svg{font-size:22px;margin-bottom:4px;transition:transform .3s ease}.nav-item-v2 span{font-size:10px;transition:opacity .3s ease}.nav-item-v2:hover{background-color:var(--shop-brand-item-hover);color:var(--shop-header-text)}.nav-item-v2:hover svg{transform:scale(1.1) translateY(-1px)}.nav-item-v2.active{background-color:var(--shop-brand-item-hover);color:var(--shop-header-text);font-weight:600}.nav-item-v2.active svg{color:var(--shop-header-text);transform:scale(1.15) translateY(-2px)}.bottom-nav-v2::-webkit-scrollbar{display:none}.bottom-nav-v2{-ms-overflow-style:none;scrollbar-width:none}.bottom-nav-cart-count{align-items:center;background-color:#f44;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:18px;position:absolute;right:10px;top:2px;width:20px;z-index:1001}body{padding-bottom:75px!important}@media (max-width:360px){.nav-item-v2{font-size:10px;min-width:70px;padding:5px 6px}.nav-item-v2 svg{font-size:20px}.nav-item-v2 span{font-size:9px}.bottom-nav-v2{height:60px}body{padding-bottom:70px!important}.bottom-nav-cart-count{font-size:9px;height:16px;width:16px}}@media (max-width:480px){.bottom-nav-v2:after{animation:fadeInOut 2s infinite;color:#ffffff80;content:"◀";font-size:12px;pointer-events:none;position:absolute;right:5px;top:50%;transform:translateY(-50%)}}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:.8}}@media (min-width:721px){.bottom-nav-v2{display:none}body{padding-bottom:0!important}}.sidebar{background-color:var(--sidebar-bg);color:var(--sidebar-text);direction:rtl;height:100vh;overflow-y:auto;position:fixed;right:0;top:0;transition:transform .3s ease;width:250px;z-index:1000}.sidebar.closed{transform:translateX(100%)}.sidebar-header{border-bottom:1px solid var(--sidebar-border);padding:20px;text-align:center}.sidebar-header h2{color:var(--sidebar-header);font-size:1.5rem;margin:0}.sidebar-nav{padding:15px 0}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:5px}.sidebar-nav .logout-button,.sidebar-nav a{align-items:center;border-radius:4px;color:var(--sidebar-text);display:flex;font-size:.95rem;margin:0 10px;padding:12px 20px;text-decoration:none;transition:background-color .2s}.sidebar-nav .logout-button svg,.sidebar-nav a svg{font-size:1.2rem;margin-left:10px}.sidebar-nav .logout-button:hover,.sidebar-nav a:hover{background-color:var(--sidebar-hover)}.sidebar-nav a.active{background-color:var(--sidebar-active);color:var(--sidebar-bg)}.sidebar-nav .logout-button{background:none;border:none;color:var(--danger-color);cursor:pointer;text-align:right;width:100%}.sidebar-toggle{align-items:center;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:fixed;right:15px;top:15px;width:40px;z-index:1001}@media (max-width:768px){.sidebar{width:280px}.main-content{margin-right:0!important}}.app-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--primary-color) 0,var(--gold) 100%);border-bottom:3px solid var(--primary-color3);border-radius:0 0 16px 16px;box-shadow:var(--card-shadow);display:flex;height:60px;height:var(--header-height,60px);justify-content:space-between;margin-bottom:8px;padding:0 32px;position:relative;z-index:1000}.app-header:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba%28255,255,255,0.1%29" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url%28%23grid%29"/></svg>');bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-brand{position:relative;z-index:2}.header-brand h1{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--primary-dark) 0,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;color:var(--primary-dark);font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px #ffffff80}@keyframes titleGlow{0%{filter:drop-shadow(0 0 5px rgba(59,50,0,.3))}to{filter:drop-shadow(0 0 15px rgba(59,50,0,.6))}}.header-actions{align-items:center;display:flex;gap:16px;position:relative;z-index:2}.theme-toggle{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1.2rem;margin-left:15px;padding:5px}.user-button,.user-menu{position:relative}.user-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:2px solid #0000;border-radius:var(--button-radius);box-shadow:0 2px 8px #0000001a;color:var(--primary-dark);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;overflow:hidden;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.user-button:hover:before{left:100%}.user-button:hover{background:linear-gradient(135deg,#fff,#ffffffe6);border-color:var(--primary-color3);box-shadow:var(--hover-shadow);transform:translateY(-2px)}.user-button svg{font-size:16px;transition:transform .3s ease}.user-button:hover svg{transform:scale(1.1)}.dropdown-menu{animation:slideInDown .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid var(--primary-color3);border-radius:var(--card-radius);box-shadow:var(--hover-shadow);margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1200}.dropdown-menu a,.dropdown-menu button{align-items:center;background:none;border:none;border-bottom:1px solid #fae5001a;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.dropdown-menu a:last-child,.dropdown-menu button:last-child{border-bottom:none}.dropdown-menu a:hover,.dropdown-menu button:hover{background:linear-gradient(135deg,var(--primary-color) 0,var(--gold) 100%);color:var(--primary-dark);transform:translateX(-4px)}.dropdown-menu button:hover{background:linear-gradient(135deg,var(--danger-color) 0,#ff6b6b 100%);color:#fff}.dropdown-menu svg{font-size:16px;transition:transform .3s ease}.dropdown-menu a:hover svg,.dropdown-menu button:hover svg{transform:scale(1.1)}.notifications-dropdown{position:relative}.notifications-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:2px solid #0000;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:var(--primary-dark);cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.notifications-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.notifications-button:hover:before{left:100%}.notifications-button:hover{background:linear-gradient(135deg,#fff,#ffffffe6);border-color:var(--primary-color3);box-shadow:var(--hover-shadow);transform:translateY(-2px) scale(1.05)}.notification-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--danger-color) 0,#ff6b6b 100%);border:2px solid #fff;border-radius:11px;box-shadow:0 2px 8px #f443364d;color:#fff;display:flex;font-size:10px;font-weight:700;height:22px;justify-content:center;left:-6px;min-width:22px;padding:0 6px;position:absolute;top:-6px;z-index:10}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-menu{animation:slideInDown .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid var(--primary-color3);border-radius:var(--card-radius);box-shadow:var(--hover-shadow);cursor:default;display:flex;flex-direction:column;margin-top:12px;max-height:90vh;overflow:hidden;position:absolute;right:-150px;top:100%;width:380px;z-index:1200}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notifications-header{background:linear-gradient(135deg,var(--primary-color) 0,var(--gold) 100%);border-bottom:2px solid var(--primary-color3);padding:20px 24px}.notifications-header h3{color:var(--primary-dark);font-size:18px;font-weight:700;margin:0;text-shadow:0 1px 2px #ffffff80}.notifications-list{flex:1 1;max-height:320px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border-color);border-right:3px solid #0000;cursor:pointer;padding:12px 15px;position:relative;transition:all .3s}.notification-item:hover{border-right-color:#673ab7;border-right-color:var(--primary-color,#673ab7)}.notification-item.unread,.notification-item:hover{background-color:#6600990d;background-color:rgba(var(--primary-rgb,102,0,153),.05)}.notification-item.unread:before{animation:pulse-dot 1.5s cubic-bezier(.455,.03,.515,.955) -.4s infinite;background-color:#673ab7;background-color:var(--primary-color,#673ab7);border-radius:50%;content:"";height:8px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:8px}@keyframes pulse-dot{0%{transform:translateY(-50%) scale(.8)}50%{transform:translateY(-50%) scale(1)}to{transform:translateY(-50%) scale(.8)}}.notification-content h4{color:var(--dark-text);font-size:.9rem;margin:0 0 5px}.notification-content p{color:var(--light-text);font-size:.8rem;margin:0 0 5px}.notification-content small{color:var(--light-text);font-size:.7rem}.notifications-footer{background-color:var(--card-background);border-top:1px solid var(--border-color);padding:12px;text-align:center}.notifications-footer a{color:var(--primary-color);cursor:pointer;font-size:.85rem;text-decoration:none}.notifications-footer a:hover{text-decoration:underline}.no-notifications{color:var(--light-text);font-size:.9rem;padding:20px;text-align:center}@media (max-width:992px){.app-header{padding:0 24px}.header-brand h1{font-size:1.8rem}.shop-link span{display:none}.shop-link{justify-content:center;min-width:44px;padding:10px}}@media (max-width:768px){.app-header{border-radius:0 0 12px 12px;height:60px;padding:0 16px}.header-brand h1{font-size:1.5rem}.user-button span{display:none}.user-button{justify-content:center;min-width:44px;padding:10px}.notifications-menu{border:none;border-radius:0;height:calc(100vh - 60px);left:0;margin-top:0;max-width:100%;position:fixed;right:0;top:60px;width:100%}.notifications-list{max-height:none}.dropdown-menu{border:none;border-radius:0;left:0;margin-top:0;position:fixed;right:0;top:60px;width:100%}.notification-alert{left:16px;max-width:none;right:16px;top:80px;width:calc(100% - 32px)}}@media (max-width:480px){.app-header{height:56px;padding:0 12px}.header-brand h1{font-size:1.3rem}.header-actions{gap:8px}.notifications-button{font-size:16px;height:40px;width:40px}.shop-link,.user-button{font-size:13px;min-width:40px;padding:8px}}.notification-alert{align-items:flex-start;animation:slide-in-right .3s ease-out forwards;background-color:var(--primary-color);border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;direction:rtl;display:flex;justify-content:space-between;max-width:350px;padding:15px;position:fixed;right:20px;top:20px;transition:transform .2s,box-shadow .2s;z-index:9999}.notification-alert:hover{background-color:#6a1b9a;background-color:var(--primary-color-hover,#6a1b9a);box-shadow:0 6px 16px #0003;transform:translateY(-3px)}.notification-alert-content{cursor:pointer;flex:1 1;padding-left:10px;position:relative}.notification-alert-hint{background-color:#ffffff1a;border-radius:4px;display:inline-block;font-size:.7rem;font-style:italic;margin-top:8px;opacity:.8;padding:3px 6px;text-align:left}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-alert-hide{animation:slide-out-right .3s ease-in forwards}@keyframes slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification-alert-title{font-size:1rem;font-weight:700;margin-bottom:5px}.notification-alert-message{font-size:.9rem;opacity:.9}.notification-alert-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;margin-right:10px;opacity:.7;padding:0;transition:opacity .2s}.notification-alert-close:hover{opacity:1}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(var(--primary-rgb),.4)}70%{box-shadow:0 0 0 10px rgba(var(--primary-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--primary-rgb),0)}}.notifications-button:has(+.notification-badge){animation:pulse 2s infinite}.cart-button{align-items:center;border-radius:50%;color:var(--text-color);cursor:pointer;display:inline-flex;font-size:1.2rem;height:40px;justify-content:center;margin-right:15px;position:relative;transition:background-color .3s;width:40px}.cart-button:hover{background-color:#0000001a}.cart-count{font-size:.75rem;height:22px;right:-5px;top:-5px;width:22px}.shop-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:2px solid #0000;border-radius:var(--button-radius);box-shadow:0 2px 8px #0000001a;color:var(--primary-dark);display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.shop-link:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.shop-link:hover:before{left:100%}.shop-link:hover{background:linear-gradient(135deg,#fff,#ffffffe6);border-color:var(--primary-color3);box-shadow:var(--hover-shadow);transform:translateY(-2px)}.cart-button,.orders-button{font-size:1.2rem;position:relative}.orders-button .btn-text{font-size:.9rem;margin-right:5px}.cart-count{align-items:center;background-color:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}.dark-mode .cart-button,.dark-mode .orders-button,.dark-mode .shop-link{color:#f1f1f1}@media (max-width:768px){.orders-button .btn-text{display:none}.cart-button,.orders-button,.shop-link{font-size:1.1rem;margin-right:10px}}
/*# sourceMappingURL=main.2ced62bf.css.map*/