@import url(https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/font-face.css);*{font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,button,div,h1,h2,h3,h4,h5,h6,input,label,p,select,span,textarea{font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important}.notification{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #00000026;direction:rtl;font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-success{background:#28a745;color:#fff}.notification-error{background:#dc3545;color:#fff}.notification-content{align-items:center;display:flex;gap:12px}.notification-icon{flex-shrink:0;font-size:20px;font-weight:700}.notification-message{flex:1 1;font-size:14px;line-height:1.5}.notification-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:20px;height:24px;justify-content:center;left:8px;opacity:.8;padding:0;position:absolute;top:8px;transition:opacity .2s;width:24px}.notification-close:hover{opacity:1}@media (max-width:480px){.notification{left:10px;max-width:none;min-width:auto;right:10px}}.product-detail-container{min-height:100vh;padding:20px;transition:background-color .3s,color .3s}.product-detail-container.dark{background:#0a0a0a;color:#e0e0e0}.product-detail-container:not(.dark){background:#fff;color:#333}.back-button{background:#0c8ef4;border:none;border-radius:8px;box-shadow:0 0 10px #0c8ef44d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:30px;padding:12px 24px;transition:background .3s,box-shadow .3s}.back-button:hover{background:#0a7bc4;box-shadow:0 0 15px #0c8ef480}.product-detail{grid-gap:40px;background:#fff;border:1px solid #e0e0e0;border-radius:15px;box-shadow:0 4px 20px #00000014;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:40px}.product-detail-container.dark .product-detail{background:#1a1a1a;border:1px solid #444;box-shadow:0 4px 25px #0000004d;color:#e0e0e0}.product-detail-image-container{display:flex;flex-direction:column;gap:15px;width:100%}.product-detail-image{aspect-ratio:1;background:repeating-conic-gradient(#f0f0f0 0 25%,#fff 0 50%) 50% /20px 20px,repeating-conic-gradient(#f0f0f0 0 25%,#fff 0 50%) 50% /20px 20px;background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:15px;overflow:hidden;position:relative;width:100%}.product-detail-container.dark .product-detail-image{background:repeating-conic-gradient(#2a2a2a 0 25%,#1a1a1a 0 50%) 50% /20px 20px,repeating-conic-gradient(#2a2a2a 0 25%,#1a1a1a 0 50%) 50% /20px 20px;background-color:#0a0a0a;border:1px solid #444}.product-detail-image img{background:#0000;display:block;height:100%;object-fit:contain;width:100%}.product-image-navigation{gap:15px}.image-nav-btn,.product-image-navigation{align-items:center;display:flex;justify-content:center}.image-nav-btn{background:#0c8ef4;border:none;border-radius:50%;box-shadow:0 2px 8px #0c8ef44d;color:#fff;cursor:pointer;font-size:20px;height:45px;transition:all .3s;width:45px}.image-nav-btn:hover:not(:disabled){background:#0a7bc4;box-shadow:0 4px 12px #0c8ef480;transform:scale(1.1)}.image-nav-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.product-detail-container.dark .image-nav-btn:disabled{background:#444}.image-indicators{align-items:center;display:flex;gap:8px}.indicator{background:#ccc;border-radius:50%;cursor:pointer;height:10px;transition:all .3s;width:10px}.product-detail-container.dark .indicator{background:#555}.indicator.active{background:#0c8ef4;height:12px;width:12px}.product-detail-container.dark .indicator.active{background:#0c8ef4;box-shadow:0 0 8px #0c8ef480}.indicator:hover{transform:scale(1.2)}.product-detail-info{display:flex;flex-direction:column;gap:20px}.product-category-badge{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:20px;color:#666;display:inline-block;font-size:.9rem;font-weight:500;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.product-detail-container.dark .product-category-badge{background:#0a0a0a;border:1px solid #444;color:#b0b0b0}.product-detail-info h1{color:#333;font-size:2rem;margin:0}.product-detail-container.dark .product-detail-info h1{color:#e0e0e0}.product-description-full{color:#666;font-size:1.1rem;line-height:1.8}.product-detail-container.dark .product-description-full{color:#b0b0b0}.product-detail-price{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;display:flex;gap:15px;padding:20px}.product-detail-container.dark .product-detail-price{background:#0a0a0a;border:1px solid #444}.price-label{color:#666;font-size:1.1rem}.product-detail-container.dark .price-label{color:#b0b0b0}.price-value{color:#333;font-size:2rem;font-weight:700}.product-detail-container.dark .price-value{color:#e0e0e0}.product-detail-stock{margin-top:10px}.stock-badge{border-radius:20px;padding:10px 20px}.stock-badge.in-stock{background:#0c8ef4;border:2px solid #0c8ef4;box-shadow:0 0 8px #0c8ef44d;color:#fff}.product-detail-container.dark .stock-badge.in-stock{background:#0c8ef4;box-shadow:0 0 12px #0c8ef480;color:#fff}.stock-badge.out-of-stock{background:#f44;border:2px solid #f44;color:#fff}.product-detail-container.dark .stock-badge.out-of-stock{background:#f44;box-shadow:0 0 10px #f446;color:#fff}.product-actions{margin-top:30px}.quantity-selector{margin-bottom:20px}.quantity-selector label{color:#666;display:block;font-size:.95rem;margin-bottom:10px}.product-detail-container.dark .quantity-selector label{color:#b0b0b0}.quantity-controls{gap:10px}.qty-btn,.quantity-controls{align-items:center;display:flex}.qty-btn{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:18px;height:40px;justify-content:center;transition:all .3s;width:40px}.product-detail-container.dark .qty-btn{background:#0a0a0a;border-color:#444;color:#e0e0e0}.qty-btn:hover{background:#e0e0e0}.product-detail-container.dark .qty-btn:hover{background:#2a2a2a}.qty-input{border:1px solid #e0e0e0;border-radius:8px;font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;padding:10px;text-align:center;width:80px}.product-detail-container.dark .qty-input{background:#0a0a0a;border-color:#444;color:#e0e0e0}.add-to-cart-btn{background:#0c8ef4;border:none;border-radius:10px;box-shadow:0 0 10px #0c8ef44d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px;transition:background .3s,box-shadow .3s;width:100%}.add-to-cart-btn:hover:not(:disabled){background:#0a7bc4;box-shadow:0 0 15px #0c8ef480}.add-to-cart-btn:disabled{background:#666;box-shadow:none;cursor:not-allowed}.product-detail-container.dark .loading{color:#e0e0e0}@media (max-width:1024px){.product-detail{gap:30px;padding:30px}}@media (max-width:768px){.product-detail-container{padding:15px}.back-button{font-size:14px;margin-bottom:20px;padding:10px 20px}.product-detail{gap:25px;grid-template-columns:1fr;padding:25px}.product-detail-info h1{font-size:1.5rem}.product-description-full{font-size:1rem}.price-value{font-size:1.5rem}.product-detail-price{align-items:flex-start;flex-direction:column;gap:10px;padding:15px}.price-label{font-size:1rem}}@media (max-width:480px){.product-detail-container{padding:10px}.back-button{font-size:13px;margin-bottom:15px;padding:8px 16px}.product-detail{gap:20px;padding:15px}.product-detail,.product-detail-image{border-radius:12px}.product-detail-info h1{font-size:1.3rem}.product-description-full{font-size:.95rem;line-height:1.6}.product-detail-price{padding:12px}.price-value{font-size:1.3rem}.price-label,.stock-badge{font-size:.9rem}.stock-badge{padding:8px 16px}.add-to-cart-btn{font-size:1rem;padding:12px}.product-category-badge{font-size:.8rem;padding:6px 12px}}@media (max-width:360px){.product-detail{padding:12px}.price-value,.product-detail-info h1{font-size:1.2rem}}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{bottom:0;height:calc(100% + .5px);left:0;pointer-events:none;position:absolute;right:0;top:0;width:calc(100% + .5px)}.ReactCrop__crop-selection{cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);bottom:-1px;content:"";left:-1px;opacity:.3;pointer-events:none;position:absolute;right:-1px;top:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}.ReactCrop__crop-selection:focus{outline:2px solid #08f;outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{background-color:#0003;background-color:var(--rc-drag-handle-bg-colour);border:1px solid #ffffffb3;border:1px solid var(--rc-border-color);height:12px;height:var(--rc-drag-handle-size);position:absolute;width:12px;width:var(--rc-drag-handle-size)}.ReactCrop__drag-handle:focus{background:#08f;background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;left:0}.ReactCrop .ord-n,.ReactCrop .ord-nw{top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;left:50%}.ReactCrop .ord-ne{cursor:ne-resize;top:0}.ReactCrop .ord-e,.ReactCrop .ord-ne{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%}.ReactCrop .ord-se{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;left:50%}.ReactCrop .ord-s,.ReactCrop .ord-sw{bottom:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;height:var(--rc-drag-bar-size);left:0;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.ReactCrop__drag-bar.ord-e{height:100%;right:0;top:0;-webkit-transform:translate(50%);transform:translate(50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;height:var(--rc-drag-bar-size);left:0;-webkit-transform:translateY(50%);transform:translateY(50%);width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:6px;width:var(--rc-drag-bar-size)}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;height:var(--rc-drag-handle-mobile-size);width:24px;width:var(--rc-drag-handle-mobile-size)}}.dashboard-container{background:#fff;margin:0;min-height:100vh;padding:0;transition:background-color .3s,color .3s;width:100%}.dashboard-container.dark{background:#0a0a0a;color:#e0e0e0}.gallery-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:20px}.gallery-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.dashboard-container.dark .gallery-item{background:#1a1a1a;box-shadow:0 2px 8px #0000004d}.gallery-item:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-3px)}.gallery-item img{aspect-ratio:1/1;background:repeating-conic-gradient(#f0f0f0 0 25%,#fff 0 50%) 50% /10px 10px,repeating-conic-gradient(#f0f0f0 0 25%,#fff 0 50%) 50% /10px 10px;background-color:initial;display:block;object-fit:contain;width:100%}.dashboard-container.dark .gallery-item img{background:repeating-conic-gradient(#2a2a2a 0 25%,#1a1a1a 0 50%) 50% /10px 10px,repeating-conic-gradient(#2a2a2a 0 25%,#1a1a1a 0 50%) 50% /10px 10px;background-color:initial}.gallery-item-delete-btn{align-items:center;background:#ff4444e6;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;left:5px;line-height:1;position:absolute;top:5px;transition:all .2s;width:24px;z-index:10}.gallery-item-delete-btn:hover{background:#f44;box-shadow:0 3px 6px #0000004d;transform:scale(1.1)}.gallery-item-size{border-top:1px solid #e0e0e0;padding:8px;text-align:center}.dashboard-container.dark .gallery-item-size{border-top-color:#444}.gallery-item-size small{color:#666;display:block;font-size:11px;margin:0}.dashboard-container.dark .gallery-item-size small{color:#b0b0b0}.dashboard-header{align-items:center;background:#fffffffa;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px}.dashboard-container.dark .dashboard-header{background:#141414fa;border-bottom:1px solid #444}.header-left{align-items:center;display:flex;flex:1 1;gap:15px}.dashboard-header h1{color:#333;flex:1 1;font-size:1.8rem;margin:0}.hamburger-menu-btn{align-items:center;background:linear-gradient(135deg,#0c8ef4,#0a7bd4);border:none;border-radius:12px;box-shadow:0 4px 12px #0c8ef44d;color:#fff;cursor:pointer;display:none;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.hamburger-menu-btn:hover{background:linear-gradient(135deg,#0a7bd4,#0c8ef4);box-shadow:0 6px 16px #0c8ef466;transform:translateY(-2px)}.hamburger-menu-btn:active{box-shadow:0 2px 8px #0c8ef44d;transform:translateY(0)}.hamburger-menu-btn svg{stroke:#fff;height:28px;width:28px}.dashboard-container.dark .dashboard-header h1{color:#e0e0e0}.theme-toggle-btn{background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:inherit;cursor:pointer;font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;padding:10px 15px;transition:transform .3s}.dashboard-container.dark .theme-toggle-btn{border-color:#555}.theme-toggle-btn:hover{transform:scale(1.1)}.btn-default{background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:background .3s}.btn-default:hover{background:#138496}.dashboard-layout{display:flex;margin:0;min-height:calc(100vh - 100px);padding:0;width:100%}.sidebar-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:40}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashboard-sidebar{background:#fff;border-left:1px solid #e0e0e0;flex-shrink:0;margin:0;padding:20px 0;position:relative;transition:transform .3s ease,width .3s ease;width:250px;z-index:50}.dashboard-sidebar.open{transform:translateX(0)}@media (min-width:769px){.hamburger-menu-btn{display:flex!important}.dashboard-sidebar{box-shadow:none!important;height:auto!important;position:relative!important}.dashboard-sidebar:not(.open){border:none;overflow:hidden;padding:0;width:0}.sidebar-overlay{display:none!important}.dashboard-layout{gap:0}}.dashboard-container.dark .dashboard-sidebar{background:#1a1a1a;border-left:1px solid #444}.dashboard-nav{display:flex;flex-direction:column;gap:5px;padding:0 10px}.dashboard-nav button{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 15px;text-align:right;transition:all .3s}.dashboard-container.dark .dashboard-nav button{color:#b0b0b0}.dashboard-nav button:hover{background:#f5f5f5;color:#333}.dashboard-container.dark .dashboard-nav button:hover{background:#0f0f0f;color:#e0e0e0}.dashboard-container.dark .dashboard-nav button.active,.dashboard-nav button.active{background:#0c8ef4;color:#fff}.dashboard-nav .logout-nav-btn{background:#dc3545;color:#fff;margin-top:20px}.dashboard-nav .logout-nav-btn:hover{background:#c82333}.dashboard-main{background:#f5f5f5;flex:1 1;padding:30px}.dashboard-container.dark .dashboard-main{background:#0a0a0a}.dashboard-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:30px}.dashboard-container.dark .dashboard-section{background:#1a1a1a;border:1px solid #444}.dashboard-section h2{color:#333;font-size:1.5rem;margin:0 0 20px}.dashboard-container.dark .dashboard-section h2{color:#e0e0e0}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.section-header .btn-primary,.section-header label.btn-primary{flex:0 0 auto;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap;width:auto!important}.profile-info{display:flex;flex-direction:column;gap:15px}.profile-info p{color:#666;font-size:16px;margin:0}.dashboard-container.dark .profile-info p{color:#b0b0b0}.profile-info .btn-primary{align-self:flex-start;width:auto}.orders-list{display:flex;flex-direction:column;gap:15px}.order-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.dashboard-container.dark .order-card{background:#0f0f0f;border:1px solid #444}.order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.status-badge.pending{background:#fff3cd;color:#856404}.dashboard-container.dark .status-badge.pending{background:#856404;color:#fff3cd}.status-badge.confirmed{background:#d4edda;color:#155724}.dashboard-container.dark .status-badge.confirmed{background:#155724;color:#d4edda}.status-badge.shipped{background:#cce5ff;color:#004085}.dashboard-container.dark .status-badge.shipped{background:#004085;color:#cce5ff}.status-badge.delivered{background:#d1ecf1;color:#0c5460}.dashboard-container.dark .status-badge.delivered{background:#0c5460;color:#d1ecf1}.users-table-container{overflow-x:auto}.users-table-container table{border-collapse:collapse;width:100%}.users-table-container td,.users-table-container th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:right}.dashboard-container.dark .users-table-container td,.dashboard-container.dark .users-table-container th{border-bottom:1px solid #444}.users-table-container th{background:#f8f9fa;color:#333;font-weight:600}.dashboard-container.dark .users-table-container th{background:#0a0a0a;color:#e0e0e0}.dashboard-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-primary,.btn-secondary{min-width:-webkit-fit-content;min-width:fit-content;padding:10px 20px;width:auto}.btn-secondary{font-weight:500}.dashboard-container.dark .btn-secondary{border-color:#444;color:#b0b0b0}.btn-secondary:hover{border-color:#d0d0d0}.dashboard-container.dark .btn-secondary:hover{background:#1a1a1a;border-color:#555}.dashboard-content{margin:30px auto;max-width:1400px;padding:0 20px 80px}.products-table-container h2{color:#333;font-size:1.5rem;margin-bottom:20px}.dashboard-container.dark .products-table-container h2{color:#e0e0e0}.products-table{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.dashboard-container.dark .products-table{background:#1a1a1a;border:1px solid #444}.products-table table{border-collapse:collapse;width:100%}.products-table thead{background:#f8f9fa}.dashboard-container.dark .products-table thead{background:#0a0a0a}.products-table th{border-bottom:2px solid #e0e0e0;color:#333;font-size:14px;font-weight:600;padding:15px;text-align:right}.dashboard-container.dark .products-table th{border-bottom:2px solid #444;color:#e0e0e0}.products-table td{border-bottom:1px solid #e0e0e0;color:#666;padding:15px}.dashboard-container.dark .products-table td{border-bottom:1px solid #444;color:#b0b0b0}.products-table tbody tr:hover{background:#f8f9fa}.dashboard-container.dark .products-table tbody tr:hover{background:#0f0f0f}.product-thumbnail{background:repeating-conic-gradient(#f0f0f0 0 25%,#fff 0 50%) 50% /10px 10px,repeating-conic-gradient(#f0f0f0 0 25%,#fff 0 50%) 50% /10px 10px;background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;height:50px;object-fit:contain;width:50px}.dashboard-container.dark .product-thumbnail{background:repeating-conic-gradient(#2a2a2a 0 25%,#1a1a1a 0 50%) 50% /10px 10px,repeating-conic-gradient(#2a2a2a 0 25%,#1a1a1a 0 50%) 50% /10px 10px;background-color:#0a0a0a;border:1px solid #444}.product-name-cell{display:flex;flex-direction:column;gap:5px}.product-name-cell strong{color:#333;font-size:14px}.dashboard-container.dark .product-name-cell strong{color:#e0e0e0}.product-description-cell{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#999;display:-webkit-box;font-size:12px;overflow:hidden}.dashboard-container.dark .product-description-cell{color:#888}.stock-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.stock-badge.in-stock{background:#e8f5e9;color:#2e7d32}.dashboard-container.dark .stock-badge.in-stock{background:#1b5e20;color:#81c784}.stock-badge.out-of-stock{background:#ffebee;color:#c62828}.dashboard-container.dark .stock-badge.out-of-stock{background:#b71c1c;color:#ef5350}.action-buttons{display:flex;gap:8px}.btn-edit{background:#0c8ef4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .3s}.btn-edit:hover{background:#0a7bc4}.btn-delete{background:#f44;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .3s}.btn-delete:hover{background:#c00}.product-form-container{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.product-form{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:100%}.dashboard-container.dark .product-form{background:#1a1a1a;color:#e0e0e0}.form-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.dashboard-container.dark .form-header{border-bottom:1px solid #444}.form-header h2{color:#333;font-size:1.5rem;margin:0}.dashboard-container.dark .form-header h2{color:#e0e0e0}.close-btn{font-size:32px;height:32px;line-height:1;transition:color .3s;width:32px}.dashboard-container.dark .close-btn{color:#b0b0b0}.dashboard-container.dark .close-btn:hover,.dashboard-container.dark .form-group label{color:#e0e0e0}.form-group input,.form-group textarea{font-family:inherit}.dashboard-container.dark .form-group input,.dashboard-container.dark .form-group textarea{background:#0a0a0a;border-color:#444;color:#e0e0e0}.persian-date-input{direction:ltr!important;text-align:left!important}.dashboard-container.dark .persian-date-input{background:#0a0a0a!important;border-color:#444!important;color:#e0e0e0!important}.form-actions{border-top:1px solid #e0e0e0;gap:10px;margin-top:25px;padding-top:20px}.dashboard-container.dark .form-actions{border-top:1px solid #444}.btn-cancel{background:#0000;border:2px solid #e0e0e0;color:#666;flex:0 0 auto;min-width:-webkit-fit-content;min-width:fit-content;transition:all .3s;width:auto!important}.dashboard-container.dark .btn-cancel{border-color:#444;color:#b0b0b0}.btn-cancel:hover{background:#f5f5f5}.dashboard-container.dark .btn-cancel:hover{background:#1a1a1a}.form-actions .btn-primary{flex:0 0 auto;min-width:-webkit-fit-content;min-width:fit-content;padding:12px 24px;width:auto}.dashboard-container.dark .loading{color:#e0e0e0}@media (max-width:768px){.dashboard-header-top{align-items:flex-start;flex-direction:column}.dashboard-actions{width:100%}.dashboard-actions button{flex:1 1}.products-table{overflow-x:auto}.products-table table{min-width:800px}.form-row{grid-template-columns:1fr}.product-form{max-height:95vh;padding:20px}}.address-form-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:30px;padding:20px}.dashboard-container.dark .address-form-container{background:#0f0f0f;border:1px solid #444}.address-form{background:#fff;border-radius:8px;padding:20px}.dashboard-container.dark .address-form{background:#1a1a1a}.addresses-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.address-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:20px}.dashboard-container.dark .address-card{background:#1a1a1a;border:1px solid #444}.address-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.dashboard-container.dark .address-header{border-bottom:1px solid #444}.address-header h4{color:#333;font-size:1.2rem;margin:0}.dashboard-container.dark .address-header h4{color:#e0e0e0}.default-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.address-card p{color:#666;font-size:14px;margin:8px 0}.dashboard-container.dark .address-card p{color:#b0b0b0}.address-actions{border-top:1px solid #e0e0e0;display:flex;gap:10px;margin-top:15px;padding-top:15px}.dashboard-container.dark .address-actions{border-top:1px solid #444}.address-actions .btn-delete,.address-actions .btn-edit{flex:1 1}@media (min-width:769px){.dashboard-sidebar:not(.open){border:none;overflow:hidden;padding:0;width:0}}@media (max-width:768px){.hamburger-menu-btn{display:flex!important}.dashboard-sidebar{box-shadow:-2px 0 10px #0000001a;height:100vh;position:fixed!important;right:0;top:0;transform:translateX(100%);width:250px;z-index:100}.dashboard-sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block!important}.dashboard-layout{flex-direction:column}.dashboard-header h1{font-size:1.5rem}.dashboard-section{padding:20px 15px}.section-header{align-items:flex-start;flex-direction:column}.products-table-container{overflow-x:auto}.products-table{min-width:600px}}@media (max-width:480px){.dashboard-content{padding:0 10px 50px}.dashboard-header{padding:15px}.header-left{gap:8px}.dashboard-header h1{font-size:1.2rem}.hamburger-menu-btn{height:36px;width:36px}.hamburger-menu-btn svg{height:18px;width:18px}.header-actions{gap:6px}.header-actions button{font-size:12px;padding:8px 12px}.dashboard-sidebar{max-width:85%;width:260px}.dashboard-nav{flex-direction:column;padding:10px}.dashboard-nav button{font-size:13px;padding:10px 12px;width:100%}.products-table td,.products-table th{font-size:12px;padding:10px 8px}.action-buttons{flex-direction:column}.btn-delete,.btn-edit{width:100%}.addresses-list{grid-template-columns:1fr}.profile-header{align-items:flex-start}.address-actions,.profile-header{flex-direction:column}.address-actions button{width:100%}.form-row{flex-direction:column}}.logout-dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.logout-dialog{animation:dialogSlideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;max-width:450px;padding:30px;width:100%}.dashboard-container.dark .logout-dialog{background:#1a1a1a;color:#e0e0e0}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logout-dialog-header{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:15px}.dashboard-container.dark .logout-dialog-header{border-bottom:1px solid #444}.logout-dialog-header h3{color:#333;font-size:1.5rem;margin:0;text-align:right}.dashboard-container.dark .logout-dialog-header h3{color:#e0e0e0}.logout-dialog-content{margin-bottom:25px}.logout-dialog-content p{color:#666;font-size:16px;line-height:1.6;margin:0;text-align:right}.dashboard-container.dark .logout-dialog-content p{color:#b0b0b0}.logout-dialog-actions{display:flex;flex-direction:row-reverse;gap:10px;justify-content:flex-start}.btn-logout-confirm,.logout-dialog-actions .btn-cancel{flex:1 1;padding:12px 24px}.btn-logout-confirm{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;transition:background .3s}.btn-logout-confirm:hover{background:#c82333}@media (max-width:480px){.logout-dialog{max-width:90%;padding:20px}.logout-dialog-actions{flex-direction:column}.logout-dialog-actions button{width:100%}}.status-select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-family:inherit;font-size:14px;min-width:120px;padding:6px 10px}.dashboard-container.dark .status-select{background:#1a1a1a;border-color:#444;color:#e0e0e0}.status-select:focus{border-color:#0c8ef4;outline:none}.status-select:hover{border-color:#0c8ef4}.crop-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.crop-modal{animation:dialogSlideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;padding:30px;width:100%}.dashboard-container.dark .crop-modal{background:#1a1a1a;color:#e0e0e0}.crop-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.dashboard-container.dark .crop-modal-header{border-bottom:1px solid #444}.crop-modal-header h3{color:#333;font-size:1.5rem;margin:0;text-align:right}.dashboard-container.dark .crop-modal-header h3{color:#e0e0e0}.crop-modal-close{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:color .3s;width:32px}.dashboard-container.dark .crop-modal-close{color:#b0b0b0}.crop-modal-close:hover{color:#333}.dashboard-container.dark .crop-modal-close:hover{color:#e0e0e0}.crop-modal-content{align-items:center;display:flex;flex:1 1;justify-content:center;max-height:70vh;min-height:300px;overflow:auto}.crop-modal-content img{max-height:100%;max-width:100%}.crop-modal-actions{border-top:1px solid #e0e0e0;display:flex;flex-direction:row-reverse;gap:10px;justify-content:flex-start;margin-top:20px;padding-top:20px}.gallery-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.gallery-modal{animation:dialogSlideIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;padding:30px;width:100%}.dashboard-container.dark .gallery-modal{background:#1a1a1a;color:#e0e0e0}.gallery-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.dashboard-container.dark .gallery-modal-header{border-bottom:1px solid #444}.gallery-modal-header h3{color:#333;font-size:1.5rem;margin:0;text-align:right}.dashboard-container.dark .gallery-modal-header h3{color:#e0e0e0}.gallery-modal-close{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:color .3s;width:32px}.dashboard-container.dark .gallery-modal-close{color:#b0b0b0}.gallery-modal-close:hover{color:#333}.dashboard-container.dark .gallery-modal-close:hover{color:#e0e0e0}.gallery-modal-content{flex:1 1;max-height:60vh;min-height:300px;overflow:auto}.gallery-selection-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-modal-actions{border-top:1px solid #e0e0e0;display:flex;flex-direction:row-reverse;gap:10px;justify-content:flex-start;margin-top:20px;padding-top:20px}.dashboard-container.dark .gallery-modal-actions{border-top:1px solid #444}.gallery-modal-actions button{min-width:-webkit-fit-content;min-width:fit-content;width:auto}@media (max-width:768px){.gallery-modal{max-width:95vw;padding:20px}.gallery-selection-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.dashboard-container.dark .crop-modal-actions{border-top:1px solid #444}.crop-modal-actions button{flex:1 1;padding:12px 24px}.crop-modal-actions button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.crop-modal{max-width:95vw;padding:20px}.crop-modal-content{max-height:50vh}.crop-modal-actions{flex-direction:column}.crop-modal-actions button{width:100%}}.cart-container{background:#fff;min-height:100vh;padding:20px;transition:background-color .3s,color .3s}.cart-container.dark{background:#0a0a0a;color:#e0e0e0}.cart-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin:0 auto 30px;max-width:1200px}.cart-header h1{color:#333;font-size:1.8rem;margin:0}.cart-container.dark .cart-header h1{color:#e0e0e0}.cart-container.dark .back-btn{border-color:#444;color:#b0b0b0}.cart-container.dark .back-btn:hover{background:#1a1a1a}.cart-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 350px;margin:0 auto;max-width:1200px}.cart-items{display:flex;flex-direction:column;gap:15px}.cart-item{grid-gap:20px;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:grid;gap:20px;grid-template-columns:100px 1fr 120px 150px 40px;padding:20px}.cart-container.dark .cart-item{background:#1a1a1a;border:1px solid #444}.cart-item-image{background:#f0f0f0;border-radius:8px;height:100px;overflow:hidden;width:100px}.cart-item-image img{height:100%;object-fit:cover;width:100%}.cart-item-info h3{color:#333;font-size:1rem;margin:0 0 8px}.cart-container.dark .cart-item-info h3{color:#e0e0e0}.cart-item-category{color:#666;font-size:.85rem;margin:0 0 8px}.cart-container.dark .cart-item-category{color:#b0b0b0}.cart-item-price{color:#333;font-size:.9rem;font-weight:500}.cart-container.dark .cart-item-price{color:#e0e0e0}.cart-item-quantity{gap:10px}.cart-item-quantity,.quantity-btn{align-items:center;display:flex;justify-content:center}.quantity-btn{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:18px;height:32px;transition:all .3s;width:32px}.cart-container.dark .quantity-btn{background:#0a0a0a;border-color:#444;color:#e0e0e0}.quantity-btn:hover{background:#e0e0e0}.cart-container.dark .quantity-btn:hover{background:#2a2a2a}.quantity-value{font-weight:500;min-width:30px;text-align:center}.cart-item-total{color:#333;font-size:1rem;font-weight:700;text-align:left}.cart-container.dark .cart-item-total{color:#e0e0e0}.remove-btn{align-items:center;background:#f44;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:background .3s;width:32px}.remove-btn:hover{background:#c00}.cart-summary{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;height:-webkit-fit-content;height:fit-content;padding:25px;position:-webkit-sticky;position:sticky;top:20px}.cart-container.dark .cart-summary{background:#1a1a1a;border:1px solid #444}.cart-summary h2{border-bottom:1px solid #e0e0e0;color:#333;font-size:1.3rem;margin:0 0 20px;padding-bottom:15px}.cart-container.dark .cart-summary h2{border-bottom:1px solid #444;color:#e0e0e0}.summary-row{margin-bottom:15px}.cart-container.dark .summary-row{color:#b0b0b0}.cart-container.dark .summary-total{border-top:2px solid #444;color:#e0e0e0}.checkout-btn{background:#0c8ef4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:20px;padding:15px;transition:background .3s;width:100%}.checkout-btn:hover{background:#0a7bc4}.clear-cart-btn{background:#0000;border:2px solid #f44;border-radius:8px;color:#f44;cursor:pointer;font-size:.9rem;margin-top:10px;padding:12px;transition:all .3s;width:100%}.clear-cart-btn:hover{background:#f44;color:#fff}.empty-cart{margin:0 auto;max-width:600px;padding:100px 20px;text-align:center}.empty-cart p{color:#666;font-size:1.2rem;margin-bottom:30px}.cart-container.dark .empty-cart p{color:#b0b0b0}@media (max-width:968px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:768px){.cart-item{gap:15px;grid-template-columns:80px 1fr}.cart-item-quantity,.cart-item-total,.remove-btn{grid-column:2}.cart-item-quantity{justify-content:flex-start;margin-top:10px}.cart-item-total{margin-top:10px}.remove-btn{left:20px;position:absolute;top:20px}.cart-item{position:relative}}.login-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px;transition:background-color .3s,color .3s}.login-container.dark{background:#0a0a0a;color:#e0e0e0}.login-box{background:#fff;border:1px solid #e0e0e0;border-radius:15px;box-shadow:0 4px 20px #0000001a;max-width:450px;padding:40px;width:100%}.login-container.dark .login-box{background:#1a1a1a;border:1px solid #444}.login-box h1{color:#333;font-size:1.8rem;margin:0 0 30px;text-align:center}.login-container.dark .form-group label,.login-container.dark .login-box h1{color:#e0e0e0}.login-container.dark .form-group input{background:#0a0a0a;border-color:#444;color:#e0e0e0}.login-container.dark .help-text{color:#b0b0b0}.timer-text{color:#0c8ef4;font-size:.9rem;font-weight:500;margin-top:8px;text-align:center}.login-container.dark .timer-text{color:#4da6ff}.expired-text{color:#e74c3c;font-size:.9rem;font-weight:500;margin-top:8px;text-align:center}.login-container.dark .expired-text{color:#ff6b6b}.btn-secondary{font-size:.9rem;margin-top:10px;padding:12px;width:100%}.login-container.dark .btn-secondary{border-color:#444;color:#b0b0b0}.login-container.dark .btn-secondary:hover{background:#1a1a1a}.back-link{color:#666}.login-container.dark .back-link{color:#b0b0b0}.back-link:hover{color:#0c8ef4}@media (max-width:480px){.login-box{padding:25px}.login-box h1{font-size:1.5rem}}.checkout-container{background:#fff;min-height:100vh;padding:20px;transition:background-color .3s,color .3s}.checkout-container.dark{background:#0a0a0a;color:#e0e0e0}.checkout-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin:0 auto 30px;max-width:1200px}.checkout-header h1{color:#333;font-size:1.8rem;margin:0}.checkout-container.dark .checkout-header h1{color:#e0e0e0}.back-btn{background:#0000;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s}.checkout-container.dark .back-btn{border-color:#444;color:#b0b0b0}.back-btn:hover{background:#f5f5f5}.checkout-container.dark .back-btn:hover{background:#1a1a1a}.checkout-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 400px;margin:0 auto;max-width:1200px}.checkout-form{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:30px}.checkout-container.dark .checkout-form{background:#1a1a1a;border:1px solid #444}.form-section{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:25px}.checkout-container.dark .form-section{border-bottom:1px solid #444}.form-section:last-of-type{border-bottom:none}.form-section h2{color:#333;font-size:1.3rem;margin:0 0 20px}.checkout-container.dark .form-section h2{color:#e0e0e0}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group label{font-size:14px}.checkout-container.dark .form-group label{color:#e0e0e0}.form-group input,.form-group textarea{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.checkout-container.dark .form-group input,.checkout-container.dark .form-group textarea{background:#0a0a0a;border-color:#444;color:#e0e0e0}.form-group input:focus,.form-group textarea:focus{border-color:#0c8ef4;outline:none}.address-selection{margin-bottom:20px}.address-selection h3{color:#333;font-size:1.1rem;margin:0 0 15px}.checkout-container.dark .address-selection h3{color:#e0e0e0}.addresses-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:20px}.address-card-selectable{background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;padding:15px;transition:all .3s}.checkout-container.dark .address-card-selectable{background:#1a1a1a;border-color:#444}.address-card-selectable:hover{border-color:#0c8ef4;box-shadow:0 4px 12px #0c8ef426;transform:translateY(-2px)}.address-card-selectable.selected{background:#f0f8ff;border-color:#0c8ef4;box-shadow:0 4px 15px #0c8ef440}.checkout-container.dark .address-card-selectable.selected{background:#0a1a2a;border-color:#0c8ef4}.address-card-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.checkout-container.dark .address-card-header{border-bottom-color:#444}.address-card-header h4{color:#333;font-size:1rem;margin:0}.checkout-container.dark .address-card-header h4{color:#e0e0e0}.default-badge{background:#28a745}.default-badge,.selected-badge{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.selected-badge{background:#0c8ef4}.address-card-body{font-size:.9rem}.address-card-body p{color:#666;line-height:1.5;margin:6px 0}.checkout-container.dark .address-card-body p{color:#b0b0b0}.address-card-body strong{color:#333;font-weight:600}.checkout-container.dark .address-card-body strong{color:#e0e0e0}.submit-btn{background:#0c8ef4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:20px;padding:15px;transition:background .3s;width:100%}.submit-btn:hover:not(:disabled){background:#0a7bc4}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.order-summary{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;height:-webkit-fit-content;height:fit-content;padding:25px;position:-webkit-sticky;position:sticky;top:20px}.checkout-container.dark .order-summary{background:#1a1a1a;border:1px solid #444}.order-summary h2{border-bottom:1px solid #e0e0e0;color:#333;font-size:1.3rem;margin:0 0 20px;padding-bottom:15px}.checkout-container.dark .order-summary h2{border-bottom:1px solid #444;color:#e0e0e0}.summary-items{margin-bottom:20px}.summary-item{color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:12px}.checkout-container.dark .summary-item{color:#b0b0b0}.summary-total{border-top:1px solid #e0e0e0;font-size:1rem;margin-top:15px;padding-top:15px}.checkout-container.dark .summary-total{border-top:1px solid #444;color:#e0e0e0}.summary-discount{color:#28a745;display:flex;font-size:.95rem;justify-content:space-between;margin-top:10px;padding-top:10px}.checkout-container.dark .summary-discount{color:#4caf50}.discount-amount{color:#28a745;font-weight:600}.checkout-container.dark .discount-amount{color:#4caf50}.discount-input-group{align-items:stretch;display:flex;gap:10px}.discount-input{border:1px solid #e0e0e0;border-radius:8px;flex:1 1;font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;padding:12px}.checkout-container.dark .discount-input{background:#0a0a0a;border-color:#444;color:#e0e0e0}.btn-apply-discount{background:#0c8ef4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;padding:12px 20px;transition:background .3s;white-space:nowrap}.btn-apply-discount:hover:not(:disabled){background:#0a7bc4}.btn-apply-discount:disabled{background:#ccc;cursor:not-allowed}.discount-applied{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;display:flex;font-size:14px;justify-content:space-between;margin-top:10px;padding:10px 15px}.checkout-container.dark .discount-applied{background:#1e4620;border-color:#2d5f31;color:#81c784}.btn-remove-discount{background:#0000;border:1px solid #155724;border-radius:4px;color:#155724;cursor:pointer;font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:12px;padding:4px 12px;transition:all .3s}.checkout-container.dark .btn-remove-discount{border-color:#81c784;color:#81c784}.btn-remove-discount:hover{background:#155724;color:#fff}.checkout-container.dark .btn-remove-discount:hover{background:#81c784;color:#0a0a0a}.summary-total.final-price{border-top:2px solid #e0e0e0;font-size:1.2rem;font-weight:700;margin-top:20px;padding-top:20px}.checkout-container.dark .summary-total.final-price{border-top:2px solid #444}.final-price{color:#0c8ef4;font-size:1.3rem}@media (max-width:968px){.checkout-content{grid-template-columns:1fr}.order-summary{position:static}}@media (max-width:768px){.form-row{grid-template-columns:1fr}.discount-input-group{flex-direction:column}.btn-apply-discount{width:100%}.checkout-form{padding:20px}}.btn-add-address{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;margin-top:15px;padding:12px 24px;transition:background .3s;width:100%}.btn-add-address:hover{background:#218838}.address-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.address-form-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:100%}.checkout-container.dark .address-form-modal{background:#1a1a1a;color:#e0e0e0}.address-form-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.checkout-container.dark .address-form-header{border-bottom-color:#444}.address-form-header h3{color:#333;font-size:1.3rem;margin:0}.checkout-container.dark .address-form-header h3{color:#e0e0e0}.close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;padding:0;transition:all .3s;width:30px}.checkout-container.dark .close-btn{color:#b0b0b0}.close-btn:hover{background:#f0f0f0;color:#333}.checkout-container.dark .close-btn:hover{background:#2a2a2a;color:#e0e0e0}.form-actions{display:flex;gap:15px;margin-top:20px}.btn-cancel,.btn-primary{flex:1 1;font-family:inherit}.btn-cancel{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .3s}.btn-cancel:hover{background:#5a6268}.address-card-actions{display:flex;gap:8px;left:10px;position:absolute;top:10px;z-index:10}.edit-address-btn{align-items:center;background:#0c8ef4;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;line-height:1;transition:background .3s;width:28px}.edit-address-btn:hover{background:#0a7bc4}.delete-address-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:28px;justify-content:center;line-height:1;transition:background .3s;width:28px}.delete-address-btn:hover{background:#c82333}.address-card-selectable{position:relative}.no-address-section{padding:30px;text-align:center}.no-address-section p{color:#666;font-size:1rem;margin-bottom:20px}.checkout-container.dark .no-address-section p{color:#b0b0b0}.delete-dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.delete-dialog{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:400px;padding:30px;width:100%}.checkout-container.dark .delete-dialog{background:#1a1a1a;color:#e0e0e0}.delete-dialog-header{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:15px}.checkout-container.dark .delete-dialog-header{border-bottom-color:#444}.delete-dialog-header h3{color:#333;font-size:1.3rem;margin:0}.checkout-container.dark .delete-dialog-header h3{color:#e0e0e0}.delete-dialog-content{margin-bottom:25px}.delete-dialog-content p{color:#555;font-size:1rem;margin:0}.checkout-container.dark .delete-dialog-content p{color:#b0b0b0}.delete-dialog-actions{display:flex;gap:15px;justify-content:flex-end}.btn-delete-confirm{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;transition:background .3s}.btn-delete-confirm:hover{background:#c82333}.btn-delete-cancel{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;transition:background .3s}.btn-delete-cancel:hover{background:#5a6268}.payment-container{align-items:center;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:40px 20px;transition:background-color .3s,color .3s}.payment-container.dark{background:#0a0a0a;color:#e0e0e0}.payment-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:600px;overflow:hidden;transition:background-color .3s,color .3s;width:100%}.payment-container.dark .payment-content{background:#1a1a1a;border:1px solid #444}.payment-header{background:linear-gradient(135deg,#0c8ef4,#0a7bc4);color:#fff;padding:30px;position:relative;text-align:center}.payment-header h1{font-size:1.8rem;font-weight:600;margin:0}.payment-icon{animation:pulse 2s infinite;font-size:3rem;margin-top:15px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.payment-info{padding:30px}.order-info-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:25px;padding:20px}.payment-container.dark .order-info-card{background:#0a0a0a;border-color:#444}.order-info-card h2{color:#333;font-size:1.2rem;margin:0 0 15px}.payment-container.dark .order-info-card h2{color:#e0e0e0}.info-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 0}.payment-container.dark .info-row{border-bottom-color:#444}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#666;font-size:.95rem}.payment-container.dark .info-row span:first-child{color:#b0b0b0}.info-row strong{color:#333;font-size:1.1rem}.payment-container.dark .info-row strong{color:#e0e0e0}.info-row .amount{color:#0c8ef4;font-size:1.3rem;font-weight:700}.info-row.discount .discount-amount{color:#28a745;font-weight:600}.payment-methods{margin-bottom:25px}.payment-methods h2{color:#333;font-size:1.2rem;margin:0 0 15px}.payment-container.dark .payment-methods h2{color:#e0e0e0}.payment-method-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;padding:20px;transition:all .3s}.payment-container.dark .payment-method-card{background:#0a0a0a;border-color:#444}.payment-method-card.selected{background:#f0f8ff;border-color:#0c8ef4}.payment-container.dark .payment-method-card.selected{background:#0a1a2a;border-color:#0c8ef4}.method-icon{font-size:2.5rem;margin-left:15px}.method-info{flex:1 1}.method-info h3{color:#333;font-size:1.1rem;margin:0 0 5px}.payment-container.dark .method-info h3{color:#e0e0e0}.method-info p{color:#666;font-size:.9rem;margin:0}.payment-container.dark .method-info p{color:#b0b0b0}.method-check{color:#0c8ef4;font-size:1.5rem;font-weight:700}.payment-note{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:25px;padding:15px}.payment-container.dark .payment-note{background:#3a2a00;border-color:#ffc107}.payment-note p{color:#856404;font-size:.9rem;margin:5px 0}.payment-container.dark .payment-note p{color:#ffc107}.payment-actions{display:flex;gap:15px;margin-top:30px}.btn-cancel,.btn-pay{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:inherit;font-size:1rem;font-weight:600;padding:15px 30px;transition:all .3s}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover:not(:disabled){background:#5a6268}.btn-pay{background:linear-gradient(135deg,#28a745,#218838);box-shadow:0 4px 15px #28a7454d;color:#fff}.btn-pay:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.btn-cancel:disabled,.btn-pay:disabled{cursor:not-allowed;opacity:.6}.loading{color:#666;font-size:1.2rem}.payment-container.dark .loading{color:#b0b0b0}@media (max-width:600px){.payment-container{padding:20px 10px}.payment-header{padding:20px}.payment-header h1{font-size:1.4rem}.payment-info{padding:20px}.payment-actions{flex-direction:column}.btn-cancel,.btn-pay{width:100%}}.invoice-container{background:#fff;min-height:100vh;padding:20px;transition:background-color .3s,color .3s}.invoice-container.dark{background:#0a0a0a;color:#e0e0e0}.invoice-actions{display:flex;gap:15px;justify-content:flex-end;margin:0 auto 30px;max-width:1000px}.btn-primary{font-size:14px;font-weight:500;padding:12px 24px}.btn-primary:hover{background:#0a7bc4}.btn-secondary{background:#0000;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;padding:12px 24px;transition:all .3s}.invoice-container.dark .btn-secondary{border-color:#444;color:#b0b0b0}.btn-secondary:hover{background:#f5f5f5}.invoice-container.dark .btn-secondary:hover{background:#1a1a1a}.invoice{background:#fff;border:1px solid #e0e0e0;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:1000px;padding:40px}.invoice-container.dark .invoice{background:#1a1a1a;border:1px solid #444}.invoice-header{border-bottom:2px solid #e0e0e0;margin-bottom:40px;padding-bottom:30px;text-align:center}.invoice-container.dark .invoice-header{border-bottom:2px solid #444}.invoice-header h1{color:#333;font-size:2rem;margin:0 0 20px}.invoice-container.dark .invoice-header h1{color:#e0e0e0}.invoice-info{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.invoice-info p{color:#666;font-size:.95rem;margin:0}.invoice-container.dark .invoice-info p{color:#b0b0b0}.invoice-section{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:25px}.invoice-container.dark .invoice-section{border-bottom:1px solid #444}.invoice-section:last-of-type{border-bottom:none}.invoice-section h2{color:#333;font-size:1.3rem;margin:0 0 20px}.invoice-container.dark .invoice-section h2{color:#e0e0e0}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.address-info p{color:#666;line-height:1.6;margin:8px 0}.invoice-container.dark .address-info p{color:#b0b0b0}.invoice-table{border-collapse:collapse;margin-top:15px;width:100%}.invoice-table thead{background:#f8f9fa}.invoice-container.dark .invoice-table thead{background:#0a0a0a}.invoice-table th{border-bottom:2px solid #e0e0e0;color:#333;font-size:14px;font-weight:600;padding:12px;text-align:right}.invoice-container.dark .invoice-table th{border-bottom:2px solid #444;color:#e0e0e0}.invoice-table td{border-bottom:1px solid #e0e0e0;color:#666;padding:12px}.invoice-container.dark .invoice-table td{border-bottom:1px solid #444;color:#b0b0b0}.payment-summary{margin:0 auto;max-width:500px}.summary-row{color:#666;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:12px}.invoice-container.dark .summary-row{color:#b0b0b0}.summary-row.discount{color:#28a745}.invoice-container.dark .summary-row.discount{color:#81c784}.summary-total{border-top:2px solid #e0e0e0;color:#333;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;margin-top:20px;padding-top:20px}.invoice-container.dark .summary-total{border-top:2px solid #444;color:#e0e0e0}.invoice-footer{border-top:2px solid #e0e0e0;color:#666;margin-top:40px;padding-top:30px;text-align:center}.invoice-container.dark .invoice-footer{border-top:2px solid #444;color:#b0b0b0}.invoice-footer p{margin:8px 0}.loading{padding:100px}.invoice-container.dark .loading{color:#e0e0e0}@media print{.invoice-actions{display:none}.invoice-container{background:#fff;padding:0}.invoice{border:none;box-shadow:none}}@media (max-width:768px){.invoice{padding:25px}.info-grid{grid-template-columns:1fr}.invoice-table{font-size:.85rem}.invoice-table td,.invoice-table th{padding:8px 6px}}.profile-container{background:#f5f5f5;min-height:100vh;padding:40px 20px;transition:background-color .3s}.profile-container.dark{background:#0a0a0a}.profile-box{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:500px;padding:40px;transition:background-color .3s}.profile-container.dark .profile-box{background:#1a1a1a;box-shadow:0 2px 10px #0000004d}.profile-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.profile-box h1{color:#333;font-size:1.8rem;margin:0}.profile-container.dark .profile-box h1{color:#e0e0e0}.btn-shop-link{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;transition:background .3s}.btn-shop-link:hover{background:#218838}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.profile-container.dark .form-group label{color:#e0e0e0}.form-group input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.profile-container.dark .form-group input{background:#0a0a0a;border-color:#444;color:#e0e0e0}.form-group input:focus{border-color:#0c8ef4;outline:none}.form-group input.disabled-input{background:#f5f5f5;color:#999;cursor:not-allowed}.form-group input:not(.disabled-input){cursor:text}.form-group input[type=text]:not(.disabled-input){pointer-events:auto;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.profile-container.dark .form-group input.disabled-input{background:#2a2a2a;color:#666}.help-text{color:#666;font-size:.85rem;line-height:1.6;margin-top:8px}.profile-container.dark .help-text{color:#b0b0b0}.btn-primary{background:#0c8ef4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:700;margin-top:10px;padding:15px;transition:background .3s;width:100%}.btn-primary:hover:not(:disabled){background:#0a7bc4}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.back-link{color:#0c8ef4;cursor:pointer;display:block;font-size:.9rem;margin-top:20px;text-align:center;text-decoration:none;transition:color .3s}.profile-container.dark .back-link{color:#4da6ff}.back-link:hover{color:#0a7bc4}@media (max-width:768px){.profile-container{padding:20px 15px}.profile-box{padding:30px 20px}.profile-box h1{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.App,body{transition:background-color .3s,color .3s}.App{min-height:100vh}.App:not(.dark){background:#fff}.App.dark{background:#0a0a0a}.App-header{background:#fffffffa;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 10px #0000000d;padding:12px 20px;text-align:center;transition:background-color .3s}.App.dark .App-header{background:#141414fa;border-bottom:1px solid #333;color:#e0e0e0}.header-top{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.header-top h1{flex:1 1;min-width:0}.header-actions{flex-wrap:wrap;gap:15px}.header-actions,.icon-link{align-items:center;display:flex}.icon-link{background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:inherit;height:45px;justify-content:center;position:relative;text-decoration:none;transition:all .3s;width:45px}.App.dark .icon-link{border-color:#555}.icon-link:hover{background:#0000000d;transform:scale(1.1)}.App.dark .icon-link:hover{background:#ffffff1a}.icon-link svg{height:24px;width:24px}.cart-link{position:relative}.cart-badge{align-items:center;background:#dc3545;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.App.dark .cart-badge{border-color:#0a0a0a}.logout-btn{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Vazirmatn,Vazir,Vazir FD,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:background .3s}.logout-btn:hover{background:#c82333}.App-header h1{color:#333;font-size:1.8rem;font-weight:700;margin:0}.App.dark .App-header h1{color:#e0e0e0}.theme-toggle{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:45px;justify-content:center;max-width:45px;min-width:45px;transition:transform .3s;width:45px}.App.dark .theme-toggle{border-color:#555}.theme-toggle:hover{transform:scale(1.1)}.search-bar{margin:15px 0}.search-input{background:#fff;border:2px solid #e0e0e0;border-radius:25px;color:#333;font-size:16px;max-width:500px;outline:none;padding:12px 20px;transition:border-color .3s,background-color .3s,color .3s,box-shadow .3s;width:100%}.App.dark .search-input{background:#1a1a1a;border-color:#444;color:#e0e0e0}.search-input:focus{border-color:#0c8ef4;box-shadow:0 0 8px #0c8ef433}.category-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.category-filter button{background:#fff;border:2px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s}.App.dark .category-filter button{background:#1a1a1a;border-color:#444;color:#b0b0b0}.category-filter button:hover{background:#0c8ef4;border-color:#0c8ef4;box-shadow:0 0 8px #0c8ef466;color:#fff}.category-filter button.active{background:#0c8ef4;border-color:#0c8ef4;box-shadow:0 0 12px #0c8ef480;color:#fff}.products-container{margin:30px auto;max-width:1200px;padding:0 20px 80px}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:20px}.product-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 3px 12px #00000014;cursor:pointer;overflow:hidden;transition:transform .3s,box-shadow .3s}.App.dark .product-card{background:#1a1a1a;border:1px solid #444;box-shadow:0 3px 15px #0000004d;color:#e0e0e0}.product-card:hover{border-color:#d0d0d0;box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.App.dark .product-card:hover{border-color:#555;box-shadow:0 8px 25px #0006}.product-image{align-items:center;aspect-ratio:1/1;background:repeating-conic-gradient(#f0f0f0 0 25%,#fff 0 50%) 50% /20px 20px,repeating-conic-gradient(#f0f0f0 0 25%,#fff 0 50%) 50% /20px 20px;background-color:#f0f0f0;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.App.dark .product-image{background:repeating-conic-gradient(#2a2a2a 0 25%,#1a1a1a 0 50%) 50% /20px 20px,repeating-conic-gradient(#2a2a2a 0 25%,#1a1a1a 0 50%) 50% /20px 20px;background-color:#0a0a0a}.product-image img{background:#0000;display:block;height:100%;object-fit:contain;transition:transform .3s;width:100%}.product-card:hover .product-image img{transform:scale(1.05)}.product-info{padding:15px}.product-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:1rem;line-height:1.4;margin-bottom:8px;overflow:hidden}.App.dark .product-info h3{color:#e0e0e0}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.8rem;line-height:1.4;margin-bottom:12px;overflow:hidden}.App.dark .product-description{color:#b0b0b0}.product-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.product-price{color:#333;font-size:1rem;font-weight:700}.App.dark .product-price{color:#e0e0e0}.product-stock{color:#666;font-size:.75rem;font-weight:500}.App.dark .product-stock{color:#b0b0b0}.product-category{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:12px;color:#666;display:inline-block;font-size:.7rem;margin-top:8px;padding:4px 10px}.App.dark .product-category{background:#0a0a0a;border:1px solid #444;color:#b0b0b0}.product-category-small{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:8px;color:#666;display:inline-block;font-size:.65rem;font-weight:500;margin-top:6px;padding:2px 8px}.App.dark .product-category-small{background:#1a1a1a;border:1px solid #444;color:#b0b0b0}.loading{color:#333;font-size:1.5rem;padding:50px;text-align:center}.App.dark .loading{color:#e0e0e0}.no-products{background:#00000005;border:1px solid #e0e0e0;border-radius:10px;color:#333;font-size:1.2rem;margin-top:30px;padding:50px;text-align:center}.App.dark .no-products{background:#ffffff0d;border:1px solid #444;color:#e0e0e0}@media (max-width:1024px){.products-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.App-header{padding:10px 15px}.App-header h1{font-size:1.5rem}.header-top{align-items:center;flex-direction:column;gap:12px;margin-bottom:12px}.header-top h1{font-size:1.4rem;text-align:center;width:100%}.header-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:center;width:100%}.header-actions>*{flex-shrink:0}.icon-link{height:40px;width:40px}.icon-link svg{height:20px;width:20px}.cart-badge{font-size:10px;height:18px;right:-5px;top:-5px;width:18px}.theme-toggle{flex-shrink:0;font-size:20px;height:40px;max-width:40px;min-width:40px;width:40px}.search-bar{margin:12px 0}.search-input{font-size:14px;max-width:100%;padding:10px 18px}.category-filter{gap:8px;margin-top:12px}.category-filter button{font-size:12px;padding:6px 12px}.products-container{margin:20px auto;padding:0 15px 60px}.products-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:15px}.product-card{border-radius:10px}.product-image{aspect-ratio:1/1}.product-info{padding:12px}.product-info h3{font-size:.9rem}.product-description{font-size:.75rem}.product-price{font-size:.9rem}}@media (max-width:480px){.App-header{padding:8px 12px}.header-top{align-items:center;flex-direction:column;gap:10px}.header-top h1{font-size:1.1rem;text-align:center;width:100%}.header-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:center;width:100%}.icon-link{height:36px;width:36px}.icon-link svg{height:18px;width:18px}.cart-badge{font-size:9px;height:16px;right:-4px;top:-4px;width:16px}.theme-toggle{font-size:18px;height:36px;width:36px}.search-bar{margin:10px 0}.search-input{font-size:14px;padding:8px 15px}.category-filter button{font-size:11px;padding:5px 10px}.products-container{padding:0 10px 50px}.products-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.product-image{aspect-ratio:1/1}.product-info{padding:10px}.product-info h3{font-size:.85rem;margin-bottom:6px}.product-description{font-size:.7rem;margin-bottom:10px}.product-price{font-size:.85rem}.product-stock{font-size:.7rem}.product-category{font-size:.65rem;padding:3px 8px}}@media (max-width:360px){.products-grid{grid-template-columns:1fr}.App-header h1{font-size:1.1rem}}
/*# sourceMappingURL=main.5feec770.css.map*/