:root{--background:#fff;--foreground:#1f2937;--card-background:#fff;--card-border:#e2e8f0;--primary:#2563eb;--primary-hover:#1d4ed8;--muted:#64748b;--muted-background:#f1f5f9}a{text-decoration:none}.dark{--background-qr-code:#fff;--background:#0f172a;--foreground:#f8fafc;--card-background:#1e293b;--card-border:#334155;--primary:#3b82f6;--primary-hover:#2563eb;--muted:#94a3b8;--muted-background:#1e293b}body,html{color:#1f2937;color:var(--foreground);transition:background-color .3s ease,color .3s ease}.app-container,.app-layout,body,html{background-color:#fff;background-color:var(--background);min-height:100vh}.app-layout{padding-top:64px}.app-layout .main-content{min-height:calc(100vh - 64px);width:100%}.app-layout .main-content,.cart-container,.checkout-page,.payment-success-page,.product-page,.profile-page{background-color:#fff;background-color:var(--background)}.ad-carousel{height:100%;overflow:hidden;position:relative;width:100%}.ad-carousel.horizontal .carousel-container{display:flex}.ad-carousel.horizontal .carousel-slide{transform:translateX(100%)}.ad-carousel.horizontal .carousel-button{top:50%;transform:translateY(-50%)}.ad-carousel.horizontal .carousel-button.prev{left:1rem}.ad-carousel.horizontal .carousel-button.next{right:1rem}.ad-carousel.horizontal .carousel-dots{bottom:1rem;flex-direction:row;left:50%;transform:translateX(-50%)}.ad-carousel.vertical .carousel-container{flex-direction:column}.ad-carousel.vertical .carousel-slide{transform:translateY(100%)}.ad-carousel.vertical .carousel-button{left:50%;transform:translateX(-50%) rotate(90deg)}.ad-carousel.vertical .carousel-button.prev{top:1rem}.ad-carousel.vertical .carousel-button.next{bottom:1rem}.ad-carousel.vertical .carousel-dots{flex-direction:column;right:1rem;top:50%;transform:translateY(-50%)}.ad-carousel .carousel-container{height:100%;position:relative;width:100%}.ad-carousel .carousel-slide{height:100%;left:0;position:absolute;top:0;transition:transform .5s ease-in-out;width:100%}.ad-carousel .carousel-slide.active{transform:translate(0)!important}.ad-carousel .carousel-slide img{height:100%;object-fit:cover;width:100%}.ad-carousel .carousel-button{align-items:center;background:#fffc;border:none;border-radius:20px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;transition:all .3s ease;width:40px;z-index:2}.ad-carousel .carousel-button:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.ad-carousel .carousel-dots{display:flex;gap:.5rem;position:absolute;z-index:2}.ad-carousel .carousel-dots .dot{background:#ffffff80;border:none;border-radius:4px;cursor:pointer;height:8px;padding:0;transition:all .3s ease;width:8px}.ad-carousel .carousel-dots .dot.active{background:#fff;transform:scale(1.2)}.ad-carousel:hover .carousel-button{opacity:1}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{animation:float 20s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='4' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login-container .login-card{animation:slideUp .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px #00000040;box-sizing:border-box;max-width:500px;padding:3rem;position:relative;width:100%}.login-container .login-card:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-container .login-card .login-header{margin-bottom:2.5rem;text-align:center}.login-container .login-card .login-header .logo{animation:pulse 2s ease-in-out infinite;margin-bottom:1.5rem}.login-container .login-card .login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:2rem;font-weight:800;margin-bottom:.5rem}.login-container .login-card .login-header .version{background:#667eea1a;border-radius:20px;color:#667eea;display:inline-block;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.5rem 1rem}.login-container .login-card .form-group{margin-bottom:2rem;width:100%}.login-container .login-card .form-group label{color:#4a5568;display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.login-container .login-card .form-group .input-wrapper{box-sizing:border-box;position:relative;width:100%}.login-container .login-card .form-group .input-wrapper .input-icon{color:#667eea;height:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:1}.login-container .login-card .form-group .input-wrapper input,.login-container .login-card .form-group .input-wrapper select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0;border-radius:16px;box-sizing:border-box;font-size:1rem;max-width:100%;padding:1rem 1rem 1rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-container .login-card .form-group .input-wrapper input:focus,.login-container .login-card .form-group .input-wrapper select:focus{background:#fffffff2;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-2px)}.login-container .login-card .form-group .input-wrapper input::placeholder,.login-container .login-card .form-group .input-wrapper select::placeholder{color:#a0aec0}.login-container .login-card .form-group .input-wrapper select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23667eea'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:3rem}.login-container .login-card .error-message{align-items:center;animation:shake .5s ease-in-out;background:#e53e3e1a;border:1px solid #e53e3e33;border-radius:12px;box-sizing:border-box;color:#e53e3e;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem;width:100%}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.login-container .login-card .login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 8px 25px #667eea4d;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-bottom:2rem;max-width:100%;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-container .login-card .login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.login-container .login-card .login-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 12px 35px #667eea66;transform:translateY(-2px)}.login-container .login-card .login-button:hover:before{left:100%}.login-container .login-card .login-button:active{transform:translateY(0)}.login-container .login-card .form-footer{align-items:center;display:flex;font-size:.95rem;justify-content:center;margin-bottom:2rem;width:100%}.login-container .login-card .form-footer .remember-me{align-items:center;color:#4a5568;display:flex;gap:.75rem}.login-container .login-card .form-footer .remember-me input[type=checkbox]{accent-color:#667eea;transform:scale(1.2)}.login-container .login-card .form-footer .remember-me label{cursor:pointer;font-weight:500;margin:0}.login-container .login-card .social-login{border-top:1px solid #e2e8f0;padding-top:2rem;text-align:center;width:100%}.login-container .login-card .social-login p{color:#718096;font-size:1rem;font-weight:500;margin-bottom:1.5rem}.login-container .login-card .social-login .social-buttons{display:flex;gap:1rem;width:100%}.login-container .login-card .social-login .social-buttons button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0;border-radius:16px;box-sizing:border-box;color:#4a5568;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-container .login-card .social-login .social-buttons button:hover{background:#fffffff2;border-color:#667eea;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.login-container .login-card .social-login .social-buttons button img{height:20px;width:20px}@media(max-width:480px){.login-container{padding:1rem}.login-container .login-card{border-radius:16px;max-width:calc(100vw - 2rem);padding:2rem 1.5rem}.login-container .login-card .login-header h1{font-size:1.75rem}.login-container .login-card .form-group .input-wrapper input,.login-container .login-card .form-group .input-wrapper select{font-size:.95rem;padding:.875rem .875rem .875rem 2.75rem}.login-container .login-card .social-buttons{flex-direction:column;gap:.75rem}.login-container .login-card .social-buttons button{width:100%}}@media(max-width:360px){.login-container{padding:.5rem}.login-container .login-card{max-width:calc(100vw - 1rem);padding:1.5rem 1rem}.login-container .login-card .form-group .input-wrapper input,.login-container .login-card .form-group .input-wrapper select{font-size:.9rem;padding:.75rem .75rem .75rem 2.5rem}}.cart-container{--primary-color:#3b82f6;--primary-hover:#2563eb;--success-color:#10b981;--success-hover:#059669;--danger-color:#ef4444;--danger-hover:#dc2626;--warning-color:#f59e0b;--warning-hover:#d97706;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--bg-white:#fff;--bg-gray:#f9fafb;--bg-light:#f3f4f6;--border-color:#e5e7eb;--border-focus:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-hover:0 20px 25px -5px #0000001a;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}@media(prefers-color-scheme:dark){.cart-container{--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--bg-white:#1e293b;--bg-gray:#0f172a;--bg-light:#334155;--border-color:#334155;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d;--shadow-hover:0 20px 25px -5px #0006;background:linear-gradient(135deg,#0f172a,#1e293b)}}.cart-container .cart-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;position:sticky;top:20px;z-index:100}.cart-container .cart-header .back-button{align-items:center;background:var(--bg-gray);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.cart-container .cart-header .back-button:hover{background:var(--primary-color);box-shadow:var(--shadow);color:#fff;transform:translateX(-3px)}.cart-container .cart-header .back-button:active{transform:translateX(-1px)}.cart-container .cart-header .cart-title-section{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:center;max-width:400px}.cart-container .cart-header .cart-title-section .scan-input-container{align-items:center;background:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:0;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.cart-container .cart-header .cart-title-section .scan-input-container:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.cart-container .cart-header .cart-title-section .scan-input-container:hover{border-color:var(--primary-color);box-shadow:var(--shadow)}.cart-container .cart-header .cart-title-section .scan-input-container .scan-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:500;outline:none;padding:1rem 1.25rem;transition:all .2s ease}.cart-container .cart-header .cart-title-section .scan-input-container .scan-input::placeholder{color:var(--text-muted);font-weight:400}.cart-container .cart-header .cart-title-section .scan-input-container .scan-input:disabled{cursor:not-allowed;opacity:.6}.cart-container .cart-header .cart-title-section .scan-input-container .scan-search-btn{align-items:center;background:var(--primary-color);border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:50px;padding:1rem;position:relative;transition:all .3s ease}.cart-container .cart-header .cart-title-section .scan-input-container .scan-search-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.cart-container .cart-header .cart-title-section .scan-input-container .scan-search-btn:active{transform:scale(.95)}.cart-container .cart-header .cart-title-section .scan-input-container .scan-search-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cart-container .cart-header .cart-title-section .scan-input-container .scan-search-btn .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.cart-container .cart-header .cart-title-section .cart-count{background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:var(--radius-lg);box-shadow:var(--shadow);color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem;white-space:nowrap}.cart-container .cart-header .clear-cart-btn,.cart-container .cart-header .qr-cart-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s}.cart-container .cart-header .clear-cart-btn:hover,.cart-container .cart-header .qr-cart-btn:hover{background:var(--success-color);transform:translateY(-1px)}.cart-container .cart-header .clear-cart-btn{background:var(--danger-color)}.cart-container .cart-header .clear-cart-btn:hover{background:var(--warning-color)}.cart-container .cart-header .qr-cart-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s}.cart-container .cart-header .qr-cart-btn:hover{background:var(--success-color);transform:translateY(-1px)}.cart-container .cart-header .cart-header-actions{display:flex;gap:.75rem}.cart-container .cart-header .cart-header-actions .clear-cart-btn,.cart-container .cart-header .cart-header-actions .qr-cart-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s}.cart-container .cart-header .cart-header-actions .clear-cart-btn:hover,.cart-container .cart-header .cart-header-actions .qr-cart-btn:hover{background:var(--success-color);transform:translateY(-1px)}.cart-container .cart-header .cart-header-actions .clear-cart-btn{background:var(--danger-color)}.cart-container .cart-header .cart-header-actions .clear-cart-btn:hover{background:var(--warning-color)}.cart-container .cart-header .cart-header-actions .qr-cart-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s}.cart-container .cart-header .cart-header-actions .qr-cart-btn:hover{background:var(--success-color);transform:translateY(-1px)}.cart-container .cart-header .cart-header-actions .clear-cart-btn{background:linear-gradient(135deg,var(--danger-color),#dc2626);color:#fff}.cart-container .cart-header .cart-header-actions .clear-cart-btn:hover{background:linear-gradient(135deg,var(--danger-hover),#b91c1c)}.cart-container .empty-cart{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-top:2rem;padding:4rem 2rem;text-align:center}.cart-container .empty-cart h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--success-color));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.cart-container .empty-cart p{color:var(--text-secondary);font-size:1.125rem;font-weight:400;margin-bottom:2rem}.cart-container .empty-cart .empty-cart-actions{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:280px}.cart-container .empty-cart .empty-cart-actions .go-shopping{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:var(--radius-lg);box-shadow:var(--shadow);color:#fff;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.cart-container .empty-cart .empty-cart-actions .go-shopping:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cart-container .empty-cart .empty-cart-actions .go-shopping:active{transform:translateY(0)}.cart-container .empty-cart .empty-cart-actions .qr-add-btn{align-items:center;background:var(--bg-gray);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease;width:100%}.cart-container .empty-cart .empty-cart-actions .qr-add-btn:hover{background:var(--bg-white);border-color:var(--primary-color);box-shadow:var(--shadow);color:var(--primary-color);transform:translateY(-1px)}.cart-container .cart-content{display:flex;flex-direction:column;gap:2rem}.cart-container .cart-content .cart-items{display:flex;flex-direction:column;gap:1.5rem}.cart-container .cart-content .cart-items .cart-item{align-items:center;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow);display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.cart-container .cart-content .cart-items .cart-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cart-container .cart-content .cart-items .cart-item .item-info{display:flex;flex:1 1;gap:1rem}.cart-container .cart-content .cart-items .cart-item .item-info img{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:80px;object-fit:cover;width:80px}.cart-container .cart-content .cart-items .cart-item .item-info .item-details{flex:1 1}.cart-container .cart-content .cart-items .cart-item .item-info .item-details h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.cart-container .cart-content .cart-items .cart-item .item-info .item-details .price{color:var(--primary-color);font-size:1rem;font-weight:600;margin-bottom:.5rem}.cart-container .cart-content .cart-items .cart-item .item-info .item-details .stock-info .stock-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.cart-container .cart-content .cart-items .cart-item .item-info .item-details .stock-info .stock-text .gram-info{color:var(--text-muted);font-size:.75rem;font-weight:400}.cart-container .cart-content .cart-items .cart-item .item-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.cart-container .cart-content .cart-items .cart-item .item-actions .quantity-control{align-items:center;background:var(--bg-gray);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:0;padding:.25rem}.cart-container .cart-content .cart-items .cart-item .item-actions .quantity-control button{align-items:center;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.cart-container .cart-content .cart-items .cart-item .item-actions .quantity-control button:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.1)}.cart-container .cart-content .cart-items .cart-item .item-actions .quantity-control button:disabled{cursor:not-allowed;opacity:.4;transform:none}.cart-container .cart-content .cart-items .cart-item .item-actions .quantity-control .quantity-display{color:var(--text-primary);font-size:.875rem;font-weight:600;min-width:80px;padding:0 .5rem;text-align:center}.cart-container .cart-content .cart-items .cart-item .item-actions .quantity-control .quantity-display .gram-display{color:var(--text-muted);display:block;font-size:.75rem;font-weight:400}.cart-container .cart-content .cart-items .cart-item .item-actions .remove-button{align-items:center;background:var(--danger-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.cart-container .cart-content .cart-items .cart-item .item-actions .remove-button:hover{background:var(--danger-hover);transform:translateY(-1px) scale(1.05)}.cart-container .cart-content .cart-items .cart-item .item-actions .remove-button:active{transform:translateY(0) scale(.95)}.cart-container .cart-content .cart-items .cart-item .item-total{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;min-width:120px}.cart-container .cart-content .cart-items .cart-item .item-total span:first-child{color:var(--text-secondary);font-size:.875rem;font-weight:500}.cart-container .cart-content .cart-items .cart-item .item-total span:last-child{color:var(--primary-color);font-size:1.125rem;font-weight:700}.cart-container .cart-content .cart-summary{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);bottom:20px;box-shadow:var(--shadow-lg);padding:2rem;position:sticky}.cart-container .cart-content .cart-summary .summary-total{margin-bottom:2rem}.cart-container .cart-content .cart-summary .summary-total .total-items,.cart-container .cart-content .cart-summary .summary-total .total-price{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 0}.cart-container .cart-content .cart-summary .summary-total .total-items span,.cart-container .cart-content .cart-summary .summary-total .total-price span{color:var(--text-primary);font-size:1rem;font-weight:500}.cart-container .cart-content .cart-summary .summary-total .total-price{border-bottom:2px solid var(--primary-color);margin-top:.5rem}.cart-container .cart-content .cart-summary .summary-total .total-price span{color:var(--primary-color);font-size:1.25rem;font-weight:700}.cart-container .cart-content .cart-summary .summary-actions .checkout-button{background:linear-gradient(135deg,var(--primary-color),var(--success-color));border-radius:var(--radius-lg);box-shadow:var(--shadow);color:#fff;display:block;font-size:1.125rem;font-weight:600;padding:1.25rem;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.cart-container .cart-content .cart-summary .summary-actions .checkout-button:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cart-container .cart-content .cart-summary .summary-actions .checkout-button:active{transform:translateY(0)}@media(max-width:1024px){.cart-container{padding:1rem}.cart-container .cart-header .cart-title-section{max-width:300px}}@media(max-width:768px){.cart-container{padding:.75rem}.cart-container .cart-header{flex-direction:column;gap:1rem;padding:1rem}.cart-container .cart-header .cart-title-section{max-width:100%;width:100%}.cart-container .cart-header .cart-title-section .scan-input-container{width:100%}.cart-container .cart-header .cart-header-actions{justify-content:center}.cart-container .cart-items .cart-item{flex-direction:column;gap:1rem;text-align:center}.cart-container .cart-items .cart-item .item-info{flex-direction:column;text-align:center;width:100%}.cart-container .cart-items .cart-item .item-actions{flex-direction:row;justify-content:center;width:100%}.cart-container .cart-items .cart-item .item-total{align-items:center;width:100%}.cart-container .empty-cart{padding:2rem 1rem}.cart-container .empty-cart h2{font-size:1.5rem}.cart-container .empty-cart .empty-cart-actions{max-width:none;width:100%}.cart-container .empty-cart .empty-cart-actions .go-shopping{box-sizing:border-box;padding:.75rem 1.5rem}}@media(max-width:480px){.cart-container{padding:.5rem}.cart-container .cart-header .cart-title-section .scan-input-container .scan-input{font-size:.875rem;padding:.75rem 1rem}.cart-container .cart-header .cart-title-section .scan-input-container .scan-search-btn{padding:.75rem}.cart-container .cart-items .cart-item{padding:1rem}.cart-container .cart-items .cart-item .item-info img{height:60px;width:60px}.cart-container .cart-summary{padding:1.5rem}}.advertisement{border-radius:10px;height:400px;margin-bottom:2rem;overflow:hidden;position:relative;width:100%}.advertisement .slider{height:100%;position:relative;width:100%}.advertisement .slide{background-position:50%;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%}.advertisement .slide.active{opacity:1}.advertisement .slide .content{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;left:0;padding:2rem;position:absolute;right:0}.advertisement .slide .content h2{font-size:2rem;margin-bottom:.5rem}.advertisement .slide .content p{font-size:1.2rem}.advertisement .dots{bottom:20px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.advertisement .dots .dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;transition:background-color .3s ease;width:12px}.advertisement .dots .dot.active{background:#fff}@media(max-width:768px){.advertisement{height:300px}.advertisement .slide .content h2{font-size:1.5rem}.advertisement .slide .content p{font-size:1rem}}.main-layout{display:flex;flex-direction:column;min-height:100vh}.main-layout .content-wrapper{display:flex;flex:1 1;margin-top:60px}.main-layout .content-wrapper .main-content{background:#f5f5f5;flex:1 1;overflow-y:auto;padding:20px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-background);border-bottom:1px solid var(--card-border);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar .navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.75rem 1rem}.navbar .navbar-container .logo{align-items:center;color:var(--foreground);display:flex;font-size:1.25rem;font-weight:600;text-decoration:none}.navbar .navbar-container .logo .logo-loading{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.navbar .navbar-container .logo .logo-loading .logo-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--card-border);border:2px solid var(--card-border);border-radius:50%;border-top-color:var(--primary);height:20px;width:20px}.navbar .navbar-container .logo .logo-image{border-radius:8px;height:40px;object-fit:cover;width:40px}.navbar .navbar-container .logo .logo-placeholder{align-items:center;background:var(--primary);border-radius:8px;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.navbar .navbar-container .nav-actions{align-items:center;display:flex;gap:.5rem}.navbar .navbar-container .nav-actions .logout-button,.navbar .navbar-container .nav-actions .profile-link,.navbar .navbar-container .nav-actions .search-button,.navbar .navbar-container .nav-actions .theme-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--foreground);cursor:pointer;display:flex;height:44px;justify-content:center;text-decoration:none;transition:all .2s ease;width:44px}.navbar .navbar-container .nav-actions .logout-button:hover,.navbar .navbar-container .nav-actions .profile-link:hover,.navbar .navbar-container .nav-actions .search-button:hover,.navbar .navbar-container .nav-actions .theme-toggle:hover{background:var(--muted-background);transform:translateY(-1px)}.navbar .navbar-container .nav-actions .logout-button:active,.navbar .navbar-container .nav-actions .profile-link:active,.navbar .navbar-container .nav-actions .search-button:active,.navbar .navbar-container .nav-actions .theme-toggle:active{transform:translateY(0)}.navbar .navbar-container .nav-actions .cart-link{align-items:center;border-radius:8px;color:var(--foreground);display:flex;height:44px;justify-content:center;position:relative;text-decoration:none;transition:all .2s ease;width:44px}.navbar .navbar-container .nav-actions .cart-link:hover{background:var(--muted-background);transform:translateY(-1px)}.navbar .navbar-container .nav-actions .cart-link:hover .cart-info{opacity:1;transform:translateY(0);visibility:visible}.navbar .navbar-container .nav-actions .cart-link .cart-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:20px;position:absolute;right:-2px;top:-2px;width:20px}.navbar .navbar-container .nav-actions .cart-link .cart-info{background:var(--card-background);border:1px solid var(--card-border);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;min-width:200px;opacity:0;padding:.75rem;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1001}.navbar .navbar-container .nav-actions .cart-link .cart-info .cart-quantity{color:var(--muted);display:block;font-size:.875rem;margin-bottom:.25rem}.navbar .navbar-container .nav-actions .cart-link .cart-info .cart-total{color:var(--foreground);display:block;font-weight:600}@media(max-width:768px){.navbar .navbar-container{padding:.5rem 1rem}.navbar .navbar-container .logo{font-size:1.1rem}.navbar .navbar-container .logo .logo-image,.navbar .navbar-container .logo .logo-placeholder{height:36px;width:36px}.navbar .navbar-container .nav-actions{gap:.25rem}.navbar .navbar-container .nav-actions .cart-link,.navbar .navbar-container .nav-actions .logout-button,.navbar .navbar-container .nav-actions .profile-link,.navbar .navbar-container .nav-actions .search-button,.navbar .navbar-container .nav-actions .theme-toggle{height:40px;width:40px}.navbar .navbar-container .nav-actions .cart-link .cart-badge{font-size:.7rem;height:18px;right:-1px;top:-1px;width:18px}.navbar .navbar-container .nav-actions .cart-link .cart-info{min-width:180px;padding:.5rem;right:-50px}.navbar .navbar-container .nav-actions .cart-link .cart-info .cart-quantity{font-size:.8rem}}@media(max-width:480px){.navbar .navbar-container{padding:.5rem .75rem}.navbar .navbar-container .nav-actions{gap:.125rem}.navbar .navbar-container .nav-actions .cart-link,.navbar .navbar-container .nav-actions .logout-button,.navbar .navbar-container .nav-actions .profile-link,.navbar .navbar-container .nav-actions .search-button,.navbar .navbar-container .nav-actions .theme-toggle{height:36px;width:36px}.navbar .navbar-container .nav-actions .cart-link .cart-info{min-width:160px;right:-70px}}.product-card{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 8px 25px #00000014;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.product-card:hover{border-color:var(--primary);box-shadow:0 12px 30px #0000001f;transform:translateY(-5px)}.product-card .product-image{align-items:center;background:var(--muted-background);border-bottom:1px solid var(--card-border);display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.product-card .product-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card .product-details{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.25rem}.product-card .product-details .product-info{margin-bottom:1rem}.product-card .product-details .product-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--foreground);display:-webkit-box;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis}.product-card .product-details .product-info .price{align-items:baseline;color:var(--primary);display:flex;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.product-card .product-details .product-info .price .unit{color:var(--muted);font-size:.8rem;font-weight:400;margin-left:.25rem}.product-card .product-details .product-info .stock{color:var(--muted);font-size:.9rem}.product-card .product-details .product-info .stock .weight-info{font-size:.8rem;font-style:italic;margin-left:.25rem}.product-card .product-details .quantity-controls{background:var(--muted-background);border:1px solid var(--card-border);border-radius:10px;margin-bottom:1rem;padding:.75rem}.product-card .product-details .quantity-controls .quantity-row{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.product-card .product-details .quantity-controls .quantity-row .quantity-btn{align-items:center;background:var(--background);border:1px solid var(--card-border);border-radius:8px;color:var(--foreground);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.product-card .product-details .quantity-controls .quantity-row .quantity-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.product-card .product-details .quantity-controls .quantity-row input{-moz-appearance:textfield;background:var(--background);border:1px solid var(--card-border);border-radius:8px;color:var(--foreground);font-size:1rem;padding:.5rem;text-align:center;width:80px}.product-card .product-details .quantity-controls .quantity-row input::-webkit-inner-spin-button,.product-card .product-details .quantity-controls .quantity-row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.product-card .product-details .quantity-controls .quantity-row input:focus{border-color:var(--primary);outline:none}.product-card .product-details .quantity-controls .total-price{color:var(--foreground);font-size:.95rem;font-weight:600;text-align:center}.product-card .product-details .quantity-controls .total-price .quantity-info{color:var(--muted);font-size:.85rem;font-weight:400}.product-card .product-details .rent-button,.product-card .product-details .sell-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.8rem 1.2rem;transition:all .3s ease;width:100%}.product-card .product-details .rent-button:disabled,.product-card .product-details .sell-button:disabled{background:var(--muted-background);color:var(--muted);cursor:not-allowed;opacity:.6}.product-card .product-details .sell-button{background:var(--primary);color:#fff}.product-card .product-details .sell-button:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 15px #3b82f64d;transform:translateY(-2px)}.product-card .product-details .sell-button.confirming{background:#22c55e}.product-card .product-details .sell-button.confirming:hover:not(:disabled){background:#16a34a}.product-card .product-details .rent-button{background:#f59e0b;color:#fff}.product-card .product-details .rent-button:hover:not(:disabled){background:#d97706;box-shadow:0 4px 15px #f59e0b4d;transform:translateY(-2px)}.product-card.dark .product-image{background:var(--card-background)}@media(max-width:480px){.product-card .product-image{height:160px}.product-card .product-details{padding:1rem}.product-card .product-details .product-info h3{font-size:1.1rem}.product-card .product-details .product-info .price{font-size:1rem}.product-card .product-details .product-info .stock{font-size:.85rem}.product-card .product-details .quantity-controls{padding:.5rem}.product-card .product-details .quantity-controls .quantity-row{gap:.25rem}.product-card .product-details .quantity-controls .quantity-row .quantity-btn{padding:.4rem}.product-card .product-details .quantity-controls .quantity-row input{font-size:.9rem;padding:.4rem;width:70px}.product-card .product-details .quantity-controls .total-price{font-size:.9rem}.product-card .product-details .quantity-controls .total-price .quantity-info{font-size:.8rem}.product-card .product-details .rent-button,.product-card .product-details .sell-button{font-size:.9rem;gap:.5rem;padding:.7rem 1rem}}.product-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem 0}@media(max-width:640px){.product-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-overlay .modal-content{background:#1e293b;border-radius:.5rem;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-overlay .modal-content .modal-header{align-items:center;border-bottom:1px solid #334155;display:flex;justify-content:space-between;padding:1.5rem}.modal-overlay .modal-content .modal-header h2{color:#fff;font-size:1.5rem}.modal-overlay .modal-content .modal-header .close-button{background:none;border:none;border-radius:.375rem;color:#64748b;cursor:pointer;padding:.5rem;transition:all .2s}.modal-overlay .modal-content .modal-header .close-button:hover{background:#334155;color:#fff}.modal-overlay .modal-content form{padding:1.5rem}.modal-overlay .modal-content form .form-group{margin-bottom:1.5rem}.modal-overlay .modal-content form .form-group label{color:#94a3b8;display:block;font-size:.9rem;margin-bottom:.5rem}.modal-overlay .modal-content form .form-group input,.modal-overlay .modal-content form .form-group select,.modal-overlay .modal-content form .form-group textarea{background:#0f172a;border:1px solid #334155;border-radius:.375rem;color:#fff;font-size:1rem;padding:.75rem;transition:all .2s;width:100%}.modal-overlay .modal-content form .form-group input:focus,.modal-overlay .modal-content form .form-group select:focus,.modal-overlay .modal-content form .form-group textarea:focus{border-color:#3b82f6;outline:none}.modal-overlay .modal-content form .form-group input::placeholder,.modal-overlay .modal-content form .form-group select::placeholder,.modal-overlay .modal-content form .form-group textarea::placeholder{color:#64748b}.modal-overlay .modal-content form .form-group textarea{min-height:100px;resize:vertical}.modal-overlay .modal-content form .form-group .error-message{color:#ef4444;display:block;font-size:.875rem;margin-top:.5rem}.modal-overlay .modal-content form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.modal-overlay .modal-content form .image-upload{border:2px dashed #334155;border-radius:.375rem;overflow:hidden}.modal-overlay .modal-content form .image-upload .preview{padding-top:56.25%;position:relative;width:100%}.modal-overlay .modal-content form .image-upload .preview img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.modal-overlay .modal-content form .image-upload .preview .remove-image{align-items:center;background:#00000080;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background-color .2s;width:32px}.modal-overlay .modal-content form .image-upload .preview .remove-image:hover{background:#000000b3}.modal-overlay .modal-content form .image-upload .upload-placeholder{color:#64748b;cursor:pointer;padding:2rem;position:relative;text-align:center}.modal-overlay .modal-content form .image-upload .upload-placeholder:hover{color:#3b82f6}.modal-overlay .modal-content form .image-upload .upload-placeholder input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.modal-overlay .modal-content form .image-upload .upload-placeholder svg{margin-bottom:.5rem}.modal-overlay .modal-content form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.modal-overlay .modal-content form .form-actions button{border-radius:.375rem;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.modal-overlay .modal-content form .form-actions button.cancel-button{background:#334155;border:1px solid #475569;color:#fff}.modal-overlay .modal-content form .form-actions button.cancel-button:hover{background:#475569}.modal-overlay .modal-content form .form-actions button.submit-button{background:#3b82f6;border:none;color:#fff}.modal-overlay .modal-content form .form-actions button.submit-button:hover{background:#2563eb}@media(max-width:640px){.modal-overlay .modal-content{border-radius:0;height:100%;max-height:none}.modal-overlay .modal-content form .form-row{grid-template-columns:1fr}}.product-sort{margin-bottom:1.5rem}.product-sort .sort-select{position:relative;width:200px}.product-sort .sort-select select{appearance:none;background:var(--card-background);border:2px solid var(--card-border);border-radius:8px;color:var(--foreground);cursor:pointer;font-size:.95rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s ease;width:100%}.product-sort .sort-select select:focus{border-color:var(--primary);outline:none}.product-sort .sort-select .select-icon{color:var(--muted);height:20px;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:20px}.search-bar{margin:0 auto;max-width:900px;position:relative;width:100%}.search-bar .search-form .search-controls{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 15px #00000014;display:flex;gap:8px;padding:8px;width:100%}.search-bar .search-form .search-controls .input-group{align-items:center;display:flex;flex:1 1;gap:8px}.search-bar .search-form .search-controls .input-group .search-input{flex:1 1;position:relative}.search-bar .search-form .search-controls .input-group .search-input .search-icon{color:#9ca3af;height:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-bar .search-form .search-controls .input-group .search-input input{background:#f3f4f6;border:none;border-radius:8px;color:#1f2937;font-size:.95rem;height:45px;padding:0 45px;transition:all .2s ease;width:100%}.search-bar .search-form .search-controls .input-group .search-input input::placeholder{color:#9ca3af}.search-bar .search-form .search-controls .input-group .search-input input:hover{background:#f9fafb}.search-bar .search-form .search-controls .input-group .search-input input:focus{background:#f9fafb;box-shadow:0 0 0 2px #3b82f64d;outline:none}.search-bar .search-form .search-controls .input-group .search-input .clear-button{align-items:center;background:#e5e7eb;border:none;border-radius:50%;color:#4b5563;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.search-bar .search-form .search-controls .input-group .search-input .clear-button:hover{background:#d1d5db;color:#1f2937}.search-bar .search-form .search-controls .input-group .category-select{appearance:none;background:#f3f4f6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:none;border-radius:8px;color:#1f2937;cursor:pointer;font-size:.95rem;height:45px;min-width:130px;padding:0 40px 0 16px;transition:all .2s ease}.search-bar .search-form .search-controls .input-group .category-select:hover{background-color:#f9fafb}.search-bar .search-form .search-controls .input-group .category-select:focus{box-shadow:0 0 0 2px #3b82f64d;outline:none}.search-bar .search-form .search-controls .search-button{align-items:center;background:linear-gradient(90deg,#2563eb,#1d4ed8);border:none;border-radius:8px;box-shadow:0 2px 4px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;height:45px;justify-content:center;min-width:120px;padding:0 20px;transition:all .3s ease;white-space:nowrap}.search-bar .search-form .search-controls .search-button .search-icon{height:18px;width:18px}.search-bar .search-form .search-controls .search-button span{font-weight:500}.search-bar .search-form .search-controls .search-button:hover{background:linear-gradient(90deg,#1d4ed8,#1e40af);box-shadow:0 4px 6px #2563eb4d;transform:translateY(-1px)}.search-bar .search-form .search-controls .search-button:active{box-shadow:0 2px 4px #2563eb33;transform:translateY(0)}.search-bar .search-results{left:0;position:absolute;right:0;top:calc(100% + 12px);z-index:50}.search-bar .search-results .results-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-height:600px;overflow-y:auto;padding:1rem}.search-bar .search-results .results-container .products-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.search-bar .search-results .results-container .products-grid .product-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .3s ease}.search-bar .search-results .results-container .products-grid .product-card.active{border-color:#2563eb;box-shadow:0 4px 12px #0000001a;opacity:1;transform:scale(1);z-index:2}.search-bar .search-results .results-container .products-grid .product-card.dimmed{filter:blur(2px);opacity:.15;transform:scale(.95)}.search-bar .search-results .results-container .products-grid .product-card img{aspect-ratio:1;object-fit:cover;width:100%}.search-bar .search-results .results-container .products-grid .product-card .product-info{padding:1rem}.search-bar .search-results .results-container .products-grid .product-card .product-info h3{color:#1f2937;font-size:.95rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-bar .search-results .results-container .products-grid .product-card .product-info .price{color:#2563eb;font-size:1.1rem;font-weight:600}.search-bar .search-results .results-container .products-grid .product-card:hover:not(.dimmed){box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.search-bar .search-results .results-container .no-results{color:#6b7280;font-size:.95rem;padding:2rem;text-align:center}.search-bar .search-results .results-container::-webkit-scrollbar{width:8px}.search-bar .search-results .results-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.search-bar .search-results .results-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px}.search-bar .search-results .results-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:640px){.search-bar .search-form .search-controls{flex-direction:column;gap:10px;padding:10px}.search-bar .search-form .search-controls .input-group{flex-direction:column;width:100%}.search-bar .search-form .search-controls .input-group .category-select,.search-bar .search-form .search-controls .search-button{width:100%}.search-bar .search-results .results-container .products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.logout-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.logout-modal-content{background:var(--card-background);border:1px solid var(--card-border);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:2rem;width:100%}.logout-modal-content h3{color:var(--foreground);font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.logout-modal-content p{color:var(--muted);line-height:1.5;margin-bottom:1.5rem}.logout-modal-content .modal-actions{display:flex;gap:.75rem}.logout-modal-content .modal-actions button{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem;transition:all .2s}.logout-modal-content .modal-actions button.confirm-button{background:#ef4444;color:#fff}.logout-modal-content .modal-actions button.confirm-button:hover{background:#dc2626}.logout-modal-content .modal-actions button.cancel-button{background:var(--muted-background);border:1px solid var(--card-border);color:var(--foreground)}.logout-modal-content .modal-actions button.cancel-button:hover{background:var(--card-background);border-color:var(--muted)}@media(max-width:480px){.logout-modal-content{padding:1.5rem}.logout-modal-content .modal-actions{flex-direction:column}}.rental-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rental-modal{animation:slideUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-background);border:1px solid var(--card-border);border-radius:24px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.rental-modal:before{background:linear-gradient(90deg,#f59e0b,#d97706,#b45309);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.rental-modal .rental-modal-header{align-items:flex-start;background:linear-gradient(135deg,var(--background),var(--muted-background));border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:2rem}.rental-modal .rental-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--foreground),var(--muted));-webkit-background-clip:text;color:var(--foreground);font-size:2rem;font-weight:800;margin:0}.rental-modal .rental-modal-header .close-btn{align-items:center;background:var(--muted-background);border:1px solid var(--card-border);border-radius:12px;color:var(--muted);cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .3s ease}.rental-modal .rental-modal-header .close-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.1)}.rental-modal .rental-modal-content{padding:2rem}.rental-modal .rental-modal-content .product-info-section{background:var(--muted-background);border:1px solid var(--card-border);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.rental-modal .rental-modal-content .product-info-section .product-display{align-items:center;display:flex;gap:1.5rem}.rental-modal .rental-modal-content .product-info-section .product-display img{border:2px solid var(--card-border);border-radius:12px;height:80px;object-fit:cover;width:80px}.rental-modal .rental-modal-content .product-info-section .product-display .product-details h3{color:var(--foreground);font-size:1.4rem;font-weight:600;margin:0 0 .5rem}.rental-modal .rental-modal-content .product-info-section .product-display .product-details .product-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;font-size:1.2rem;font-weight:600;margin:0}.rental-modal .rental-modal-content .rental-form .form-section{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;margin-bottom:2rem;padding:1.5rem;transition:border-color .3s ease}.rental-modal .rental-modal-content .rental-form .form-section:hover{border-color:#f59e0b}.rental-modal .rental-modal-content .rental-form .form-section h4{align-items:center;border-bottom:1px solid var(--card-border);color:#f59e0b;display:flex;font-size:1.2rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem;padding-bottom:.75rem}.rental-modal .rental-modal-content .rental-form .form-section h4 svg{color:#f59e0b}.rental-modal .rental-modal-content .rental-form .form-section .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.rental-modal .rental-modal-content .rental-form .form-section .form-row:last-child{margin-bottom:0}.rental-modal .rental-modal-content .rental-form .form-section .form-group{display:flex;flex-direction:column}.rental-modal .rental-modal-content .rental-form .form-section .form-group label{color:var(--foreground);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.rental-modal .rental-modal-content .rental-form .form-section .form-group input,.rental-modal .rental-modal-content .rental-form .form-section .form-group select{background:var(--background);border:2px solid var(--card-border);border-radius:8px;color:var(--foreground);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.rental-modal .rental-modal-content .rental-form .form-section .form-group input:focus,.rental-modal .rental-modal-content .rental-form .form-section .form-group select:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.rental-modal .rental-modal-content .rental-form .form-section .form-group input.error,.rental-modal .rental-modal-content .rental-form .form-section .form-group select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.rental-modal .rental-modal-content .rental-form .form-section .form-group input.readonly-input,.rental-modal .rental-modal-content .rental-form .form-section .form-group select.readonly-input{background:var(--muted-background);color:var(--muted);cursor:not-allowed}.rental-modal .rental-modal-content .rental-form .form-section .form-group input::placeholder,.rental-modal .rental-modal-content .rental-form .form-section .form-group select::placeholder{color:var(--muted)}.rental-modal .rental-modal-content .rental-form .form-section .form-group .error-text{color:#ef4444;font-size:.85rem;font-weight:500;margin-top:.25rem}.rental-modal .rental-modal-content .rental-form .form-section .cost-calculation{background:var(--muted-background);border:1px solid var(--card-border);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.rental-modal .rental-modal-content .rental-form .form-section .cost-calculation .cost-row{align-items:center;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:.75rem}.rental-modal .rental-modal-content .rental-form .form-section .cost-calculation .cost-row:last-child{margin-bottom:0}.rental-modal .rental-modal-content .rental-form .form-section .cost-calculation .cost-row.total{border-top:2px solid var(--card-border);font-size:1.1rem;font-weight:600;padding-top:.75rem}.rental-modal .rental-modal-content .rental-form .form-section .cost-calculation .cost-row.total .total-amount{color:#22c55e;font-size:1.3rem;font-weight:700}.rental-modal .rental-modal-content .rental-form .form-section .image-upload-container .image-input{display:none}.rental-modal .rental-modal-content .rental-form .form-section .image-upload-container .image-upload-label{align-items:center;background:var(--background);border:2px dashed var(--card-border);border-radius:12px;color:var(--muted);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.rental-modal .rental-modal-content .rental-form .form-section .image-upload-container .image-upload-label:hover{background:#f59e0b0d;border-color:#f59e0b;color:#f59e0b}.rental-modal .rental-modal-content .rental-form .form-section .image-upload-container .uploaded-image-info{color:var(--foreground);font-size:.9rem;font-style:italic;margin-top:.75rem;text-align:center}.rental-modal .rental-modal-content .rental-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.rental-modal .rental-modal-content .rental-form .form-actions .cancel-btn,.rental-modal .rental-modal-content .rental-form .form-actions .submit-btn{border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.rental-modal .rental-modal-content .rental-form .form-actions .cancel-btn{background:var(--muted-background);border:1px solid var(--card-border);color:var(--foreground)}.rental-modal .rental-modal-content .rental-form .form-actions .cancel-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.rental-modal .rental-modal-content .rental-form .form-actions .submit-btn{background:#f59e0b;color:#fff}.rental-modal .rental-modal-content .rental-form .form-actions .submit-btn:hover:not(:disabled){background:#d97706;box-shadow:0 8px 20px #f59e0b4d;transform:translateY(-2px)}.rental-modal .rental-modal-content .rental-form .form-actions .submit-btn:disabled{background:var(--muted-background);color:var(--muted);cursor:not-allowed;opacity:.6}@media(max-width:768px){.rental-modal .rental-modal-header{padding:1.5rem}.rental-modal .rental-modal-header h2{font-size:1.8rem}.rental-modal .rental-modal-content{padding:1.5rem}.rental-modal .rental-modal-content .product-info-section{padding:1rem}.rental-modal .rental-modal-content .product-info-section .product-display{flex-direction:column;gap:1rem;text-align:center}.rental-modal .rental-modal-content .rental-form .form-section{padding:1rem}.rental-modal .rental-modal-content .rental-form .form-section h4{font-size:1.1rem;margin-bottom:1rem}.rental-modal .rental-modal-content .rental-form .form-section .form-row{gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}.rental-modal .rental-modal-content .rental-form .form-actions{flex-direction:column;gap:.75rem}.rental-modal .rental-modal-content .rental-form .form-actions .cancel-btn,.rental-modal .rental-modal-content .rental-form .form-actions .submit-btn{font-size:1rem;padding:.75rem 1.5rem;width:100%}}@media(max-width:480px){.rental-modal .rental-modal-header{padding:1rem}.rental-modal .rental-modal-header h2{font-size:1.5rem}.rental-modal .rental-modal-header .close-btn{padding:.5rem}.rental-modal .rental-modal-content{padding:1rem}.rental-modal .rental-modal-content .rental-form .form-section{padding:.75rem}.rental-modal .rental-modal-content .rental-form .form-section h4{font-size:1rem;margin-bottom:.75rem}.rental-modal .rental-modal-content .rental-form .form-section .form-group label{font-size:.9rem}.rental-modal .rental-modal-content .rental-form .form-section .form-group input,.rental-modal .rental-modal-content .rental-form .form-section .form-group select{font-size:.9rem;padding:.6rem .8rem}.rental-modal .rental-modal-content .rental-form .form-section .cost-calculation{padding:1rem}.rental-modal .rental-modal-content .rental-form .form-section .cost-calculation .cost-row{font-size:.9rem}.rental-modal .rental-modal-content .rental-form .form-section .cost-calculation .cost-row.total{font-size:1rem}.rental-modal .rental-modal-content .rental-form .form-section .cost-calculation .cost-row.total .total-amount{font-size:1.1rem}}.withdrawal-history-modal{background:var(--background);border:1px solid var(--border);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.withdrawal-history-modal .modal-header{align-items:center;background:linear-gradient(135deg,var(--card) 0,30 100%);background:linear-gradient(135deg,var(--card) 0,var(--muted/30) 100%);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:24px 28px}.withdrawal-history-modal .modal-header .header-content{align-items:center;display:flex;gap:12px}.withdrawal-history-modal .modal-header .header-content svg{color:var(--primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.withdrawal-history-modal .modal-header .header-content h2{color:var(--foreground);font-size:1.375rem;font-weight:700;letter-spacing:-.025em;margin:0}.withdrawal-history-modal .modal-header .header-actions{align-items:center;display:flex;gap:12px}.withdrawal-history-modal .modal-header .header-actions .export-button{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary) 100%);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark,var(--primary)) 100%);border:none;border-radius:8px;box-shadow:0 4px 12px 30;box-shadow:0 4px 12px var(--primary/30);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.withdrawal-history-modal .modal-header .header-actions .export-button:hover{box-shadow:0 8px 20px 40;box-shadow:0 8px 20px var(--primary/40);transform:translateY(-2px)}.withdrawal-history-modal .modal-header .header-actions .close-button{align-items:center;background:var(--muted);border:1px solid var(--border);border-radius:8px;color:var(--muted-foreground);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.withdrawal-history-modal .modal-header .header-actions .close-button:hover{background:10;background:var(--destructive/10);border-color:30;border-color:var(--destructive/30);color:var(--destructive);transform:scale(1.05)}.withdrawal-history-modal .summary-section{grid-gap:20px;background:linear-gradient(135deg,30,10);background:linear-gradient(135deg,var(--muted/30) 0,var(--muted/10) 100%);border-bottom:1px solid var(--border);display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:24px 28px}.withdrawal-history-modal .summary-section .summary-card{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:16px;padding:20px 24px;transition:all .3s ease}.withdrawal-history-modal .summary-section .summary-card:hover{box-shadow:0 8px 15px -3px #0000001a;transform:translateY(-2px)}.withdrawal-history-modal .summary-section .summary-card .summary-icon{align-items:center;background:linear-gradient(135deg,10,20);background:linear-gradient(135deg,var(--primary/10) 0,var(--primary/20) 100%);border:20 solid;border:1px solid var(--primary/20);border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.withdrawal-history-modal .summary-section .summary-card .summary-icon svg{color:var(--primary)}.withdrawal-history-modal .summary-section .summary-card .summary-content{display:flex;flex-direction:column;gap:4px}.withdrawal-history-modal .summary-section .summary-card .summary-content .summary-label{color:var(--muted-foreground);font-size:.875rem;font-weight:500}.withdrawal-history-modal .summary-section .summary-card .summary-content .summary-amount,.withdrawal-history-modal .summary-section .summary-card .summary-content .summary-count{color:var(--foreground);font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.withdrawal-history-modal .filters-section{background:var(--card);border-bottom:1px solid var(--border);display:flex;gap:16px;padding:20px 28px}.withdrawal-history-modal .filters-section .search-input{align-items:center;display:flex;flex:1 1;position:relative}.withdrawal-history-modal .filters-section .search-input svg{color:var(--muted-foreground);left:16px;position:absolute;z-index:1}.withdrawal-history-modal .filters-section .search-input input{background:var(--background);border:2px solid var(--border);border-radius:10px;color:var(--foreground);font-size:.875rem;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.withdrawal-history-modal .filters-section .search-input input:focus{border-color:var(--primary);box-shadow:0 0 0 4px 10;box-shadow:0 0 0 4px var(--primary/10);outline:none;transform:translateY(-1px)}.withdrawal-history-modal .filters-section .search-input input::placeholder{color:var(--muted-foreground)}.withdrawal-history-modal .filters-section .period-filter{background:var(--background);border:2px solid var(--border);border-radius:10px;color:var(--foreground);cursor:pointer;font-size:.875rem;font-weight:500;min-width:140px;padding:12px 16px;transition:all .3s ease}.withdrawal-history-modal .filters-section .period-filter:focus{border-color:var(--primary);box-shadow:0 0 0 4px 10;box-shadow:0 0 0 4px var(--primary/10);outline:none}.withdrawal-history-modal .history-list{flex:1 1;overflow-y:auto;padding:20px 28px}.withdrawal-history-modal .history-list .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.withdrawal-history-modal .history-list .loading-state .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--muted);border:3px solid var(--muted);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:16px;width:40px}.withdrawal-history-modal .history-list .loading-state p{color:var(--muted-foreground);font-size:1rem}.withdrawal-history-modal .history-list .error-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.withdrawal-history-modal .history-list .error-state .error-message{color:var(--destructive);font-size:1rem;margin-bottom:16px}.withdrawal-history-modal .history-list .error-state .retry-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.withdrawal-history-modal .history-list .error-state .retry-btn:hover{box-shadow:0 4px 12px 30;box-shadow:0 4px 12px var(--primary/30);transform:translateY(-1px)}.withdrawal-history-modal .history-list .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.withdrawal-history-modal .history-list .empty-state svg{color:var(--muted-foreground);margin-bottom:20px;opacity:.5}.withdrawal-history-modal .history-list .empty-state h3{color:var(--foreground);font-size:1.25rem;font-weight:600;margin:0 0 12px}.withdrawal-history-modal .history-list .empty-state p{color:var(--muted-foreground);font-size:1rem;margin:0}.withdrawal-history-modal .history-list .history-item{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px 24px;transition:all .3s ease}.withdrawal-history-modal .history-list .history-item:hover{border-color:30;border-color:var(--primary/30);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.withdrawal-history-modal .history-list .history-item:last-child{margin-bottom:0}.withdrawal-history-modal .history-list .history-item .item-main{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.withdrawal-history-modal .history-list .history-item .item-main .item-info{flex:1 1}.withdrawal-history-modal .history-list .history-item .item-main .item-info h4{color:var(--foreground);font-size:1.125rem;font-weight:600;margin:0 0 8px}.withdrawal-history-modal .history-list .history-item .item-main .item-info .item-date{align-items:center;color:var(--muted-foreground);display:flex;font-size:.875rem;gap:6px;margin:0}.withdrawal-history-modal .history-list .history-item .item-main .item-info .item-date svg{flex-shrink:0}.withdrawal-history-modal .history-list .history-item .item-main .item-amount{align-items:flex-end;display:flex;flex-direction:column;gap:8px;text-align:right}.withdrawal-history-modal .history-list .history-item .item-main .item-amount .amount{color:var(--destructive);font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.withdrawal-history-modal .history-list .history-item .item-main .item-amount .status{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.withdrawal-history-modal .history-list .history-item .item-main .item-amount .status.completed{background:10;background:var(--success/10);border:20 solid;border:1px solid var(--success/20);color:var(--success)}.withdrawal-history-modal .history-list .history-item .item-comment{align-items:flex-start;background:30;background:var(--muted/30);border-radius:8px;display:flex;gap:10px;margin-bottom:12px;padding:12px 16px}.withdrawal-history-modal .history-list .history-item .item-comment svg{color:var(--muted-foreground);flex-shrink:0;margin-top:2px}.withdrawal-history-modal .history-list .history-item .item-comment span{color:var(--foreground);font-size:.875rem;line-height:1.5}.withdrawal-history-modal .history-list .history-item .item-footer{align-items:center;border-top:1px solid var(--border);display:flex;gap:8px;padding-top:12px}.withdrawal-history-modal .history-list .history-item .item-footer .operator{align-items:center;color:var(--muted-foreground);display:flex;font-size:.875rem;font-weight:500;gap:6px}.withdrawal-history-modal .history-list .history-item .item-footer .operator svg{flex-shrink:0}@media(max-width:768px){.withdrawal-history-modal{max-height:95vh;width:95%}.withdrawal-history-modal .modal-header{padding:20px 24px}.withdrawal-history-modal .modal-header .header-content h2{font-size:1.25rem}.withdrawal-history-modal .modal-header .header-actions{gap:8px}.withdrawal-history-modal .modal-header .header-actions .export-button{font-size:.8rem;padding:8px 12px}.withdrawal-history-modal .modal-header .header-actions .close-button{height:36px;width:36px}.withdrawal-history-modal .summary-section{gap:16px;grid-template-columns:1fr;padding:20px 24px}.withdrawal-history-modal .summary-section .summary-card{padding:16px 20px}.withdrawal-history-modal .summary-section .summary-card .summary-icon{height:40px;width:40px}.withdrawal-history-modal .summary-section .summary-card .summary-content .summary-amount,.withdrawal-history-modal .summary-section .summary-card .summary-content .summary-count{font-size:1.125rem}.withdrawal-history-modal .filters-section{flex-direction:column;gap:12px;padding:16px 24px}.withdrawal-history-modal .filters-section .period-filter{min-width:auto}.withdrawal-history-modal .history-list{padding:16px 24px}.withdrawal-history-modal .history-list .history-item{padding:16px 20px}.withdrawal-history-modal .history-list .history-item .item-main{flex-direction:column;gap:12px}.withdrawal-history-modal .history-list .history-item .item-main .item-amount{align-items:flex-start;text-align:left}.withdrawal-history-modal .history-list .history-item .item-main .item-amount .amount{font-size:1.125rem}.withdrawal-history-modal .history-list .history-item .item-comment{padding:10px 14px}}.cash-withdrawal-modal{background:var(--background);border:1px solid var(--border);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:90%}.cash-withdrawal-modal .modal-header{align-items:center;background:linear-gradient(135deg,var(--card) 0,30 100%);background:linear-gradient(135deg,var(--card) 0,var(--muted/30) 100%);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:24px 28px}.cash-withdrawal-modal .modal-header .header-content{align-items:center;display:flex;gap:12px}.cash-withdrawal-modal .modal-header .header-content svg{color:var(--primary);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.cash-withdrawal-modal .modal-header .header-content h2{color:var(--foreground);font-size:1.375rem;font-weight:700;letter-spacing:-.025em;margin:0}.cash-withdrawal-modal .modal-header .header-actions{align-items:center;display:flex;gap:12px}.cash-withdrawal-modal .modal-header .header-actions .history-button{align-items:center;background:10;background:var(--primary/10);border:20 solid;border:1px solid var(--primary/20);border-radius:8px;color:var(--primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.cash-withdrawal-modal .modal-header .header-actions .history-button:hover{background:20;background:var(--primary/20);border-color:40;border-color:var(--primary/40);box-shadow:0 4px 12px 20;box-shadow:0 4px 12px var(--primary/20);transform:translateY(-2px)}.cash-withdrawal-modal .modal-header .header-actions .history-button:active{transform:translateY(0)}.cash-withdrawal-modal .modal-header .header-actions .close-button{align-items:center;background:50;background:var(--muted/50);border:1px solid var(--border);border-radius:8px;color:var(--muted-foreground);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.cash-withdrawal-modal .modal-header .header-actions .close-button:hover{background:10;background:var(--destructive/10);border-color:30;border-color:var(--destructive/30);color:var(--destructive);transform:scale(1.05)}.cash-withdrawal-modal .balance-section{background:linear-gradient(135deg,5,10);background:linear-gradient(135deg,var(--success/5) 0,var(--success/10) 100%);border-bottom:1px solid var(--border);padding:24px 28px}.cash-withdrawal-modal .balance-section .balance-card{align-items:center;background:var(--card);border:20 solid;border:1px solid var(--success/20);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;padding:20px 24px}.cash-withdrawal-modal .balance-section .balance-card .balance-label{color:var(--muted-foreground);font-size:.875rem;font-weight:500}.cash-withdrawal-modal .balance-section .balance-card .balance-amount{color:var(--success);font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.cash-withdrawal-modal .success-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 28px;text-align:center}.cash-withdrawal-modal .success-state svg{color:var(--success);filter:drop-shadow(0 4px 8px rgba(34,197,94,.3));margin-bottom:20px}.cash-withdrawal-modal .success-state h3{color:var(--foreground);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0 0 12px}.cash-withdrawal-modal .success-state p{color:var(--muted-foreground);font-size:1.125rem;margin:0}.cash-withdrawal-modal .withdrawal-form{flex:1 1;overflow-y:auto;padding:28px}.cash-withdrawal-modal .withdrawal-form .form-group{margin-bottom:24px}.cash-withdrawal-modal .withdrawal-form .form-group label{color:var(--foreground);display:block;font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-bottom:10px}.cash-withdrawal-modal .withdrawal-form .form-group .amount-input-wrapper{align-items:center;display:flex;position:relative}.cash-withdrawal-modal .withdrawal-form .form-group .amount-input-wrapper input{background:var(--background);border:2px solid var(--border);border-radius:12px;color:var(--foreground);flex:1 1;font-size:1.125rem;font-weight:600;padding:16px 80px 16px 20px;transition:all .3s ease}.cash-withdrawal-modal .withdrawal-form .form-group .amount-input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 4px 10;box-shadow:0 0 0 4px var(--primary/10);outline:none;transform:translateY(-1px)}.cash-withdrawal-modal .withdrawal-form .form-group .amount-input-wrapper input.error{border-color:var(--destructive);box-shadow:0 0 0 4px 10;box-shadow:0 0 0 4px var(--destructive/10)}.cash-withdrawal-modal .withdrawal-form .form-group .amount-input-wrapper input::placeholder{color:var(--muted-foreground);font-weight:400}.cash-withdrawal-modal .withdrawal-form .form-group .amount-input-wrapper .currency{color:var(--muted-foreground);font-size:.875rem;font-weight:500;pointer-events:none;position:absolute;right:20px}.cash-withdrawal-modal .withdrawal-form .form-group textarea{background:var(--background);border:2px solid var(--border);border-radius:12px;color:var(--foreground);font-family:inherit;font-size:.875rem;max-width:530px;min-height:100px;padding:16px 20px;resize:vertical;transition:all .3s ease}.cash-withdrawal-modal .withdrawal-form .form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px 10;box-shadow:0 0 0 4px var(--primary/10);outline:none;transform:translateY(-1px)}.cash-withdrawal-modal .withdrawal-form .form-group textarea.error{border-color:var(--destructive);box-shadow:0 0 0 4px 10;box-shadow:0 0 0 4px var(--destructive/10)}.cash-withdrawal-modal .withdrawal-form .form-group textarea::placeholder{color:var(--muted-foreground)}.cash-withdrawal-modal .withdrawal-form .form-group .error-message{align-items:center;color:var(--destructive);display:flex;font-size:.875rem;font-weight:500;gap:8px;margin-top:8px}.cash-withdrawal-modal .withdrawal-form .form-group .error-message svg{flex-shrink:0}.cash-withdrawal-modal .withdrawal-form .form-group .error-message.submit-error{background:10;background:var(--destructive/10);border:20 solid;border:1px solid var(--destructive/20);border-radius:8px;margin-top:16px;padding:12px 16px}.cash-withdrawal-modal .withdrawal-form .quick-amounts{margin-bottom:24px}.cash-withdrawal-modal .withdrawal-form .quick-amounts .quick-label{color:var(--muted-foreground);display:block;font-size:.875rem;font-weight:500;margin-bottom:12px}.cash-withdrawal-modal .withdrawal-form .quick-amounts .quick-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.cash-withdrawal-modal .withdrawal-form .quick-amounts .quick-buttons .quick-button{background:50;background:var(--muted/50);border:2px solid var(--border);border-radius:8px;color:var(--foreground);cursor:pointer;font-size:.875rem;font-weight:600;padding:12px 16px;transition:all .3s ease}.cash-withdrawal-modal .withdrawal-form .quick-amounts .quick-buttons .quick-button:hover:not(:disabled){background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px 30;box-shadow:0 4px 12px var(--primary/30);color:#fff;transform:translateY(-2px)}.cash-withdrawal-modal .withdrawal-form .quick-amounts .quick-buttons .quick-button:disabled{cursor:not-allowed;opacity:.5}.cash-withdrawal-modal .withdrawal-form .form-actions{display:flex;gap:16px;margin-top:32px}.cash-withdrawal-modal .withdrawal-form .form-actions .cancel-button{background:50;background:var(--muted/50);border:2px solid var(--border);border-radius:12px;color:var(--foreground);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:16px 24px;transition:all .3s ease}.cash-withdrawal-modal .withdrawal-form .form-actions .cancel-button:hover:not(:disabled){background:var(--muted);border-color:30;border-color:var(--muted-foreground/30);transform:translateY(-1px)}.cash-withdrawal-modal .withdrawal-form .form-actions .submit-button{background:linear-gradient(135deg,var(--primary) 0,var(--primary) 100%);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark,var(--primary)) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px 30;box-shadow:0 4px 12px var(--primary/30);color:#fff;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:16px 24px;transition:all .3s ease}.cash-withdrawal-modal .withdrawal-form .form-actions .submit-button:hover:not(:disabled){box-shadow:0 8px 20px 40;box-shadow:0 8px 20px var(--primary/40);transform:translateY(-2px)}.cash-withdrawal-modal .withdrawal-form .form-actions .submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media(max-width:768px){.cash-withdrawal-modal{max-height:95vh;width:95%}.cash-withdrawal-modal .modal-header{padding:20px 24px}.cash-withdrawal-modal .modal-header .header-content h2{font-size:1.25rem}.cash-withdrawal-modal .modal-header .header-actions{gap:8px}.cash-withdrawal-modal .modal-header .header-actions .history-button{font-size:.8rem;padding:8px 12px}.cash-withdrawal-modal .modal-header .header-actions .close-button{height:36px;width:36px}.cash-withdrawal-modal .balance-section{padding:20px 24px}.cash-withdrawal-modal .balance-section .balance-card{flex-direction:column;gap:8px;padding:16px 20px;text-align:center}.cash-withdrawal-modal .balance-section .balance-card .balance-amount{font-size:1.25rem}.cash-withdrawal-modal .withdrawal-form{padding:24px}.cash-withdrawal-modal .withdrawal-form .quick-amounts .quick-buttons{grid-template-columns:1fr}.cash-withdrawal-modal .withdrawal-form .form-actions{flex-direction:column}.cash-withdrawal-modal .withdrawal-form .form-actions .cancel-button,.cash-withdrawal-modal .withdrawal-form .form-actions .submit-button{width:100%}.cash-withdrawal-modal .success-state{padding:60px 24px}.cash-withdrawal-modal .success-state svg{height:48px;width:48px}.cash-withdrawal-modal .success-state h3{font-size:1.5rem}}.qr-scanner-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.qr-scanner-overlay .qr-scanner-modal{animation:modalSlideIn .3s ease-out;background:var(--background-qr-code);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.qr-scanner-overlay .qr-scanner-modal .scanner-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid var(--border-color);color:#fff;display:flex;justify-content:space-between;padding:20px}.qr-scanner-overlay .qr-scanner-modal .scanner-header h3{font-size:1.3rem;font-weight:600;margin:0}.qr-scanner-overlay .qr-scanner-modal .scanner-header .header-controls{align-items:center;display:flex;gap:10px}.qr-scanner-overlay .qr-scanner-modal .scanner-header .header-controls .control-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.qr-scanner-overlay .qr-scanner-modal .scanner-header .header-controls .control-btn:hover{background:#ffffff4d;transform:scale(1.05)}.qr-scanner-overlay .qr-scanner-modal .scanner-header .header-controls .control-btn.active{background:#fff6;box-shadow:0 0 10px #ffffff4d}.qr-scanner-overlay .qr-scanner-modal .scanner-header .header-controls .close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.qr-scanner-overlay .qr-scanner-modal .scanner-header .header-controls .close-btn:hover{background:#ff00004d;transform:scale(1.05)}.qr-scanner-overlay .qr-scanner-modal .scanner-content{align-items:center;display:flex;justify-content:center;min-height:300px;padding:20px;position:relative}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container{background:#000;border-radius:12px;overflow:hidden;position:relative;width:100%}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .camera-video{border-radius:0;display:block;height:300px;object-fit:cover;width:100%}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .scanner-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .scanner-overlay .scan-frame{border:2px solid #ffffff80;border-radius:12px;height:250px;position:relative;width:250px}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .scanner-overlay .scan-frame .scan-corners{bottom:0;left:0;position:absolute;right:0;top:0}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .scanner-overlay .scan-frame .scan-corners .corner{border:3px solid var(--primary-color);height:30px;position:absolute;width:30px}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .scanner-overlay .scan-frame .scan-corners .corner.top-left{border-bottom:none;border-right:none;border-top-left-radius:12px;left:-3px;top:-3px}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .scanner-overlay .scan-frame .scan-corners .corner.top-right{border-bottom:none;border-left:none;border-top-right-radius:12px;right:-3px;top:-3px}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .scanner-overlay .scan-frame .scan-corners .corner.bottom-left{border-bottom-left-radius:12px;border-right:none;border-top:none;bottom:-3px;left:-3px}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .scanner-overlay .scan-frame .scan-corners .corner.bottom-right{border-bottom-right-radius:12px;border-left:none;border-top:none;bottom:-3px;right:-3px}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .scanner-overlay .scan-frame .scanning-line{animation:scanLine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--primary-color),#0000);height:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:180px}@keyframes scanLine{0%,to{opacity:0;transform:translate(-50%,-50%) translateY(-80px)}50%{opacity:1;transform:translate(-50%,-50%) translateY(0)}}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .scanner-overlay .scan-status{background:#000000b3;border-radius:20px;bottom:20px;color:#fff;font-size:14px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .scanner-overlay .scan-status .status-text.scanning{animation:pulse 1.5s ease-in-out infinite;color:#4caf50}.qr-scanner-overlay .qr-scanner-modal .scanner-content .error-message{color:var(--error-color);text-align:center}.qr-scanner-overlay .qr-scanner-modal .scanner-content .error-message svg{color:var(--error-color);margin-bottom:16px}.qr-scanner-overlay .qr-scanner-modal .scanner-content .error-message p{font-size:16px;margin:0 0 20px}.qr-scanner-overlay .qr-scanner-modal .scanner-content .error-message .error-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.qr-scanner-overlay .qr-scanner-modal .scanner-content .error-message .error-actions .retry-btn,.qr-scanner-overlay .qr-scanner-modal .scanner-content .error-message .error-actions .settings-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.qr-scanner-overlay .qr-scanner-modal .scanner-content .error-message .error-actions .retry-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.qr-scanner-overlay .qr-scanner-modal .scanner-content .error-message .error-actions .retry-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 5px 15px #4caf504d;transform:translateY(-2px)}.qr-scanner-overlay .qr-scanner-modal .scanner-content .error-message .error-actions .settings-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.qr-scanner-overlay .qr-scanner-modal .scanner-content .error-message .error-actions .settings-btn:hover{background:linear-gradient(135deg,#1976d2,#2196f3);box-shadow:0 5px 15px #2196f34d;transform:translateY(-2px)}.qr-scanner-overlay .qr-scanner-modal .scanner-footer{background:var(--footer-bg);border-top:1px solid var(--border-color);padding:20px;text-align:center}.qr-scanner-overlay .qr-scanner-modal .scanner-footer .scanner-instruction{color:var(--background);font-size:14px;margin:0 0 16px}.qr-scanner-overlay .qr-scanner-modal .scanner-footer .scanner-tips{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.qr-scanner-overlay .qr-scanner-modal .scanner-footer .scanner-tips span{background:#fff;border:1px solid #e0e0e0;border-radius:15px;color:#888;font-size:12px;padding:5px 10px}[data-theme=dark] .qr-scanner-overlay .qr-scanner-modal{background:#1a1a1a;color:#fff}[data-theme=dark] .qr-scanner-overlay .qr-scanner-modal .scanner-header{background:#2a2a2a;border-bottom-color:#333}[data-theme=dark] .qr-scanner-overlay .qr-scanner-modal .scanner-header .close-btn:hover{background:#333}[data-theme=dark] .qr-scanner-overlay .qr-scanner-modal .scanner-footer{background:#2a2a2a;border-top-color:#333}[data-theme=dark] .qr-scanner-overlay .qr-scanner-modal .scanner-footer .manual-input-btn{background:#333;border-color:#444;color:#fff}[data-theme=dark] .qr-scanner-overlay .qr-scanner-modal .scanner-footer .manual-input-btn:hover{background:#444;border-color:var(--primary-color)}@media(max-width:768px){.qr-scanner-overlay{padding:10px}.qr-scanner-overlay .qr-scanner-modal{max-height:95vh;max-width:100%}.qr-scanner-overlay .qr-scanner-modal .scanner-header{padding:16px}.qr-scanner-overlay .qr-scanner-modal .scanner-header h3{font-size:1.1rem}.qr-scanner-overlay .qr-scanner-modal .scanner-content{padding:16px}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .camera-video{height:250px}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .scanner-overlay .scan-frame{height:200px;width:200px}.qr-scanner-overlay .qr-scanner-modal .scanner-footer{padding:16px}}@media(max-width:480px){.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .camera-video{height:250px}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .scanner-overlay .scan-frame{height:150px;width:150px}.qr-scanner-overlay .qr-scanner-modal .scanner-content .camera-container .scanner-overlay .scan-frame .scan-corners .corner{height:20px;width:20px}.qr-scanner-overlay .qr-scanner-modal .error-message .error-actions{flex-direction:column}.qr-scanner-overlay .qr-scanner-modal .error-message .error-actions .retry-btn,.qr-scanner-overlay .qr-scanner-modal .error-message .error-actions .settings-btn{width:100%}}.search-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.search-modal-overlay .search-modal{background:var(--card-background);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.search-modal-overlay .search-modal .search-modal-header{background:var(--background);border-bottom:1px solid var(--card-border);padding:2rem}.search-modal-overlay .search-modal .search-modal-header .search-input-container{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.search-modal-overlay .search-modal .search-modal-header .search-input-container .search-input-wrapper{background:var(--card-background);border:2px solid var(--card-border);border-radius:12px;flex:1 1;position:relative;transition:all .3s ease}.search-modal-overlay .search-modal .search-modal-header .search-input-container .search-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a}.search-modal-overlay .search-modal .search-modal-header .search-input-container .search-input-wrapper .search-icon{color:var(--muted);left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-modal-overlay .search-modal .search-modal-header .search-input-container .search-input-wrapper input{background:#0000;border:none;border-radius:10px;color:var(--foreground);font-size:1rem;padding:1rem 1rem 1rem 3rem;width:100%}.search-modal-overlay .search-modal .search-modal-header .search-input-container .search-input-wrapper input:focus{outline:none}.search-modal-overlay .search-modal .search-modal-header .search-input-container .search-input-wrapper input::placeholder{color:var(--muted)}.search-modal-overlay .search-modal .search-modal-header .search-input-container .category-select{background:var(--card-background);border:2px solid var(--card-border);border-radius:12px;color:var(--foreground);cursor:pointer;font-size:1rem;min-width:200px;padding:1rem;transition:all .3s ease}.search-modal-overlay .search-modal .search-modal-header .search-input-container .category-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper{align-items:center;background:var(--card-background);border:2px solid var(--card-border);border-radius:12px;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a}.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper .qr-input-icon{color:var(--muted);flex-shrink:0}.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper .qr-input{background:#0000;border:none;color:var(--foreground);flex:1 1;font-size:.95rem;padding:.5rem}.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper .qr-input:focus{outline:none}.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper .qr-input::placeholder{color:var(--muted)}.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper .qr-scan-btn,.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper .qr-search-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper .qr-scan-btn:disabled,.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper .qr-search-btn:disabled{cursor:not-allowed;opacity:.5}.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper .qr-search-btn{background:var(--primary);color:#fff}.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper .qr-search-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper .qr-scan-btn{background:var(--muted-background);border:1px solid var(--card-border);color:var(--foreground)}.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper .qr-scan-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.search-modal-overlay .search-modal .search-modal-header .close-btn{align-items:center;background:var(--muted-background);border:1px solid var(--card-border);border-radius:12px;color:var(--muted);cursor:pointer;display:flex;justify-content:center;padding:.75rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease}.search-modal-overlay .search-modal .search-modal-header .close-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(1.05)}.search-modal-overlay .search-modal .search-results{flex:1 1;overflow-y:auto;padding:1.5rem}.search-modal-overlay .search-modal .search-results .loading-container{align-items:center;color:var(--muted);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.search-modal-overlay .search-modal .search-results .loading-container .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--card-border);border:3px solid var(--card-border);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:1rem;width:40px}.search-modal-overlay .search-modal .search-results .error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.search-modal-overlay .search-modal .search-results .error-container .error-message{color:#dc2626;font-size:1.1rem;text-align:center}.search-modal-overlay .search-modal .search-results .product-result-card{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;display:flex;gap:1rem;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.search-modal-overlay .search-modal .search-results .product-result-card:hover{border-color:var(--primary);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.search-modal-overlay .search-modal .search-results .product-result-card .product-image{flex-shrink:0;height:80px;width:80px}.search-modal-overlay .search-modal .search-results .product-result-card .product-image img{border:1px solid var(--card-border);border-radius:12px;height:100%;object-fit:cover;width:100%}.search-modal-overlay .search-modal .search-results .product-result-card .product-info{flex:1 1}.search-modal-overlay .search-modal .search-results .product-result-card .product-info h3{color:var(--foreground);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.search-modal-overlay .search-modal .search-results .product-result-card .product-info .category{color:var(--muted);font-size:.9rem;margin-bottom:.75rem}.search-modal-overlay .search-modal .search-results .product-result-card .product-info .product-details{display:flex;flex-direction:column;gap:.25rem}.search-modal-overlay .search-modal .search-results .product-result-card .product-info .product-details .price{color:var(--primary);font-size:1rem;font-weight:600}.search-modal-overlay .search-modal .search-results .product-result-card .product-info .product-details .price .unit{color:var(--muted);font-weight:400}.search-modal-overlay .search-modal .search-results .product-result-card .product-info .product-details .stock{color:var(--muted);font-size:.9rem}.search-modal-overlay .search-modal .search-results .product-result-card .product-actions{align-items:flex-end;display:flex;flex-direction:column;gap:1rem}.search-modal-overlay .search-modal .search-results .product-result-card .product-actions .quantity-controls{align-items:center;background:var(--muted-background);border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.search-modal-overlay .search-modal .search-results .product-result-card .product-actions .quantity-controls .quantity-btn{align-items:center;background:var(--background);border:none;border-radius:6px;color:var(--foreground);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.search-modal-overlay .search-modal .search-results .product-result-card .product-actions .quantity-controls .quantity-btn:hover:not(:disabled){background:var(--primary);color:#fff}.search-modal-overlay .search-modal .search-results .product-result-card .product-actions .quantity-controls .quantity-btn:disabled{cursor:not-allowed;opacity:.5}.search-modal-overlay .search-modal .search-results .product-result-card .product-actions .quantity-controls .quantity-display{color:var(--foreground);font-weight:600;min-width:40px;text-align:center}.search-modal-overlay .search-modal .search-results .product-result-card .product-actions .add-to-cart-btn{background:linear-gradient(135deg,var(--primary),#1d4ed8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.search-modal-overlay .search-modal .search-results .product-result-card .product-actions .add-to-cart-btn:hover{box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.search-modal-overlay .search-modal .search-results .no-results{align-items:center;color:var(--muted);display:flex;font-size:1.1rem;justify-content:center;padding:4rem 2rem}.search-modal-overlay .search-modal .search-results .search-placeholder{align-items:center;color:var(--muted);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.search-modal-overlay .search-modal .search-results .search-placeholder svg{margin-bottom:1rem;opacity:.5}.search-modal-overlay .search-modal .search-results .search-placeholder p{font-size:1.1rem;line-height:1.6}@media(max-width:768px){.search-modal-overlay{padding:.5rem}.search-modal-overlay .search-modal{max-height:95vh}.search-modal-overlay .search-modal .search-modal-header{padding:1.5rem}.search-modal-overlay .search-modal .search-modal-header .search-input-container{flex-direction:column;gap:1rem}.search-modal-overlay .search-modal .search-modal-header .search-input-container .category-select{min-width:auto;width:100%}.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper{flex-wrap:wrap;gap:.5rem}.search-modal-overlay .search-modal .search-modal-header .qr-input-section .qr-input-wrapper .qr-input{min-width:200px}.search-modal-overlay .search-modal .search-results .product-result-card{flex-direction:column;gap:1rem}.search-modal-overlay .search-modal .search-results .product-result-card .product-image{height:200px;width:100%}.search-modal-overlay .search-modal .search-results .product-result-card .product-actions{align-items:center;flex-direction:row;justify-content:space-between}}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin:20px 0}.pagination .pagination-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .3s ease}.pagination .pagination-btn:hover:not(.disabled){background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px)}.pagination .pagination-btn.disabled{background:var(--bg-hover);color:var(--text-tertiary);cursor:not-allowed;opacity:.5}.pagination .pagination-btn svg{font-size:12px}.pagination .pagination-numbers{align-items:center;display:flex;gap:4px;margin:0 12px}.pagination .pagination-numbers .pagination-number{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;min-width:40px;transition:all .3s ease}.pagination .pagination-numbers .pagination-number:hover:not(.active):not(.dots){background:var(--bg-hover);border-color:var(--primary);transform:translateY(-1px)}.pagination .pagination-numbers .pagination-number.active{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px #3b82f64d;color:#fff}.pagination .pagination-numbers .pagination-number.dots{background:#0000;border:none;color:var(--text-secondary);cursor:default}.pagination .pagination-numbers .pagination-number.dots:hover{background:#0000;transform:none}@media(max-width:768px){.pagination .pagination-btn{font-size:13px;padding:8px 12px}.pagination .pagination-btn span{display:none}.pagination .pagination-numbers{margin:0 8px}.pagination .pagination-numbers .pagination-number{font-size:13px;height:36px;min-width:36px}}@media(max-width:480px){.pagination{gap:4px}.pagination .pagination-btn{padding:6px 8px}.pagination .pagination-numbers{margin:0 4px}.pagination .pagination-numbers .pagination-number{font-size:12px;height:32px;min-width:32px}}.arenda-page{background:var(--background);min-height:100vh;padding:1.5rem}.arenda-page h1{color:var(--foreground);font-size:1.75rem;font-weight:600;margin-bottom:2rem}.arenda-page .search-bar{align-items:center;display:flex;gap:1rem;margin-bottom:2rem;max-width:500px}.arenda-page .search-bar svg{color:var(--muted);flex-shrink:0}.arenda-page .search-bar input{background:var(--card-background);border:1px solid var(--card-border);border-radius:8px;color:var(--foreground);flex:1 1;font-size:14px;padding:12px 16px}.arenda-page .search-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.arenda-page .search-bar input::placeholder{color:var(--muted)}.arenda-page .search-bar button{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.arenda-page .search-bar button:hover{background:var(--primary-hover)}.arenda-page .loading{color:var(--muted);font-size:1.1rem;padding:4rem}.arenda-page .empty-state,.arenda-page .loading{align-items:center;display:flex;justify-content:center}.arenda-page .empty-state{flex-direction:column;padding:4rem 2rem;text-align:center}.arenda-page .empty-state svg{color:var(--muted);margin-bottom:1rem}.arenda-page .empty-state h3{color:var(--foreground);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.arenda-page .empty-state p{color:var(--muted)}.arenda-page .rentals-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:2rem}.arenda-page .rentals-grid .rental-card{background:var(--card-background);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;position:relative;transition:all .3s ease}.arenda-page .rentals-grid .rental-card:hover{border-color:var(--primary);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.arenda-page .rentals-grid .rental-card .rental-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.25rem}.arenda-page .rentals-grid .rental-card .rental-header .rental-info .rental-id{color:var(--primary);font-size:16px;font-weight:600;margin-bottom:6px}.arenda-page .rentals-grid .rental-card .rental-header .rental-info .rental-dates{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:8px}.arenda-page .rentals-grid .rental-card .rental-header .rental-info .rental-dates svg{font-size:12px}.arenda-page .rentals-grid .rental-card .rental-actions{display:flex;gap:8px}.arenda-page .rentals-grid .rental-card .rental-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .3s ease;width:50%}.arenda-page .rentals-grid .rental-card .rental-actions button.view-btn{background:var(--primary);color:#fff}.arenda-page .rentals-grid .rental-card .rental-actions button.view-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.arenda-page .rentals-grid .rental-card .rental-actions button.return-btn{background:#ef4444;color:#fff}.arenda-page .rentals-grid .rental-card .rental-actions button.return-btn:hover{background:#dc2626;transform:scale(1.05)}.arenda-page .rentals-grid .rental-card .rental-actions button svg{font-size:11px}.arenda-page .rentals-grid .rental-card .product-section{align-items:center;background:var(--muted-background);border-radius:8px;display:flex;gap:12px;margin-bottom:1.25rem;padding:12px}.arenda-page .rentals-grid .rental-card .product-section .product-image{border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.arenda-page .rentals-grid .rental-card .product-section .product-image img{height:100%;object-fit:cover;width:100%}.arenda-page .rentals-grid .rental-card .product-section .product-info{flex:1 1}.arenda-page .rentals-grid .rental-card .product-section .product-info h3{color:var(--foreground);font-size:15px;font-weight:600;margin:0 0 4px}.arenda-page .rentals-grid .rental-card .product-section .product-info .product-category{color:var(--muted);font-size:13px;margin:0 0 6px}.arenda-page .rentals-grid .rental-card .product-section .product-info .daily-rate{color:var(--primary);font-size:14px;font-weight:600}.arenda-page .rentals-grid .rental-card .renter-section{border:1px solid var(--card-border);border-radius:8px;margin-bottom:1.25rem;padding:12px}.arenda-page .rentals-grid .rental-card .renter-section .renter-name,.arenda-page .rentals-grid .rental-card .renter-section .renter-phone{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:6px}.arenda-page .rentals-grid .rental-card .renter-section .renter-name:last-child,.arenda-page .rentals-grid .rental-card .renter-section .renter-phone:last-child{margin-bottom:0}.arenda-page .rentals-grid .rental-card .renter-section .renter-name svg,.arenda-page .rentals-grid .rental-card .renter-section .renter-phone svg{color:var(--primary);font-size:12px}.arenda-page .rentals-grid .rental-card .renter-section .renter-name{color:var(--foreground);font-weight:500}.arenda-page .rentals-grid .rental-card .renter-section .renter-phone{color:var(--muted)}.arenda-page .rentals-grid .rental-card .payment-section{margin-bottom:1rem}.arenda-page .rentals-grid .rental-card .payment-section .payment-progress{margin-bottom:12px}.arenda-page .rentals-grid .rental-card .payment-section .payment-progress .progress-bar{background:var(--card-border);border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden;width:100%}.arenda-page .rentals-grid .rental-card .payment-section .payment-progress .progress-bar .progress-fill{background:linear-gradient(90deg,var(--primary),#10b981);height:100%;transition:width .3s ease}.arenda-page .rentals-grid .rental-card .payment-section .payment-progress .progress-text{color:var(--muted);font-size:12px;font-weight:500}.arenda-page .rentals-grid .rental-card .payment-section .payment-amounts .paid-amount{color:#10b981;font-size:13px;font-weight:500;margin-bottom:4px}.arenda-page .rentals-grid .rental-card .payment-section .payment-amounts .remaining-amount{color:#ef4444;font-size:13px;font-weight:500}.arenda-page .rentals-grid .rental-card .status-badge{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.arenda-page .rentals-grid .rental-card .status-badge.status-active{background:#3b82f6;color:#fff}.arenda-page .rentals-grid .rental-card .status-badge.status-returned{background:#10b981;color:#fff}.arenda-page .rentals-grid .rental-card .status-badge.status-overdue{background:#ef4444;color:#fff}.arenda-page .rentals-grid .rental-card .status-badge.status-default{background:var(--muted-background);color:var(--muted)}.arenda-page .arenda-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.arenda-page .arenda-modal-overlay .arenda-modal-content{background:var(--card-background);border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:85vh;max-width:800px;overflow-y:auto;width:100%}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:2rem}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-header h2{color:var(--foreground);font-size:1.5rem;font-weight:600;margin:0}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-header .arenda-close-btn{background:none;border:none;border-radius:8px;color:var(--muted);cursor:pointer;font-size:24px;padding:8px;transition:all .3s ease}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-header .arenda-close-btn:hover{background:var(--muted-background);color:var(--foreground)}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body{padding:2rem}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid{grid-gap:2rem;display:grid;gap:2rem}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-deposit-section h3,.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-payment-detail-section h3,.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-product-detail-section h3,.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-renter-detail-section h3{border-bottom:2px solid var(--primary);color:var(--foreground);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:8px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-product-detail-card{align-items:center;background:var(--muted-background);border-radius:12px;display:flex;gap:1rem;padding:1rem}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-product-detail-card .arenda-product-image{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-product-detail-card .arenda-product-image img{height:100%;object-fit:cover;width:100%}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-product-detail-card .arenda-product-info h4{color:var(--foreground);font-size:16px;font-weight:600;margin:0 0 6px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-product-detail-card .arenda-product-info p{color:var(--muted);font-size:13px;margin:0 0 4px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-product-detail-card .arenda-product-info p.daily-rate{color:var(--primary);font-weight:600}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-product-detail-card .arenda-product-info p:last-child{margin-bottom:0}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-detail-grid{grid-gap:12px;display:grid;gap:12px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-detail-grid .arenda-detail-item{align-items:center;background:var(--muted-background);border-radius:8px;display:flex;gap:12px;padding:12px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-detail-grid .arenda-detail-item .arenda-detail-icon{color:var(--primary);font-size:16px;min-width:16px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-detail-grid .arenda-detail-item div{flex:1 1}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-detail-grid .arenda-detail-item div label{color:var(--muted);display:block;font-size:12px;font-weight:500;margin-bottom:3px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-detail-grid .arenda-detail-item div span{color:var(--foreground);font-size:14px;font-weight:500}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-payment-details{grid-gap:12px;display:grid;gap:12px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-payment-details .arenda-payment-item{align-items:center;background:var(--muted-background);border-radius:8px;display:flex;gap:12px;padding:12px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-payment-details .arenda-payment-item .arenda-payment-icon{color:var(--primary);font-size:16px;min-width:16px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-payment-details .arenda-payment-item div{flex:1 1}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-payment-details .arenda-payment-item div label{color:var(--muted);display:block;font-size:12px;font-weight:500;margin-bottom:3px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-payment-details .arenda-payment-item div span{color:var(--foreground);font-size:14px;font-weight:600}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-deposit-section .arenda-deposit-image{text-align:center}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-deposit-section .arenda-deposit-image img{border:2px solid var(--card-border);border-radius:12px;height:150px;margin-bottom:12px;object-fit:cover;width:150px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-deposit-section .arenda-deposit-image p{color:var(--primary);font-size:16px;font-weight:600;margin:0}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal{max-width:600px}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-return-rental-info{align-items:flex-start;background:var(--muted-background);border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-return-rental-info .arenda-return-product-image{border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-return-rental-info .arenda-return-product-image img{height:100%;object-fit:cover;width:100%}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-return-rental-info .arenda-return-rental-details{flex:1 1}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-return-rental-info .arenda-return-rental-details h3{color:var(--foreground);font-size:16px;font-weight:600;margin:0 0 8px}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-return-rental-info .arenda-return-rental-details p{color:var(--muted);font-size:13px;margin:0 0 4px}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-return-rental-info .arenda-return-rental-details p:last-child{margin-bottom:0}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-return-rental-info .arenda-return-rental-details p strong{color:var(--foreground)}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-return-reason{margin-bottom:1.5rem}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-return-reason label{color:var(--foreground);display:block;font-size:15px;font-weight:500;margin-bottom:8px}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-return-reason input{background:var(--card-background);border:1px solid var(--card-border);border-radius:8px;color:var(--foreground);font-family:inherit;font-size:14px;padding:12px;width:100%}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-return-reason input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-modal-actions{display:flex;gap:12px;justify-content:flex-end}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-modal-actions button.arenda-cancel-btn{background:var(--muted-background);color:var(--foreground)}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-modal-actions button.arenda-cancel-btn:hover{background:var(--card-border)}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-modal-actions button.arenda-confirm-btn{background:#ef4444;color:#fff}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-modal-actions button.arenda-confirm-btn:hover{background:#dc2626}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-modal-actions button.arenda-confirm-btn:disabled{cursor:not-allowed;opacity:.6}@media(max-width:768px){.arenda-page{padding:1rem}.arenda-page h1{font-size:1.5rem}.arenda-page .search-bar{align-items:stretch;flex-direction:column;gap:.5rem}.arenda-page .search-bar input{margin-bottom:.5rem}.arenda-page .rentals-grid{gap:1rem;grid-template-columns:1fr}.arenda-page .rentals-grid .rental-card{padding:1rem}.arenda-page .rentals-grid .rental-card .rental-header{align-items:stretch;flex-direction:column;gap:1rem}.arenda-page .rentals-grid .rental-card .rental-header .rental-actions{justify-content:flex-start}.arenda-page .rentals-grid .rental-card .product-section{align-items:flex-start;flex-direction:column;gap:10px}.arenda-page .rentals-grid .rental-card .product-section .product-image{height:50px;width:50px}.arenda-page .arenda-modal-overlay{padding:1rem}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-header{padding:1.5rem}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-header h2{font-size:1.25rem}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body{padding:1.5rem}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid{gap:1.5rem}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-product-detail-card{align-items:flex-start;flex-direction:column;gap:12px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-detail-grid{gap:8px}.arenda-page .arenda-modal-overlay .arenda-modal-content .arenda-modal-body .arenda-rental-detail-grid .arenda-detail-grid .arenda-detail-item{align-items:flex-start;flex-direction:column;gap:8px}.arenda-page .arenda-modal-overlay .arenda-modal-content.arenda-return-modal .arenda-return-rental-info{align-items:flex-start;flex-direction:column;gap:12px}}.categories-page{background:var(--background);color:var(--foreground);min-height:100vh;padding:2rem}.categories-page .page-header{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.categories-page .page-header .header-title h1{color:var(--foreground);font-size:2rem;font-weight:700;margin:0 0 .5rem}.categories-page .page-header .header-title .categories-count{color:var(--muted);font-size:.9rem}.categories-page .page-header .header-actions{display:flex;gap:1rem}.categories-page .page-header .header-actions .add-btn,.categories-page .page-header .header-actions .stats-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.categories-page .page-header .header-actions .stats-btn{background:var(--muted-background);border:1px solid var(--card-border);color:var(--foreground)}.categories-page .page-header .header-actions .stats-btn:hover{transform:translateY(-2px)}.categories-page .page-header .header-actions .add-btn,.categories-page .page-header .header-actions .stats-btn:hover{background:var(--primary);box-shadow:0 4px 12px #3b82f64d;color:#fff}.categories-page .page-header .header-actions .add-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.categories-page .loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.categories-page .loading .loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--card-border);border:4px solid var(--card-border);border-radius:50%;border-top-color:var(--primary);height:50px;margin-bottom:1.5rem;width:50px}.categories-page .loading span{color:var(--muted);font-size:1.1rem}.categories-page .empty-state{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.categories-page .empty-state .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.categories-page .empty-state h3{color:var(--foreground);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.categories-page .empty-state p{color:var(--muted);font-size:1rem;margin:0 0 2rem}.categories-page .empty-state .add-btn{align-items:center;background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.categories-page .empty-state .add-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.categories-page .categories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.categories-page .categories-grid .category-card{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 15px #00000014;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.categories-page .categories-grid .category-card:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.categories-page .categories-grid .category-card:hover{border-color:var(--primary);box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.categories-page .categories-grid .category-card:hover:before{left:100%}.categories-page .categories-grid .category-card .category-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.categories-page .categories-grid .category-card .category-header .category-icon{align-items:center;background:linear-gradient(135deg,var(--primary),#1d4ed8);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;height:50px;justify-content:center;width:50px}.categories-page .categories-grid .category-card .category-header .category-actions{display:flex;gap:.5rem}.categories-page .categories-grid .category-card .category-header .category-actions .delete-btn,.categories-page .categories-grid .category-card .category-header .category-actions .edit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;height:35px;justify-content:center;transition:all .3s ease;width:35px}.categories-page .categories-grid .category-card .category-header .category-actions .edit-btn{background:var(--muted-background);border:1px solid var(--card-border);color:var(--foreground)}.categories-page .categories-grid .category-card .category-header .category-actions .edit-btn:hover{background:#f59e0b;color:#fff;transform:scale(1.1)}.categories-page .categories-grid .category-card .category-header .category-actions .delete-btn{background:var(--muted-background);border:1px solid var(--card-border);color:var(--foreground)}.categories-page .categories-grid .category-card .category-header .category-actions .delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.categories-page .categories-grid .category-card .category-info h3{color:var(--foreground);font-size:1.4rem;font-weight:600;margin:0 0 1rem}.categories-page .categories-grid .category-card .category-info .category-stats{display:flex;flex-direction:column;gap:.75rem}.categories-page .categories-grid .category-card .category-info .category-stats .stat-item{align-items:center;background:var(--muted-background);border:1px solid var(--card-border);border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}.categories-page .categories-grid .category-card .category-info .category-stats .stat-item .stat-label{color:var(--muted);font-size:.9rem}.categories-page .categories-grid .category-card .category-info .category-stats .stat-item .stat-value{color:var(--foreground);font-size:.95rem;font-weight:600}.categories-page .categories-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.categories-page .categories-modal-content{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.categories-page .categories-modal-content.categories-stats-modal{max-width:700px}.categories-page .categories-modal-content .categories-modal-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:2rem}.categories-page .categories-modal-content .categories-modal-header h2{color:var(--foreground);font-size:1.5rem;font-weight:700;margin:0}.categories-page .categories-modal-content .categories-modal-header .categories-close-btn{align-items:center;background:var(--muted-background);border:1px solid var(--card-border);border-radius:8px;color:var(--muted);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.categories-page .categories-modal-content .categories-modal-header .categories-close-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.categories-page .categories-modal-content .categories-modal-body{padding:2rem}.categories-page .categories-modal-content .categories-modal-body .categories-form-group{margin-bottom:1.5rem}.categories-page .categories-modal-content .categories-modal-body .categories-form-group label{color:var(--foreground);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.categories-page .categories-modal-content .categories-modal-body .categories-form-group input{background:var(--background);border:2px solid var(--card-border);border-radius:8px;color:var(--foreground);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.categories-page .categories-modal-content .categories-modal-body .categories-form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.categories-page .categories-modal-content .categories-modal-body .categories-form-group input::placeholder{color:var(--muted)}.categories-page .categories-modal-content .categories-modal-body .categories-form-group .error-message{color:#ef4444;font-size:.85rem;font-weight:500;margin-top:.25rem}.categories-page .categories-modal-content .categories-modal-body .stats-content .no-stats{color:var(--muted);padding:2rem;text-align:center}.categories-page .categories-modal-content .categories-modal-body .stats-content .stats-list{display:flex;flex-direction:column;gap:1rem}.categories-page .categories-modal-content .categories-modal-body .stats-content .stats-list .stat-card{background:var(--background);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;transition:all .3s ease}.categories-page .categories-modal-content .categories-modal-body .stats-content .stats-list .stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.categories-page .categories-modal-content .categories-modal-body .stats-content .stats-list .stat-card .stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.categories-page .categories-modal-content .categories-modal-body .stats-content .stats-list .stat-card .stat-header h4{color:var(--foreground);font-size:1.1rem;font-weight:600;margin:0}.categories-page .categories-modal-content .categories-modal-body .stats-content .stats-list .stat-card .stat-header .stat-percent{color:var(--primary);font-size:1.2rem;font-weight:700}.categories-page .categories-modal-content .categories-modal-body .stats-content .stats-list .stat-card .stat-details .stat-bar{background:var(--muted-background);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.categories-page .categories-modal-content .categories-modal-body .stats-content .stats-list .stat-card .stat-details .stat-bar .stat-fill{background:linear-gradient(135deg,var(--primary),#1d4ed8);border-radius:4px;height:100%;transition:width .3s ease}.categories-page .categories-modal-content .categories-modal-body .stats-content .stats-list .stat-card .stat-details .stat-info{color:var(--muted);font-size:.9rem}.categories-page .categories-modal-content .categories-modal-footer{border-top:1px solid var(--card-border);display:flex;gap:1rem;justify-content:flex-end;padding:2rem}.categories-page .categories-modal-content .categories-modal-footer .categories-cancel-btn,.categories-page .categories-modal-content .categories-modal-footer .categories-save-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.categories-page .categories-modal-content .categories-modal-footer .categories-cancel-btn{background:var(--muted-background);border:1px solid var(--card-border);color:var(--foreground)}.categories-page .categories-modal-content .categories-modal-footer .categories-cancel-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.categories-page .categories-modal-content .categories-modal-footer .categories-save-btn{background:var(--primary);box-shadow:0 4px 12px #3b82f64d;color:#fff}.categories-page .categories-modal-content .categories-modal-footer .categories-save-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}@media(max-width:1024px){.categories-page{padding:1.5rem}.categories-page .page-header{flex-direction:column;gap:1rem;padding:1.2rem 1.5rem;text-align:center}.categories-page .page-header .header-actions{justify-content:center}.categories-page .categories-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.categories-page{padding:1rem}.categories-page .page-header{border-radius:12px;padding:1rem}.categories-page .page-header .header-title h1{font-size:1.6rem}.categories-page .page-header .header-actions{flex-direction:column;width:100%}.categories-page .page-header .header-actions .add-btn,.categories-page .page-header .header-actions .stats-btn{justify-content:center;width:100%}.categories-page .categories-grid{gap:1rem;grid-template-columns:1fr}.categories-page .categories-grid .category-card{border-radius:12px;padding:1.5rem}.categories-page .categories-grid .category-card .category-header .category-icon{height:45px;width:45px}.categories-page .categories-grid .category-card .category-info h3{font-size:1.2rem}.categories-page .categories-modal-content{margin:1rem;max-width:calc(100% - 2rem)}.categories-page .categories-modal-content .categories-modal-body,.categories-page .categories-modal-content .categories-modal-footer,.categories-page .categories-modal-content .categories-modal-header{padding:1.5rem}.categories-page .categories-modal-content .categories-modal-footer{flex-direction:column}.categories-page .categories-modal-content .categories-modal-footer .categories-cancel-btn,.categories-page .categories-modal-content .categories-modal-footer .categories-save-btn{width:100%}}@media(max-width:480px){.categories-page,.categories-page .page-header{padding:.75rem}.categories-page .page-header .header-title h1{font-size:1.4rem}.categories-page .page-header .header-actions .add-btn,.categories-page .page-header .header-actions .stats-btn{font-size:.85rem;padding:.6rem 1.2rem}.categories-page .categories-grid .category-card{padding:1.2rem}.categories-page .categories-grid .category-card .category-header .category-icon{height:40px;width:40px}.categories-page .categories-grid .category-card .category-header .category-actions .delete-btn,.categories-page .categories-grid .category-card .category-header .category-actions .edit-btn{height:30px;width:30px}.categories-page .categories-grid .category-card .category-info h3{font-size:1.1rem}.categories-page .categories-modal-content .categories-modal-body,.categories-page .categories-modal-content .categories-modal-footer,.categories-page .categories-modal-content .categories-modal-header{padding:1rem}.categories-page .categories-modal-content .categories-modal-header h2{font-size:1.3rem}}.hisob-page{background:var(--background);margin:0 auto;max-width:1200px;padding:1.5rem}.hisob-page .page-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.hisob-page .page-header h1{align-items:center;color:var(--foreground);display:flex;font-size:1.6rem;font-weight:700;gap:.5rem}.hisob-page .page-header h1 .page-icon{color:var(--primary)}.hisob-page .page-header h1 .role-badge{background:var(--primary);border-radius:20px;box-shadow:0 4px 15px #3b82f64d;color:#fff;font-size:.8rem;margin-left:1rem;padding:.4rem 1rem}.hisob-page .page-header h1 .role-badge.admin{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.hisob-page .page-header h1 .role-badge.seller{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e4d}.hisob-page .page-header .page-description{color:var(--muted);font-size:.9rem}.hisob-page .controls-section{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.hisob-page .controls-section .date-filter{align-items:center;display:flex;gap:1rem}.hisob-page .controls-section .date-filter .date-input{position:relative}.hisob-page .controls-section .date-filter .date-input svg{color:var(--muted);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.hisob-page .controls-section .date-filter .date-input input{background:var(--background);border:2px solid var(--card-border);border-radius:12px;color:var(--foreground);font-size:.9rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .3s ease}.hisob-page .controls-section .date-filter .date-input input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.hisob-page .controls-section .date-filter .date-separator{color:var(--muted);font-size:1.1rem;font-weight:600}.hisob-page .controls-section .period-selector .period-select{background:var(--background);border:2px solid var(--card-border);border-radius:12px;color:var(--foreground);cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease}.hisob-page .controls-section .period-selector .period-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.hisob-page .controls-section .filter-button{align-items:center;background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.hisob-page .controls-section .filter-button:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.hisob-page .statistics-container{background:var(--card-background);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 8px 25px #00000014;padding:2rem}.hisob-page .user-dashboard .user-info-section{margin-bottom:2rem}.hisob-page .user-dashboard .user-info-section .user-info-card{align-items:center;background:linear-gradient(135deg,var(--primary),#1d4ed8);border-radius:16px;box-shadow:0 8px 25px #3b82f64d;color:#fff;display:flex;gap:1rem;padding:1.5rem}.hisob-page .user-dashboard .user-info-section .user-info-card .user-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.hisob-page .user-dashboard .user-info-section .user-info-card .user-details h3{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.hisob-page .user-dashboard .user-info-section .user-info-card .user-details p{font-size:.9rem;opacity:.9}.hisob-page .user-dashboard .date-selection-section{margin-bottom:2rem}.hisob-page .user-dashboard .date-selection-section .date-form{background:var(--background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:1.5rem}.hisob-page .user-dashboard .date-selection-section .date-form h4{align-items:center;color:var(--foreground);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.hisob-page .user-dashboard .date-selection-section .date-form h4 svg{color:var(--primary)}.hisob-page .user-dashboard .date-selection-section .date-form .date-inputs{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.hisob-page .user-dashboard .date-selection-section .date-form .date-inputs .date-group{width:45%}.hisob-page .user-dashboard .date-selection-section .date-form .date-inputs .date-group label{color:var(--muted);display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.hisob-page .user-dashboard .date-selection-section .date-form .date-inputs .date-group .date-input{background:var(--card-background);border:2px solid var(--card-border);border-radius:12px;box-sizing:border-box;color:var(--foreground);font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.hisob-page .user-dashboard .date-selection-section .date-form .date-inputs .date-group .date-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.hisob-page .user-dashboard .date-selection-section .date-form .date-inputs .date-group .date-input::placeholder{color:var(--muted)}.hisob-page .user-dashboard .date-selection-section .date-form .date-inputs .date-separator{color:var(--muted);font-size:1.2rem;font-weight:600;margin-top:1.5rem}.hisob-page .user-dashboard .date-selection-section .date-form .search-button{align-items:center;background:linear-gradient(135deg,var(--primary),#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.hisob-page .user-dashboard .date-selection-section .date-form .search-button:hover:not(:disabled){box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.hisob-page .user-dashboard .date-selection-section .date-form .search-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.hisob-page .user-dashboard .date-selection-section .date-form .search-button.loading{background:var(--muted-background);box-shadow:none;color:var(--muted)}.hisob-page .user-dashboard .user-statistics .statistics-header{align-items:center;border-bottom:2px solid var(--card-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.hisob-page .user-dashboard .user-statistics .statistics-header h3{align-items:center;color:var(--foreground);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem}.hisob-page .user-dashboard .user-statistics .statistics-header h3 .section-icon{color:var(--primary)}.hisob-page .user-dashboard .user-statistics .statistics-header .period-info{background:var(--muted-background);border-radius:20px;color:var(--muted);font-size:.85rem;font-weight:500;padding:.5rem 1rem}.hisob-page .user-dashboard .user-statistics .statistics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.hisob-page .user-dashboard .user-statistics .statistics-grid .stat-item{align-items:center;background:var(--background);border:1px solid var(--card-border);border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.hisob-page .user-dashboard .user-statistics .statistics-grid .stat-item:hover{border-color:var(--primary);box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.hisob-page .user-dashboard .user-statistics .statistics-grid .stat-item label{color:var(--muted);font-size:.95rem;font-weight:500}.hisob-page .user-dashboard .user-statistics .statistics-grid .stat-item .value{color:var(--foreground);font-size:1.1rem;font-weight:700}.hisob-page .user-dashboard .user-statistics .statistics-grid .stat-item.total{background:linear-gradient(135deg,#3b82f61a,#1d4ed80d);border-color:var(--primary);border-width:2px}.hisob-page .user-dashboard .user-statistics .statistics-grid .stat-item.total .value{color:var(--primary);font-size:1.3rem}.hisob-page .user-dashboard .no-data-state{color:var(--muted);padding:3rem 1rem;text-align:center}.hisob-page .user-dashboard .no-data-state .no-data-icon{margin-bottom:1rem;opacity:.5}.hisob-page .user-dashboard .no-data-state .no-data-icon svg{height:48px;width:48px}.hisob-page .user-dashboard .no-data-state h3{color:var(--foreground);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.hisob-page .user-dashboard .no-data-state p{font-size:.9rem;line-height:1.5}.hisob-page .user-dashboard .loading-state{color:var(--muted);padding:3rem 1rem;text-align:center}.hisob-page .user-dashboard .loading-state .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--card-border);border:3px solid var(--card-border);border-radius:50%;border-top-color:var(--primary);height:40px;margin:0 auto 1rem;width:40px}.hisob-page .user-dashboard .loading-state p{font-size:.9rem}.hisob-page .director-dashboard .cash-withdrawal-section{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:2rem}.hisob-page .director-dashboard .cash-withdrawal-section .cash-withdrawal-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;box-shadow:0 4px 15px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease}.hisob-page .director-dashboard .cash-withdrawal-section .cash-withdrawal-btn:hover{box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}.hisob-page .director-dashboard .cash-withdrawal-section .history-btn{align-items:center;background:var(--muted-background);border:2px solid var(--card-border);border-radius:12px;color:var(--foreground);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:1rem 1.25rem;transition:all .3s ease}.hisob-page .director-dashboard .cash-withdrawal-section .history-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.hisob-page .director-dashboard .financial-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.hisob-page .director-dashboard .financial-overview .stat-card{align-items:center;background:var(--background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.hisob-page .director-dashboard .financial-overview .stat-card:hover{box-shadow:0 12px 30px #0000001a;transform:translateY(-4px)}.hisob-page .director-dashboard .financial-overview .stat-card .stat-icon{align-items:center;border-radius:12px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;height:50px;justify-content:center;width:50px}.hisob-page .director-dashboard .financial-overview .stat-card.revenue .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.hisob-page .director-dashboard .financial-overview .stat-card.sales .stat-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.hisob-page .director-dashboard .financial-overview .stat-card.rental .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.hisob-page .director-dashboard .financial-overview .stat-card.expenses .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.hisob-page .director-dashboard .financial-overview .stat-card.profit .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.hisob-page .director-dashboard .financial-overview .stat-card.balance .stat-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.hisob-page .director-dashboard .financial-overview .stat-card .stat-content{flex:1 1}.hisob-page .director-dashboard .financial-overview .stat-card .stat-content h3{color:var(--muted);font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.hisob-page .director-dashboard .financial-overview .stat-card .stat-content .amount{color:var(--foreground);font-size:1.3rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.hisob-page .director-dashboard .financial-overview .stat-card .stat-content .growth{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:.3rem .75rem}.hisob-page .director-dashboard .financial-overview .stat-card .stat-content .growth.positive{background:#22c55e26;border:1px solid #22c55e33;color:#16a34a}.hisob-page .director-dashboard .financial-overview .stat-card .stat-content .growth.negative{background:#ef444426;border:1px solid #ef444433;color:#dc2626}.hisob-page .director-dashboard .financial-overview .stat-card .stat-content .growth.neutral{background:var(--muted-background);border:1px solid var(--card-border);color:var(--muted)}.hisob-page .director-dashboard .income-expense-details{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.hisob-page .director-dashboard .income-expense-details .details-card{background:var(--background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:1.5rem}.hisob-page .director-dashboard .income-expense-details .details-card h3{align-items:center;color:var(--foreground);display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.hisob-page .director-dashboard .income-expense-details .details-card h3 .section-icon.positive{background:#22c55e1a;border-radius:8px;color:#22c55e;padding:.4rem}.hisob-page .director-dashboard .income-expense-details .details-card h3 .section-icon.negative{background:#ef44441a;border-radius:8px;color:#ef4444;padding:.4rem}.hisob-page .director-dashboard .income-expense-details .details-card .details-list{display:flex;flex-direction:column;gap:1rem}.hisob-page .director-dashboard .income-expense-details .details-card .details-list .detail-item{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:12px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.hisob-page .director-dashboard .income-expense-details .details-card .details-list .detail-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.hisob-page .director-dashboard .income-expense-details .details-card .details-list .detail-item .label{color:var(--muted);font-size:.9rem;font-weight:500}.hisob-page .director-dashboard .income-expense-details .details-card .details-list .detail-item .value{color:var(--foreground);font-size:.9rem;font-weight:600}.hisob-page .director-dashboard .income-expense-details .details-card .details-list .detail-item .value.positive{color:#22c55e}.hisob-page .director-dashboard .income-expense-details .details-card .details-list .detail-item .value.negative{color:#ef4444}.hisob-page .director-dashboard .charts-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}.hisob-page .director-dashboard .charts-section .chart-container{background:var(--background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:1.5rem}.hisob-page .director-dashboard .charts-section .chart-container.large{grid-column:1/-1}.hisob-page .director-dashboard .charts-section .chart-container .chart-header{margin-bottom:1.5rem}.hisob-page .director-dashboard .charts-section .chart-container .chart-header h3{align-items:center;color:var(--foreground);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.hisob-page .director-dashboard .charts-section .chart-container .chart-header h3 .section-icon{color:var(--primary)}.hisob-page .director-dashboard .charts-section .chart-container .chart-header .chart-description{color:var(--muted);font-size:.85rem}.hisob-page .director-dashboard .charts-section .chart-container .chart-wrapper{height:300px;position:relative}@media(min-width:1024px){.hisob-page .director-dashboard .charts-section{grid-template-columns:2fr 1fr 1fr}}.hisob-page .director-dashboard .products-section{margin-bottom:2rem}.hisob-page .director-dashboard .products-section .products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.hisob-page .director-dashboard .products-section .products-grid .products-card{background:var(--background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:1.5rem}.hisob-page .director-dashboard .products-section .products-grid .products-card h3{align-items:center;color:var(--foreground);display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.hisob-page .director-dashboard .products-section .products-grid .products-card h3 .trend-icon.positive{background:#22c55e1a;border-radius:8px;color:#22c55e;padding:.4rem}.hisob-page .director-dashboard .products-section .products-grid .products-card h3 .trend-icon.rental{background:#f59e0b1a;border-radius:8px;color:#f59e0b;padding:.4rem}.hisob-page .director-dashboard .products-section .products-grid .products-card .products-list{display:flex;flex-direction:column;gap:1rem}.hisob-page .director-dashboard .products-section .products-grid .products-card .products-list .product-item{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:12px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.hisob-page .director-dashboard .products-section .products-grid .products-card .products-list .product-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.hisob-page .director-dashboard .products-section .products-grid .products-card .products-list .product-item.enhanced .product-rank{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:32px;justify-content:center;margin-right:1rem;width:32px}.hisob-page .director-dashboard .products-section .products-grid .products-card .products-list .product-item .product-info{flex:1 1}.hisob-page .director-dashboard .products-section .products-grid .products-card .products-list .product-item .product-info .product-name{color:var(--foreground);display:block;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.hisob-page .director-dashboard .products-section .products-grid .products-card .products-list .product-item .product-info .product-stats{display:flex;gap:.75rem;margin-bottom:.25rem}.hisob-page .director-dashboard .products-section .products-grid .products-card .products-list .product-item .product-info .product-stats .product-rentals,.hisob-page .director-dashboard .products-section .products-grid .products-card .products-list .product-item .product-info .product-stats .product-sales{align-items:center;color:var(--muted);display:flex;font-size:.8rem;font-weight:500;gap:.25rem}.hisob-page .director-dashboard .products-section .products-grid .products-card .products-list .product-item .product-info .product-stats .product-rentals{color:#f59e0b}.hisob-page .director-dashboard .products-section .products-grid .products-card .products-list .product-item .product-info .product-category{background:#3b82f61a;border-radius:6px;color:var(--primary);display:inline-block;font-size:.75rem;font-weight:500;padding:.2rem .5rem}.hisob-page .director-dashboard .products-section .products-grid .products-card .products-list .product-item .product-revenue{text-align:right}.hisob-page .director-dashboard .products-section .products-grid .products-card .products-list .product-item .product-revenue .revenue-amount{color:var(--primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.hisob-page .director-dashboard .products-section .products-grid .products-card .products-list .product-item .product-revenue .profit-amount{color:var(--muted);font-size:.8rem}.hisob-page .director-dashboard .employees-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.hisob-page .director-dashboard .employees-section .section-header h3{align-items:center;color:var(--foreground);display:flex;font-size:1.2rem;font-weight:600;gap:.5rem}.hisob-page .director-dashboard .employees-section .section-header h3 .section-icon{color:var(--primary)}.hisob-page .director-dashboard .employees-section .section-header .employee-summary{display:flex;gap:1.5rem}.hisob-page .director-dashboard .employees-section .section-header .employee-summary .summary-item{align-items:center;color:var(--muted);display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.hisob-page .director-dashboard .employees-section .section-header .employee-summary .summary-item.positive{color:#22c55e}.hisob-page .director-dashboard .employees-section .section-header .employee-summary .summary-item svg{height:18px;width:18px}.hisob-page .director-dashboard .employees-section .employees-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card{background:var(--background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:1.5rem;transition:all .3s ease}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-header .employee-avatar{align-items:center;background:var(--primary);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:1rem;font-weight:600;height:45px;justify-content:center;width:45px}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-header .employee-info{flex:1 1}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-header .employee-info h4{color:var(--foreground);font-size:1rem;font-weight:600;margin-bottom:.25rem}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-header .employee-info .employee-efficiency{color:var(--muted);font-size:.8rem;font-weight:500}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-stats{margin-bottom:1.5rem}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-stats .stat-row{display:flex;gap:.75rem;margin-bottom:.75rem}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-stats .stat-row:last-child{margin-bottom:0}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-stats .stat-row .stat{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:10px;display:flex;flex:1 1;gap:.5rem;padding:.75rem;transition:all .3s ease}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-stats .stat-row .stat:hover{border-color:var(--primary);transform:translateY(-1px)}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-stats .stat-row .stat.revenue{background:#22c55e0d;border-color:#22c55e33;flex:2 1}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-stats .stat-row .stat svg{color:var(--primary);height:14px;width:14px}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-stats .stat-row .stat .label{color:var(--muted);font-size:.75rem;font-weight:500}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-stats .stat-row .stat .value{color:var(--foreground);font-size:.8rem;font-weight:600;margin-left:auto}.hisob-page .error-container,.hisob-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.hisob-page .error-container .loading-spinner,.hisob-page .loading-container .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--card-border);border:3px solid var(--card-border);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:1rem;width:40px}.hisob-page .error-container .error-message,.hisob-page .loading-container .error-message{color:#ef4444;font-size:1rem;margin-bottom:1rem}.hisob-page .error-container button,.hisob-page .loading-container button{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.hisob-page .error-container button:hover,.hisob-page .loading-container button:hover{background:#1d4ed8}@media(max-width:1200px){.hisob-page .director-dashboard .financial-overview{grid-template-columns:repeat(2,1fr)}.hisob-page .director-dashboard .charts-section,.hisob-page .director-dashboard .income-expense-details,.hisob-page .director-dashboard .products-section .products-grid{grid-template-columns:1fr}}@media(max-width:768px){.hisob-page{padding:1rem}.hisob-page .controls-section{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.hisob-page .controls-section .date-filter{flex-wrap:wrap;justify-content:center}.hisob-page .controls-section .date-filter .date-input input{width:120px}.hisob-page .controls-section .filter-button{width:100%}.hisob-page .statistics-container{padding:1.5rem}.hisob-page .user-dashboard .date-selection-section .date-form .date-inputs{flex-direction:column;gap:1rem}.hisob-page .user-dashboard .date-selection-section .date-form .date-inputs .date-separator{display:none}.hisob-page .director-dashboard .cash-withdrawal-section{flex-wrap:wrap;justify-content:center}.hisob-page .director-dashboard .financial-overview{gap:1rem;grid-template-columns:1fr}.hisob-page .director-dashboard .financial-overview .stat-card{gap:1rem;padding:1.25rem}.hisob-page .director-dashboard .financial-overview .stat-card .stat-icon{height:45px;width:45px}.hisob-page .director-dashboard .financial-overview .stat-card .stat-content .amount{font-size:1.1rem}.hisob-page .director-dashboard .charts-section .chart-container{padding:1rem}.hisob-page .director-dashboard .charts-section .chart-container .chart-wrapper{height:200px}.hisob-page .director-dashboard .employees-section .employees-grid{grid-template-columns:1fr}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card{padding:1.25rem}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-stats .stat-row{flex-direction:column;gap:.5rem}.hisob-page .director-dashboard .employees-section .employees-grid .employee-card.enhanced .employee-stats .stat-row .stat{flex:none}}.products-page{background:var(--background);color:var(--foreground);min-height:100vh;padding:2rem}.products-page .page-header{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.products-page .page-header .header-title h1{color:var(--foreground);font-size:2rem;font-weight:700;margin:0 0 .5rem}.products-page .page-header .header-title .products-count{color:var(--muted);font-size:.9rem}.products-page .page-header .header-actions{align-items:center;display:flex;gap:1rem}.products-page .page-header .header-actions .view-toggle{background:var(--muted-background);border:1px solid var(--card-border);border-radius:8px;display:flex;padding:4px}.products-page .page-header .header-actions .view-toggle .view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.products-page .page-header .header-actions .view-toggle .view-btn.active{background:var(--primary);box-shadow:0 2px 4px #3b82f64d;color:#fff}.products-page .page-header .header-actions .view-toggle .view-btn:hover:not(.active){color:var(--foreground)}.products-page .page-header .header-actions .add-btn,.products-page .page-header .header-actions .filter-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.products-page .page-header .header-actions .filter-btn{background:var(--muted-background);border:1px solid var(--card-border);color:var(--foreground)}.products-page .page-header .header-actions .filter-btn:hover{background:#f59e0b;box-shadow:0 4px 12px #f59e0b4d;color:#fff;transform:translateY(-2px)}.products-page .page-header .header-actions .add-btn{background:var(--primary);box-shadow:0 4px 12px #3b82f64d;color:#fff}.products-page .page-header .header-actions .add-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.products-page .loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.products-page .loading .loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--card-border);border:4px solid var(--card-border);border-radius:50%;border-top-color:var(--primary);height:50px;margin-bottom:1.5rem;width:50px}.products-page .loading span{color:var(--muted);font-size:1.1rem}.products-page .empty-state{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.products-page .empty-state .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.products-page .empty-state h3{color:var(--foreground);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.products-page .empty-state p{color:var(--muted);font-size:1rem;margin:0 0 2rem}.products-page .empty-state .add-btn{align-items:center;background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.products-page .empty-state .add-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.products-page .products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.products-page .products-grid .product-card{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 15px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.products-page .products-grid .product-card:hover{border-color:var(--primary);box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.products-page .products-grid .product-card .product-image{height:200px;overflow:hidden;position:relative}.products-page .products-grid .product-card .product-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.products-page .products-grid .product-card .product-image .product-type{background:var(--primary);border-radius:20px;box-shadow:0 2px 8px #3b82f64d;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.products-page .products-grid .product-card .product-image:hover img{transform:scale(1.05)}.products-page .products-grid .product-card .product-info{padding:1.5rem}.products-page .products-grid .product-card .product-info h3{color:var(--foreground);font-size:1.2rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.products-page .products-grid .product-card .product-info .product-category{color:var(--muted);font-size:.9rem;margin-bottom:.75rem}.products-page .products-grid .product-card .product-info .product-price{color:var(--primary);font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.products-page .products-grid .product-card .product-info .product-quantity{color:var(--muted);font-size:.9rem}.products-page .products-grid .product-card .product-actions{background:var(--muted-background);border-top:1px solid var(--card-border);display:flex;gap:.5rem;justify-content:center;padding:1rem 1.5rem}.products-page .products-grid .product-card .product-actions .delete-btn,.products-page .products-grid .product-card .product-actions .edit-btn,.products-page .products-grid .product-card .product-actions .view-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.products-page .products-grid .product-card .product-actions .view-btn{background:var(--background);border:1px solid var(--card-border);color:var(--foreground)}.products-page .products-grid .product-card .product-actions .view-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.products-page .products-grid .product-card .product-actions .edit-btn{background:var(--background);border:1px solid var(--card-border);color:var(--foreground)}.products-page .products-grid .product-card .product-actions .edit-btn:hover{background:#f59e0b;color:#fff;transform:scale(1.1)}.products-page .products-grid .product-card .product-actions .delete-btn{background:var(--background);border:1px solid var(--card-border);color:var(--foreground)}.products-page .products-grid .product-card .product-actions .delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.products-page .products-table-container{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 15px #00000014;overflow:hidden;overflow-x:auto}.products-page .products-table-container .products-table{border-collapse:collapse;min-width:1000px;width:100%}.products-page .products-table-container .products-table thead{background:linear-gradient(135deg,var(--primary),#1d4ed8);color:#fff}.products-page .products-table-container .products-table thead th{font-size:.9rem;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.products-page .products-table-container .products-table tbody tr{border-bottom:1px solid var(--card-border);transition:all .3s ease}.products-page .products-table-container .products-table tbody tr:hover{background:var(--muted-background)}.products-page .products-table-container .products-table tbody tr td{padding:1rem;vertical-align:middle;white-space:nowrap}.products-page .products-table-container .products-table tbody tr td .table-product-image{border:2px solid var(--card-border);border-radius:8px;height:50px;object-fit:cover;width:50px}.products-page .products-table-container .products-table tbody tr td .type-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-align:center}.products-page .products-table-container .products-table tbody tr td .type-badge.sell{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.products-page .products-table-container .products-table tbody tr td .type-badge.rent{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.products-page .products-table-container .products-table tbody tr td .status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-align:center}.products-page .products-table-container .products-table tbody tr td .status-badge.available{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.products-page .products-table-container .products-table tbody tr td .status-badge.unavailable{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.products-page .products-table-container .table-actions{display:flex;gap:.5rem}.products-page .products-table-container .table-actions .delete-btn,.products-page .products-table-container .table-actions .edit-btn,.products-page .products-table-container .table-actions .view-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.products-page .products-table-container .table-actions .view-btn{background:var(--background);border:1px solid var(--card-border);color:var(--foreground)}.products-page .products-table-container .table-actions .view-btn:hover{background:var(--primary);color:#fff}.products-page .products-table-container .table-actions .edit-btn{background:var(--background);border:1px solid var(--card-border);color:var(--foreground)}.products-page .products-table-container .table-actions .edit-btn:hover{background:#f59e0b;color:#fff}.products-page .products-table-container .table-actions .delete-btn{background:var(--background);border:1px solid var(--card-border);color:var(--foreground)}.products-page .products-table-container .table-actions .delete-btn:hover{background:#ef4444;color:#fff}.products-page .pagination-wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.products-page .pagination-wrapper .pagination-info{color:var(--muted);font-size:.9rem}.products-page .products-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.products-page .products-modal-content{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.products-page .products-modal-content.products-detail-modal{max-width:800px}.products-page .products-modal-content.products-sort-modal{max-width:600px}.products-page .products-modal-content .products-modal-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:2rem}.products-page .products-modal-content .products-modal-header h2{color:var(--foreground);font-size:1.5rem;font-weight:700;margin:0}.products-page .products-modal-content .products-modal-header .products-close-btn{align-items:center;background:var(--muted-background);border:1px solid var(--card-border);border-radius:8px;color:var(--muted);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.products-page .products-modal-content .products-modal-header .products-close-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.products-page .products-modal-content .products-modal-body{padding:2rem}.products-page .products-modal-content .products-modal-body .products-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group{display:flex;flex-direction:column}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group.products-full-width,.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group.products-image-upload{grid-column:span 2}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group label{color:var(--foreground);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group input,.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group select,.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group textarea{background:var(--background);border:2px solid var(--card-border);border-radius:8px;color:var(--foreground);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group input:focus,.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group select:focus,.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group input::placeholder,.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group select::placeholder,.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group textarea::placeholder{color:var(--muted)}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group textarea{min-height:100px;resize:vertical}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group .error-message{color:#ef4444;font-size:.85rem;font-weight:500;margin-top:.25rem}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group .products-radio-group{display:flex;gap:1rem;margin-top:.5rem}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group .products-radio-group .products-radio-label{align-items:center;color:var(--foreground);cursor:pointer;display:flex;gap:.5rem}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group .products-radio-group .products-radio-label input[type=radio]{margin:0;width:auto}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group .products-barcode-input{display:flex;gap:.5rem}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group .products-barcode-input input{flex:1 1}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group .products-barcode-input .products-qr-scan-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.75rem;transition:all .3s ease}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group .products-barcode-input .products-qr-scan-btn:hover{background:#1d4ed8}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group .products-time-range{align-items:center;display:flex;gap:.5rem}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group .products-time-range input{flex:1 1}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group .products-time-range span{color:var(--muted);font-size:.9rem}.products-page .products-modal-content .products-modal-body .products-form-grid .products-image-upload .products-image-upload-area .products-image-preview{border:2px solid var(--card-border);border-radius:8px;height:200px;overflow:hidden;position:relative;width:200px}.products-page .products-modal-content .products-modal-body .products-form-grid .products-image-upload .products-image-upload-area .products-image-preview img{height:100%;object-fit:cover;width:100%}.products-page .products-modal-content .products-modal-body .products-form-grid .products-image-upload .products-image-upload-area .products-image-preview .products-remove-image{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:30px}.products-page .products-modal-content .products-modal-body .products-form-grid .products-image-upload .products-image-upload-area .products-upload-placeholder{align-items:center;background:var(--background);border:2px dashed var(--card-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem;position:relative;transition:all .3s ease}.products-page .products-modal-content .products-modal-body .products-form-grid .products-image-upload .products-image-upload-area .products-upload-placeholder:hover{background:#3b82f60d;border-color:var(--primary)}.products-page .products-modal-content .products-modal-body .products-form-grid .products-image-upload .products-image-upload-area .products-upload-placeholder input{cursor:pointer;inset:0;opacity:0;position:absolute}.products-page .products-modal-content .products-modal-body .products-form-grid .products-image-upload .products-image-upload-area .products-upload-placeholder span{color:var(--muted);font-weight:500}.products-page .products-modal-content .products-modal-body .products-detail-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr}.products-page .products-modal-content .products-modal-body .products-detail-content .products-image-large img{border:2px solid var(--card-border);border-radius:12px;height:300px;object-fit:cover;width:100%}.products-page .products-modal-content .products-modal-body .products-detail-content .products-details h3{color:var(--foreground);font-size:1.8rem;font-weight:700;margin:0 0 1.5rem}.products-page .products-modal-content .products-modal-body .products-detail-content .products-details .products-detail-item{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:.75rem 0}.products-page .products-modal-content .products-modal-body .products-detail-content .products-details .products-detail-item:last-child{border-bottom:none}.products-page .products-modal-content .products-modal-body .products-detail-content .products-details .products-detail-item span:first-child{color:var(--muted);font-weight:500}.products-page .products-modal-content .products-modal-body .products-detail-content .products-details .products-detail-item span:last-child{color:var(--foreground);font-weight:600}.products-page .products-modal-content .products-modal-body .sort-section .sort-toggle-group{display:flex;gap:1rem;margin-bottom:2rem}.products-page .products-modal-content .products-modal-body .sort-section .sort-toggle-group .sort-toggle{background:var(--background);border:2px solid var(--card-border);border-radius:8px;color:var(--foreground);cursor:pointer;flex:1 1;font-weight:500;padding:1rem;transition:all .3s ease}.products-page .products-modal-content .products-modal-body .sort-section .sort-toggle-group .sort-toggle.active{background:#3b82f61a;border-color:var(--primary);color:var(--primary)}.products-page .products-modal-content .products-modal-body .sort-section .sort-toggle-group .sort-toggle:hover:not(.active){border-color:var(--muted)}.products-page .products-modal-content .products-modal-body .sort-section .sort-buttons-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.products-page .products-modal-content .products-modal-body .sort-section .sort-buttons-group .sort-button{background:var(--background);border:2px solid var(--card-border);border-radius:8px;color:var(--foreground);cursor:pointer;font-weight:500;padding:1rem;text-align:left;transition:all .3s ease}.products-page .products-modal-content .products-modal-body .sort-section .sort-buttons-group .sort-button.active{background:#3b82f61a;border-color:var(--primary);color:var(--primary)}.products-page .products-modal-content .products-modal-body .sort-section .sort-buttons-group .sort-button:hover:not(.active){border-color:var(--muted)}.products-page .products-modal-content .products-modal-body .sort-section .category-section,.products-page .products-modal-content .products-modal-body .sort-section .name-search-section,.products-page .products-modal-content .products-modal-body .sort-section .price-range-section{margin-bottom:2rem}.products-page .products-modal-content .products-modal-body .sort-section .category-section h4,.products-page .products-modal-content .products-modal-body .sort-section .name-search-section h4,.products-page .products-modal-content .products-modal-body .sort-section .price-range-section h4{color:var(--foreground);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.products-page .products-modal-content .products-modal-body .sort-section .category-section .price-inputs,.products-page .products-modal-content .products-modal-body .sort-section .name-search-section .price-inputs,.products-page .products-modal-content .products-modal-body .sort-section .price-range-section .price-inputs{display:flex;gap:1rem}.products-page .products-modal-content .products-modal-body .sort-section .category-section .price-inputs input,.products-page .products-modal-content .products-modal-body .sort-section .name-search-section .price-inputs input,.products-page .products-modal-content .products-modal-body .sort-section .price-range-section .price-inputs input{background:var(--background);border:2px solid var(--card-border);border-radius:8px;color:var(--foreground);flex:1 1;padding:.75rem 1rem}.products-page .products-modal-content .products-modal-body .sort-section .category-section .price-inputs input:focus,.products-page .products-modal-content .products-modal-body .sort-section .name-search-section .price-inputs input:focus,.products-page .products-modal-content .products-modal-body .sort-section .price-range-section .price-inputs input:focus{border-color:var(--primary);outline:none}.products-page .products-modal-content .products-modal-body .sort-section .category-section input,.products-page .products-modal-content .products-modal-body .sort-section .category-section select,.products-page .products-modal-content .products-modal-body .sort-section .name-search-section input,.products-page .products-modal-content .products-modal-body .sort-section .name-search-section select,.products-page .products-modal-content .products-modal-body .sort-section .price-range-section input,.products-page .products-modal-content .products-modal-body .sort-section .price-range-section select{background:var(--background);border:2px solid var(--card-border);border-radius:8px;color:var(--foreground);padding:.75rem 1rem;width:100%}.products-page .products-modal-content .products-modal-body .sort-section .category-section input:focus,.products-page .products-modal-content .products-modal-body .sort-section .category-section select:focus,.products-page .products-modal-content .products-modal-body .sort-section .name-search-section input:focus,.products-page .products-modal-content .products-modal-body .sort-section .name-search-section select:focus,.products-page .products-modal-content .products-modal-body .sort-section .price-range-section input:focus,.products-page .products-modal-content .products-modal-body .sort-section .price-range-section select:focus{border-color:var(--primary);outline:none}.products-page .products-modal-content .products-modal-body .sort-section .return-products-btn{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:1rem;transition:all .3s ease;width:100%}.products-page .products-modal-content .products-modal-body .sort-section .return-products-btn:hover{background:#d97706}.products-page .products-modal-content .products-modal-footer{border-top:1px solid var(--card-border);display:flex;gap:1rem;justify-content:flex-end;padding:2rem}.products-page .products-modal-content .products-modal-footer .products-cancel-btn,.products-page .products-modal-content .products-modal-footer .products-save-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.products-page .products-modal-content .products-modal-footer .products-cancel-btn{background:var(--muted-background);border:1px solid var(--card-border);color:var(--foreground)}.products-page .products-modal-content .products-modal-footer .products-cancel-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.products-page .products-modal-content .products-modal-footer .products-save-btn{background:var(--primary);box-shadow:0 4px 12px #3b82f64d;color:#fff}.products-page .products-modal-content .products-modal-footer .products-save-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}@media(max-width:1200px){.products-page .products-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:1024px){.products-page{padding:1.5rem}.products-page .page-header{flex-direction:column;gap:1rem;padding:1.2rem 1.5rem;text-align:center}.products-page .page-header .header-actions{flex-wrap:wrap;justify-content:center}.products-page .products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.products-page .products-modal-content .products-modal-body .products-form-grid{grid-template-columns:1fr}.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group.products-full-width,.products-page .products-modal-content .products-modal-body .products-form-grid .products-form-group.products-image-upload{grid-column:span 1}.products-page .products-modal-content .products-modal-body .products-detail-content{gap:1.5rem;grid-template-columns:1fr}.products-page .products-modal-content .products-modal-body .products-detail-content .products-image-large img{height:250px}}@media(max-width:768px){.products-page{padding:1rem}.products-page .page-header{border-radius:12px;padding:1rem}.products-page .page-header .header-title h1{font-size:1.6rem}.products-page .page-header .header-actions{flex-direction:column;width:100%}.products-page .page-header .header-actions .view-toggle{justify-content:center;order:-1}.products-page .page-header .header-actions .add-btn,.products-page .page-header .header-actions .filter-btn{justify-content:center;width:100%}.products-page .products-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.products-page .products-grid .product-card .product-image{height:150px}.products-page .products-grid .product-card .product-info{padding:1rem}.products-page .products-grid .product-card .product-info .product-price,.products-page .products-grid .product-card .product-info h3{font-size:1.1rem}.products-page .products-grid .product-card .product-actions{padding:.75rem 1rem}.products-page .products-grid .product-card .product-actions .delete-btn,.products-page .products-grid .product-card .product-actions .edit-btn,.products-page .products-grid .product-card .product-actions .view-btn{height:35px;width:35px}.products-page .products-table-container .products-table{min-width:800px}.products-page .products-table-container .products-table tbody td,.products-page .products-table-container .products-table thead th{font-size:.85rem;padding:.75rem}.products-page .products-table-container .products-table .table-actions .delete-btn,.products-page .products-table-container .products-table .table-actions .edit-btn,.products-page .products-table-container .products-table .table-actions .view-btn{height:28px;width:28px}.products-page .products-modal-content{margin:1rem;max-width:calc(100% - 2rem)}.products-page .products-modal-content .products-modal-body,.products-page .products-modal-content .products-modal-footer,.products-page .products-modal-content .products-modal-header{padding:1.5rem}.products-page .products-modal-content .products-modal-footer{flex-direction:column}.products-page .products-modal-content .products-modal-footer .products-cancel-btn,.products-page .products-modal-content .products-modal-footer .products-save-btn{width:100%}.products-page .products-modal-content .products-modal-body .sort-section .price-inputs,.products-page .products-modal-content .products-modal-body .sort-section .sort-toggle-group{flex-direction:column}}@media(max-width:480px){.products-page,.products-page .page-header{padding:.75rem}.products-page .page-header .header-title h1{font-size:1.4rem}.products-page .page-header .header-actions .add-btn,.products-page .page-header .header-actions .filter-btn{font-size:.85rem;padding:.6rem 1.2rem}.products-page .products-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.products-page .products-grid .product-card .product-image{height:120px}.products-page .products-grid .product-card .product-info{padding:.75rem}.products-page .products-grid .product-card .product-info .product-price,.products-page .products-grid .product-card .product-info h3{font-size:1rem}.products-page .products-grid .product-card .product-actions{padding:.5rem .75rem}.products-page .products-grid .product-card .product-actions .delete-btn,.products-page .products-grid .product-card .product-actions .edit-btn,.products-page .products-grid .product-card .product-actions .view-btn{height:30px;width:30px}.products-page .products-table-container .products-table{min-width:600px}.products-page .products-table-container .products-table tbody td,.products-page .products-table-container .products-table thead th{font-size:.8rem;padding:.5rem}.products-page .products-table-container .products-table .table-actions .delete-btn,.products-page .products-table-container .products-table .table-actions .edit-btn,.products-page .products-table-container .products-table .table-actions .view-btn{height:24px;width:24px}.products-page .products-modal-content .products-modal-body,.products-page .products-modal-content .products-modal-footer,.products-page .products-modal-content .products-modal-header{padding:1rem}.products-page .products-modal-content .products-modal-header h2{font-size:1.3rem}}.settings-page{background:var(--background);color:var(--foreground);min-height:100vh;padding:2rem}.settings-page .settings-header{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.settings-page .settings-header .header-content h1{align-items:center;color:var(--foreground);display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.settings-page .settings-header .header-content h1 .page-icon{color:var(--primary)}.settings-page .settings-header .header-content .user-info{align-items:center;display:flex;gap:1rem}.settings-page .settings-header .header-content .user-info .username{color:var(--primary);font-size:.9rem;font-weight:600}.settings-page .settings-header .header-content .user-info .role{background:var(--muted-background);border:1px solid var(--card-border);border-radius:20px;color:var(--muted);font-size:.8rem;font-weight:500;padding:.25rem .75rem}.settings-page .settings-header .user-avatar{height:80px;position:relative;width:80px}.settings-page .settings-header .user-avatar img{border:3px solid var(--primary);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;height:100%;object-fit:cover;width:100%}.settings-page .settings-header .user-avatar .avatar-overlay{align-items:center;background:var(--primary);border-radius:50%;bottom:0;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:0;transition:all .3s ease;width:30px}.settings-page .settings-header .user-avatar .avatar-overlay:hover{transform:scale(1.1)}.settings-page .loading-container{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.settings-page .loading-container .loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--card-border);border:4px solid var(--card-border);border-radius:50%;border-top-color:var(--primary);height:50px;margin-bottom:1.5rem;width:50px}.settings-page .loading-container p{color:var(--muted);font-size:1.1rem}.settings-page .error-container{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.settings-page .error-container .error-message{align-items:center;display:flex;flex-direction:column;gap:1rem}.settings-page .error-container .error-message svg{color:var(--muted);opacity:.5}.settings-page .error-container .error-message h3{color:var(--foreground);font-size:1.5rem;font-weight:600;margin:0}.settings-page .error-container .error-message p{color:var(--muted);font-size:1rem;margin:0}.settings-page .message{align-items:center;animation:slideIn .3s ease-out;border-radius:12px;display:flex;font-weight:500;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem}.settings-page .message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.settings-page .message.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.settings-page .settings-form{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:2rem;padding:2rem}.settings-page .settings-form .form-section{margin-bottom:2.5rem}.settings-page .settings-form .form-section:last-child{margin-bottom:0}.settings-page .settings-form .form-section h2{align-items:center;border-bottom:2px solid var(--primary);color:var(--foreground);display:flex;font-size:1.4rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem;padding-bottom:.75rem}.settings-page .settings-form .form-section h2 .section-icon{color:var(--primary)}.settings-page .settings-form .form-section .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.settings-page .settings-form .form-section .form-row:last-child{margin-bottom:0}.settings-page .settings-form .form-section .form-group{display:flex;flex-direction:column}.settings-page .settings-form .form-section .form-group label{color:var(--foreground);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.settings-page .settings-form .form-section .form-group input,.settings-page .settings-form .form-section .form-group select{background:var(--background);border:2px solid var(--card-border);border-radius:8px;color:var(--foreground);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.settings-page .settings-form .form-section .form-group input:focus,.settings-page .settings-form .form-section .form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.settings-page .settings-form .form-section .form-group input::placeholder,.settings-page .settings-form .form-section .form-group select::placeholder{color:var(--muted)}.settings-page .settings-form .submit-button{align-items:center;background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.settings-page .settings-form .submit-button:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.settings-page .settings-form .submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.settings-page .settings-form .submit-button .button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.settings-page .password-section{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 15px #00000014;padding:2rem}.settings-page .password-section h2{align-items:center;border-bottom:2px solid var(--primary);color:var(--foreground);display:flex;font-size:1.4rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem;padding-bottom:.75rem}.settings-page .password-section h2 .section-icon{color:var(--primary)}.settings-page .password-section .password-form .form-group{margin-bottom:1.5rem}.settings-page .password-section .password-form .form-group label{color:var(--foreground);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.settings-page .password-section .password-form .form-group .password-input{align-items:center;display:flex;position:relative}.settings-page .password-section .password-form .form-group .password-input input{background:var(--background);border:2px solid var(--card-border);border-radius:8px;color:var(--foreground);font-size:1rem;padding:.75rem 3rem .75rem 1rem;transition:all .3s ease;width:100%}.settings-page .password-section .password-form .form-group .password-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.settings-page .password-section .password-form .form-group .password-input input::placeholder{color:var(--muted)}.settings-page .password-section .password-form .form-group .password-input .password-toggle{align-items:center;background:none;border:none;color:var(--muted);cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:1rem;transition:color .3s ease}.settings-page .password-section .password-form .form-group .password-input .password-toggle:hover{color:var(--foreground)}.settings-page .password-section .password-form .password-submit-button{align-items:center;background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.settings-page .password-section .password-form .password-submit-button:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.settings-page .password-section .password-form .password-submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.settings-page .password-section .password-form .password-submit-button .button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.settings-page{padding:1.5rem}.settings-page .settings-header{flex-direction:column;gap:1.5rem;padding:1.2rem 1.5rem;text-align:center}.settings-page .settings-header .header-content h1{font-size:1.8rem}.settings-page .settings-header .user-avatar{height:70px;width:70px}.settings-page .settings-header .user-avatar .avatar-overlay{height:25px;width:25px}.settings-page .password-section,.settings-page .settings-form{padding:1.5rem}.settings-page .password-section .form-section .form-row,.settings-page .settings-form .form-section .form-row{gap:1rem;grid-template-columns:1fr}}@media(max-width:768px){.settings-page{padding:1rem}.settings-page .settings-header{border-radius:12px;padding:1rem}.settings-page .settings-header .header-content h1{flex-direction:column;font-size:1.6rem;gap:.5rem}.settings-page .settings-header .header-content .user-info{flex-direction:column;gap:.5rem}.settings-page .settings-header .user-avatar{height:60px;width:60px}.settings-page .settings-header .user-avatar .avatar-overlay{height:22px;width:22px}.settings-page .password-section,.settings-page .settings-form{border-radius:12px;padding:1.2rem}.settings-page .password-section .form-section,.settings-page .settings-form .form-section{margin-bottom:2rem}.settings-page .password-section .form-section h2,.settings-page .settings-form .form-section h2{flex-direction:column;font-size:1.2rem;gap:.5rem;text-align:center}.settings-page .password-section .form-section .form-group label,.settings-page .settings-form .form-section .form-group label{font-size:.9rem}.settings-page .password-section .form-section .form-group input,.settings-page .password-section .form-section .form-group select,.settings-page .settings-form .form-section .form-group input,.settings-page .settings-form .form-section .form-group select{font-size:.9rem;padding:.6rem .8rem}.settings-page .password-section .password-submit-button,.settings-page .password-section .submit-button,.settings-page .settings-form .password-submit-button,.settings-page .settings-form .submit-button{font-size:1rem;padding:.8rem 1.2rem}.settings-page .password-section h2{flex-direction:column;font-size:1.2rem;gap:.5rem;text-align:center}.settings-page .password-section .password-form .form-group .password-input input{font-size:.9rem;padding:.6rem 2.5rem .6rem .8rem}.settings-page .password-section .password-form .form-group .password-input .password-toggle{right:.8rem}}@media(max-width:480px){.settings-page,.settings-page .settings-header{padding:.75rem}.settings-page .settings-header .header-content h1{font-size:1.4rem}.settings-page .settings-header .header-content .user-info .username{font-size:.8rem}.settings-page .settings-header .header-content .user-info .role{font-size:.75rem;padding:.2rem .6rem}.settings-page .settings-header .user-avatar{height:50px;width:50px}.settings-page .settings-header .user-avatar .avatar-overlay{height:20px;width:20px}.settings-page .password-section,.settings-page .settings-form{padding:1rem}.settings-page .password-section .form-section h2,.settings-page .settings-form .form-section h2{font-size:1.1rem}.settings-page .password-section .form-section .form-group label,.settings-page .settings-form .form-section .form-group label{font-size:.85rem}.settings-page .password-section .form-section .form-group input,.settings-page .password-section .form-section .form-group select,.settings-page .settings-form .form-section .form-group input,.settings-page .settings-form .form-section .form-group select{font-size:.85rem;padding:.5rem .7rem}.settings-page .password-section .password-submit-button,.settings-page .password-section .submit-button,.settings-page .settings-form .password-submit-button,.settings-page .settings-form .submit-button{font-size:.9rem;padding:.7rem 1rem}.settings-page .password-section h2{font-size:1.1rem}.settings-page .password-section .password-form .form-group .password-input input{font-size:.85rem;padding:.5rem 2.2rem .5rem .7rem}.settings-page .password-section .password-form .form-group .password-input .password-toggle{right:.7rem}}.sotilgan-page{background:var(--background);min-height:100vh;padding:2rem}.sotilgan-page .page-header{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.sotilgan-page .page-header h1{align-items:center;color:var(--foreground);display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0}.sotilgan-page .page-header h1 .header-icon{color:var(--primary)}.sotilgan-page .page-header .stats{display:flex;gap:2rem}.sotilgan-page .page-header .stats .stat-item{text-align:center}.sotilgan-page .page-header .stats .stat-item .stat-number{color:var(--primary);display:block;font-size:2rem;font-weight:700}.sotilgan-page .page-header .stats .stat-item .stat-label{color:var(--muted);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.sotilgan-page .filters-section{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.sotilgan-page .filters-section .search-container{margin-bottom:1.5rem}.sotilgan-page .filters-section .search-container .search-input{max-width:500px;position:relative}.sotilgan-page .filters-section .search-container .search-input .search-icon{color:var(--muted);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.sotilgan-page .filters-section .search-container .search-input input{background:var(--card-background);border:1px solid var(--card-border);border-radius:12px;color:var(--foreground);font-size:1rem;padding:.875rem 1rem .875rem 3rem;width:100%}.sotilgan-page .filters-section .search-container .search-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.sotilgan-page .filters-section .search-container .search-input input::placeholder{color:var(--muted)}.sotilgan-page .filters-section .date-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.sotilgan-page .filters-section .date-filters .date-input-group{align-items:center;background:var(--muted-background);border-radius:8px;display:flex;gap:.5rem;padding:.5rem}.sotilgan-page .filters-section .date-filters .date-input-group .date-icon{color:var(--muted)}.sotilgan-page .filters-section .date-filters .date-input-group .date-input{background:#0000;border:none;color:var(--foreground);font-size:.875rem;padding:.25rem}.sotilgan-page .filters-section .date-filters .date-input-group .date-input:focus{outline:none}.sotilgan-page .filters-section .date-filters .date-separator{color:var(--muted);font-weight:500}.sotilgan-page .filters-section .date-filters .search-btn{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.sotilgan-page .filters-section .date-filters .search-btn:hover{background:var(--primary-hover)}.sotilgan-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.sotilgan-page .loading-container .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--card-border);border:3px solid var(--card-border);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:1rem;width:40px}.sotilgan-page .loading-container p{color:var(--muted);font-size:1rem}.sotilgan-page .sales-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:2rem}.sotilgan-page .sales-grid .sale-card{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;transition:all .2s ease}.sotilgan-page .sales-grid .sale-card:hover{box-shadow:0 8px 25px -5px #0000001a;transform:translateY(-2px)}.sotilgan-page .sales-grid .sale-card .sale-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.sotilgan-page .sales-grid .sale-card .sale-header .buyer-info{align-items:center;display:flex;gap:.75rem}.sotilgan-page .sales-grid .sale-card .sale-header .buyer-info .buyer-icon{color:var(--primary)}.sotilgan-page .sales-grid .sale-card .sale-header .buyer-info .buyer-details h3{color:var(--foreground);font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.sotilgan-page .sales-grid .sale-card .sale-header .buyer-info .buyer-details .buyer-label{color:var(--muted);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.sotilgan-page .sales-grid .sale-card .sale-header .sale-actions{display:flex;gap:.5rem}.sotilgan-page .sales-grid .sale-card .sale-header .sale-actions .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.sotilgan-page .sales-grid .sale-card .sale-header .sale-actions .view-btn{background:var(--muted-background);color:var(--foreground)}.sotilgan-page .sales-grid .sale-card .sale-header .sale-actions .view-btn:hover{background:var(--primary);color:#fff}.sotilgan-page .sales-grid .sale-card .sale-header .sale-actions .return-all-btn{background:#fef3c7;color:#f59e0b}.sotilgan-page .sales-grid .sale-card .sale-header .sale-actions .return-all-btn:hover{background:#f59e0b;color:#fff}.sotilgan-page .sales-grid .sale-card .products-preview{margin-bottom:1.5rem}.sotilgan-page .sales-grid .sale-card .products-preview .products-count{align-items:center;color:var(--muted);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem}.sotilgan-page .sales-grid .sale-card .products-preview .products-list .product-preview{align-items:center;background:var(--muted-background);border-radius:8px;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem}.sotilgan-page .sales-grid .sale-card .products-preview .products-list .product-preview:last-child{margin-bottom:0}.sotilgan-page .sales-grid .sale-card .products-preview .products-list .product-preview .product-image img{border:1px solid var(--card-border);border-radius:6px;height:40px;object-fit:cover;width:40px}.sotilgan-page .sales-grid .sale-card .products-preview .products-list .product-preview .product-info{flex:1 1}.sotilgan-page .sales-grid .sale-card .products-preview .products-list .product-preview .product-info h4{color:var(--foreground);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.sotilgan-page .sales-grid .sale-card .products-preview .products-list .product-preview .product-info .product-meta{align-items:center;display:flex;justify-content:space-between}.sotilgan-page .sales-grid .sale-card .products-preview .products-list .product-preview .product-info .product-meta .quantity{color:var(--muted);font-size:.8rem}.sotilgan-page .sales-grid .sale-card .products-preview .products-list .product-preview .product-info .product-meta .price{color:var(--primary);font-size:.8rem;font-weight:600}.sotilgan-page .sales-grid .sale-card .products-preview .products-list .more-products{background:var(--muted-background);border-radius:8px;color:var(--muted);font-size:.8rem;padding:.5rem;text-align:center}.sotilgan-page .sales-grid .sale-card .sale-footer{align-items:center;border-top:1px solid var(--card-border);display:flex;justify-content:space-between;padding-top:1rem}.sotilgan-page .sales-grid .sale-card .sale-footer .payment-info{align-items:center;color:var(--muted);display:flex;font-size:.8rem;gap:.5rem}.sotilgan-page .sales-grid .sale-card .sale-footer .total-amount{align-items:flex-end;display:flex;flex-direction:column}.sotilgan-page .sales-grid .sale-card .sale-footer .total-amount .total-label{color:var(--muted);font-size:.8rem}.sotilgan-page .sales-grid .sale-card .sale-footer .total-amount .total-value{color:var(--foreground);font-size:1rem;font-weight:600}.sotilgan-page .sales-grid .sale-card .sale-footer .sale-date{align-items:center;color:var(--muted);display:flex;font-size:.75rem;gap:.25rem}.sotilgan-page .pagination-container{display:flex;justify-content:center;margin-top:2rem}.sotilgan-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.sotilgan-page .modal-overlay .cancel-modal,.sotilgan-page .modal-overlay .detail-modal{background:var(--card-background);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.sotilgan-page .modal-overlay .cancel-modal{max-width:500px}.sotilgan-page .modal-overlay .modal-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:1.5rem}.sotilgan-page .modal-overlay .modal-header h2{color:var(--foreground);font-size:1.5rem;font-weight:600}.sotilgan-page .modal-overlay .modal-header .close-btn{align-items:center;background:var(--muted-background);border:none;border-radius:8px;color:var(--foreground);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.sotilgan-page .modal-overlay .modal-header .close-btn:hover{background:#ef4444;color:#fff}.sotilgan-page .modal-overlay .modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.sotilgan-page .modal-overlay .modal-content .sale-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.sotilgan-page .modal-overlay .modal-content .sale-summary .summary-item{align-items:center;background:var(--muted-background);border-radius:12px;display:flex;gap:.75rem;padding:1rem}.sotilgan-page .modal-overlay .modal-content .sale-summary .summary-item svg{color:var(--primary)}.sotilgan-page .modal-overlay .modal-content .sale-summary .summary-item div .label{color:var(--muted);display:block;font-size:.8rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.sotilgan-page .modal-overlay .modal-content .sale-summary .summary-item div .value{color:var(--foreground);font-weight:600}.sotilgan-page .modal-overlay .modal-content .products-detail h3{color:var(--foreground);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.sotilgan-page .modal-overlay .modal-content .products-detail .products-detail-list .product-detail-item{align-items:center;background:var(--muted-background);border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.sotilgan-page .modal-overlay .modal-content .products-detail .products-detail-list .product-detail-item:last-child{margin-bottom:0}.sotilgan-page .modal-overlay .modal-content .products-detail .products-detail-list .product-detail-item .product-image img{border:1px solid var(--card-border);border-radius:8px;height:60px;object-fit:cover;width:60px}.sotilgan-page .modal-overlay .modal-content .products-detail .products-detail-list .product-detail-item .product-details{flex:1 1}.sotilgan-page .modal-overlay .modal-content .products-detail .products-detail-list .product-detail-item .product-details h4{color:var(--foreground);font-size:1rem;font-weight:600;margin-bottom:.5rem}.sotilgan-page .modal-overlay .modal-content .products-detail .products-detail-list .product-detail-item .product-details .category{color:var(--muted);font-size:.8rem;margin-bottom:.5rem}.sotilgan-page .modal-overlay .modal-content .products-detail .products-detail-list .product-detail-item .product-details .price-info{display:flex;flex-direction:column;gap:.25rem}.sotilgan-page .modal-overlay .modal-content .products-detail .products-detail-list .product-detail-item .product-details .price-info span{color:var(--muted);font-size:.8rem}.sotilgan-page .modal-overlay .modal-content .products-detail .products-detail-list .product-detail-item .product-details .price-info span:last-child{color:var(--primary);font-weight:600}.sotilgan-page .modal-overlay .modal-content .products-detail .products-detail-list .product-detail-item .return-single-btn{align-items:center;background:#fef3c7;border:none;border-radius:8px;color:#f59e0b;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.sotilgan-page .modal-overlay .modal-content .products-detail .products-detail-list .product-detail-item .return-single-btn:hover{background:#f59e0b;color:#fff}.sotilgan-page .modal-overlay .modal-content .total-section{border-top:1px solid var(--card-border);margin-top:2rem;padding-top:1rem}.sotilgan-page .modal-overlay .modal-content .total-section .total-row{align-items:center;display:flex;font-size:1.125rem;justify-content:space-between}.sotilgan-page .modal-overlay .modal-content .total-section .total-row span:first-child{color:var(--muted)}.sotilgan-page .modal-overlay .modal-content .total-section .total-row strong{color:var(--primary);font-size:1.25rem}.sotilgan-page .modal-overlay .modal-content .warning-message{align-items:center;background:#fef3c7;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.sotilgan-page .modal-overlay .modal-content .warning-message svg{color:#f59e0b;flex-shrink:0}.sotilgan-page .modal-overlay .modal-content .warning-message p{color:#92400e;font-size:.875rem;line-height:1.5}.sotilgan-page .modal-overlay .modal-content .reason-input label{color:var(--foreground);display:block;font-weight:500;margin-bottom:.5rem}.sotilgan-page .modal-overlay .modal-content .reason-input textarea{background:var(--card-background);border:1px solid var(--card-border);border-radius:8px;color:var(--foreground);font-size:.875rem;min-height:100px;padding:.75rem;resize:vertical;width:100%}.sotilgan-page .modal-overlay .modal-content .reason-input textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.sotilgan-page .modal-overlay .modal-content .reason-input textarea::placeholder{color:var(--muted)}.sotilgan-page .modal-overlay .modal-actions{border-top:1px solid var(--card-border);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.sotilgan-page .modal-overlay .modal-actions .cancel-btn,.sotilgan-page .modal-overlay .modal-actions .confirm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.sotilgan-page .modal-overlay .modal-actions .cancel-btn{background:var(--muted-background);color:var(--foreground)}.sotilgan-page .modal-overlay .modal-actions .cancel-btn:hover{background:var(--card-border)}.sotilgan-page .modal-overlay .modal-actions .confirm-btn{background:#f59e0b;color:#fff}.sotilgan-page .modal-overlay .modal-actions .confirm-btn:hover{background:#d97706}@media(max-width:1024px){.sotilgan-page{padding:1.5rem}.sotilgan-page .sales-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:768px){.sotilgan-page{padding:1rem}.sotilgan-page .page-header{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:1.5rem}.sotilgan-page .page-header h1{font-size:1.5rem}.sotilgan-page .page-header .stats{gap:1rem;justify-content:space-around;width:100%}.sotilgan-page .page-header .stats .stat-item .stat-number{font-size:1.5rem}.sotilgan-page .page-header .stats .stat-item .stat-label{font-size:.8rem}.sotilgan-page .filters-section{padding:1rem}.sotilgan-page .filters-section .search-container .search-input{max-width:none}.sotilgan-page .filters-section .search-container .search-input input{font-size:.9rem;padding:.75rem 1rem .75rem 2.75rem}.sotilgan-page .filters-section .date-filters{align-items:stretch;flex-direction:column;gap:.75rem}.sotilgan-page .filters-section .date-filters .date-input-group{justify-content:center}.sotilgan-page .filters-section .date-filters .date-input-group .date-input{font-size:.8rem}.sotilgan-page .filters-section .date-filters .search-btn{font-size:.875rem;padding:.75rem}.sotilgan-page .sales-grid{gap:1rem;grid-template-columns:1fr}.sotilgan-page .sales-grid .sale-card{padding:1.25rem}.sotilgan-page .sales-grid .sale-card .sale-header{align-items:flex-start;flex-direction:column;gap:1rem}.sotilgan-page .sales-grid .sale-card .sale-header .sale-actions{justify-content:center;width:100%}.sotilgan-page .sales-grid .sale-card .sale-header .sale-actions .action-btn{flex:1 1;justify-content:center;padding:.75rem}.sotilgan-page .sales-grid .sale-card .products-preview .products-list .product-preview{flex-direction:column;gap:.75rem;text-align:center}.sotilgan-page .sales-grid .sale-card .products-preview .products-list .product-preview .product-image img{height:50px;width:50px}.sotilgan-page .sales-grid .sale-card .products-preview .products-list .product-preview .product-info .product-meta{gap:1rem;justify-content:center}.sotilgan-page .sales-grid .sale-card .sale-footer{align-items:center;flex-direction:column;gap:.75rem;text-align:center}.sotilgan-page .sales-grid .sale-card .sale-footer .total-amount{align-items:center}.sotilgan-page .modal-overlay{padding:.5rem}.sotilgan-page .modal-overlay .cancel-modal,.sotilgan-page .modal-overlay .detail-modal{max-height:95vh;max-width:none}.sotilgan-page .modal-overlay .cancel-modal .modal-header,.sotilgan-page .modal-overlay .detail-modal .modal-header{padding:1rem}.sotilgan-page .modal-overlay .cancel-modal .modal-header h2,.sotilgan-page .modal-overlay .detail-modal .modal-header h2{font-size:1.25rem}.sotilgan-page .modal-overlay .cancel-modal .modal-content,.sotilgan-page .modal-overlay .detail-modal .modal-content{padding:1rem}.sotilgan-page .modal-overlay .cancel-modal .modal-content .sale-summary,.sotilgan-page .modal-overlay .detail-modal .modal-content .sale-summary{gap:.75rem;grid-template-columns:1fr}.sotilgan-page .modal-overlay .cancel-modal .modal-content .sale-summary .summary-item,.sotilgan-page .modal-overlay .detail-modal .modal-content .sale-summary .summary-item{padding:.75rem}.sotilgan-page .modal-overlay .cancel-modal .modal-content .products-detail .products-detail-list .product-detail-item,.sotilgan-page .modal-overlay .detail-modal .modal-content .products-detail .products-detail-list .product-detail-item{flex-direction:column;gap:.75rem;text-align:center}.sotilgan-page .modal-overlay .cancel-modal .modal-content .products-detail .products-detail-list .product-detail-item .product-image img,.sotilgan-page .modal-overlay .detail-modal .modal-content .products-detail .products-detail-list .product-detail-item .product-image img{height:80px;width:80px}.sotilgan-page .modal-overlay .cancel-modal .modal-content .products-detail .products-detail-list .product-detail-item .return-single-btn,.sotilgan-page .modal-overlay .detail-modal .modal-content .products-detail .products-detail-list .product-detail-item .return-single-btn{align-self:stretch;justify-content:center;padding:.75rem}.sotilgan-page .modal-overlay .cancel-modal .modal-actions,.sotilgan-page .modal-overlay .detail-modal .modal-actions{flex-direction:column;padding:1rem}.sotilgan-page .modal-overlay .cancel-modal .modal-actions .cancel-btn,.sotilgan-page .modal-overlay .cancel-modal .modal-actions .confirm-btn,.sotilgan-page .modal-overlay .detail-modal .modal-actions .cancel-btn,.sotilgan-page .modal-overlay .detail-modal .modal-actions .confirm-btn{justify-content:center;padding:.875rem;width:100%}}@media(max-width:480px){.sotilgan-page{padding:.75rem}.sotilgan-page .page-header{padding:1rem}.sotilgan-page .page-header h1{font-size:1.25rem}.sotilgan-page .filters-section{padding:.75rem}.sotilgan-page .sales-grid .sale-card{padding:1rem}.sotilgan-page .sales-grid .sale-card .products-preview .products-list .product-preview{padding:.5rem}.sotilgan-page .sales-grid .sale-card .products-preview .products-list .product-preview .product-image img{height:40px;width:40px}.sotilgan-page .modal-overlay{padding:.25rem}.sotilgan-page .modal-overlay .cancel-modal .modal-header,.sotilgan-page .modal-overlay .detail-modal .modal-header{padding:.75rem}.sotilgan-page .modal-overlay .cancel-modal .modal-header h2,.sotilgan-page .modal-overlay .detail-modal .modal-header h2{font-size:1.125rem}.sotilgan-page .modal-overlay .cancel-modal .modal-actions,.sotilgan-page .modal-overlay .cancel-modal .modal-content,.sotilgan-page .modal-overlay .detail-modal .modal-actions,.sotilgan-page .modal-overlay .detail-modal .modal-content{padding:.75rem}}.tarif-page{background:var(--background);color:var(--foreground);min-height:100vh;padding:2rem;transition:all .3s ease}.tarif-page .tarif-header{margin-bottom:3rem}.tarif-page .tarif-header .header-content{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:1.5rem;box-shadow:0 8px 25px #00000014;display:flex;justify-content:space-between;padding:2rem}.tarif-page .tarif-header .header-content .header-title{align-items:center;display:flex;gap:1rem}.tarif-page .tarif-header .header-content .header-title .header-icon{color:#f59e0b;filter:drop-shadow(0 4px 8px rgba(245,158,11,.3));height:2.5rem;width:2.5rem}.tarif-page .tarif-header .header-content .header-title h1{color:var(--foreground);font-size:2.25rem;font-weight:800;margin:0}.tarif-page .tarif-header .header-content .refresh-button{align-items:center;background:var(--primary);border:none;border-radius:1rem;box-shadow:0 4px 15px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.tarif-page .tarif-header .header-content .refresh-button:hover:not(:disabled){background:#1d4ed8;box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.tarif-page .tarif-header .header-content .refresh-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.tarif-page .tarif-header .header-content .refresh-button .spinning{animation:spin 1s linear infinite}.tarif-page .tarif-header .header-content .refresh-button svg{height:20px;width:20px}.tarif-page .loading-container{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:1.5rem;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:3rem;text-align:center}.tarif-page .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--card-border);border-radius:50%;border-top:4px solid #3b82f6;height:4rem;margin-bottom:2rem;width:4rem}.tarif-page .loading-container h3{color:var(--foreground);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.tarif-page .loading-container p{color:var(--muted);font-size:1.1rem;margin:0}.tarif-page .error-container{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:1.5rem;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:3rem;text-align:center}.tarif-page .error-container svg{color:#ef4444;filter:drop-shadow(0 4px 8px rgba(239,68,68,.3));height:4rem;margin-bottom:2rem;width:4rem}.tarif-page .error-container h3{color:var(--foreground);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.tarif-page .error-container p{color:var(--muted);font-size:1.1rem;margin-bottom:2rem;max-width:500px}.tarif-page .error-container .retry-button{align-items:center;background:#ef4444;border:none;border-radius:1rem;box-shadow:0 4px 15px #ef44444d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.tarif-page .error-container .retry-button:hover{background:#dc2626;box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.tarif-page .error-container .retry-button svg{filter:none;height:20px;margin-bottom:0;width:20px}.tarif-page .message{align-items:flex-start;animation:slideInDown .4s ease;border-radius:1rem;box-shadow:0 4px 15px #00000014;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.tarif-page .message svg{flex-shrink:0;height:24px;margin-top:.125rem;width:24px}.tarif-page .message .message-content h4{font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.tarif-page .message .message-content p{line-height:1.5;margin:0;opacity:.9}.tarif-page .message.success-message{background:#22c55e1a;border:1px solid #22c55e4d;color:#065f46}.tarif-page .message.success-message svg{color:#10b981}.tarif-page .message.error-message{background:#ef44441a;border:1px solid #ef44444d;color:#991b1b}.tarif-page .message.error-message svg{color:#ef4444}.tarif-page .section-header{margin-bottom:2rem}.tarif-page .section-header h2{align-items:center;color:var(--foreground);display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.tarif-page .section-header h2 svg{color:#3b82f6;height:28px;width:28px}.tarif-page .section-header p{color:var(--muted);font-size:1.1rem;line-height:1.5;margin:0}.tarif-page .current-tariff-section{margin-bottom:4rem}.tarif-page .current-tariff-section .current-tariff-card{background:var(--card-background);border:1px solid var(--card-border);border-radius:2rem;box-shadow:0 8px 25px #00000014;overflow:hidden;padding:3rem;position:relative}.tarif-page .current-tariff-section .current-tariff-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#f59e0b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.tarif-page .current-tariff-section .current-tariff-card .tariff-header-info{margin-bottom:3rem}.tarif-page .current-tariff-section .current-tariff-card .tariff-header-info .tariff-main-info{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.tarif-page .current-tariff-section .current-tariff-card .tariff-header-info .tariff-main-info .tariff-name-section{align-items:center;display:flex;gap:1.5rem}.tarif-page .current-tariff-section .current-tariff-card .tariff-header-info .tariff-main-info .tariff-name-section svg{color:#f59e0b;filter:drop-shadow(0 4px 8px rgba(245,158,11,.3));height:2.5rem;width:2.5rem}.tarif-page .current-tariff-section .current-tariff-card .tariff-header-info .tariff-main-info .tariff-name-section .name-details h3{color:var(--foreground);font-size:2rem;font-weight:800;margin:0 0 .75rem;text-transform:capitalize}.tarif-page .current-tariff-section .current-tariff-card .tariff-header-info .tariff-main-info .tariff-name-section .name-details .status-badge{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:2rem;color:#22c55e;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.tarif-page .current-tariff-section .current-tariff-card .tariff-header-info .tariff-main-info .tariff-name-section .name-details .status-badge .status-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}.tarif-page .current-tariff-section .current-tariff-card .tariff-header-info .tariff-main-info .tariff-price-section .price-container{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:1.5rem;box-shadow:0 8px 25px #3b82f64d;color:#fff;display:flex;gap:1rem;padding:1.5rem 2rem}.tarif-page .current-tariff-section .current-tariff-card .tariff-header-info .tariff-main-info .tariff-price-section .price-container svg{color:#93c5fd;height:24px;width:24px}.tarif-page .current-tariff-section .current-tariff-card .tariff-header-info .tariff-main-info .tariff-price-section .price-container .price-details .price-amount{display:block;font-size:2rem;font-weight:800;line-height:1}.tarif-page .current-tariff-section .current-tariff-card .tariff-header-info .tariff-main-info .tariff-price-section .price-container .price-details .price-currency{font-size:1rem;opacity:.9}.tarif-page .current-tariff-section .current-tariff-card .tariff-dates{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.tarif-page .current-tariff-section .current-tariff-card .tariff-dates .date-card{align-items:center;background:var(--muted-background);border:1px solid var(--card-border);border-radius:1rem;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.tarif-page .current-tariff-section .current-tariff-card .tariff-dates .date-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.tarif-page .current-tariff-section .current-tariff-card .tariff-dates .date-card.highlight{background:#f59e0b1a;border-color:#f59e0b;color:#92400e}.tarif-page .current-tariff-section .current-tariff-card .tariff-dates .date-card.highlight svg{color:#f59e0b}.tarif-page .current-tariff-section .current-tariff-card .tariff-dates .date-card.highlight .date-value{color:#f59e0b;font-weight:700}.tarif-page .current-tariff-section .current-tariff-card .tariff-dates .date-card svg{color:#3b82f6;flex-shrink:0;height:24px;width:24px}.tarif-page .current-tariff-section .current-tariff-card .tariff-dates .date-card .date-info .date-label{color:var(--muted);display:block;font-size:.875rem;margin-bottom:.25rem}.tarif-page .current-tariff-section .current-tariff-card .tariff-dates .date-card .date-info .date-value{color:var(--foreground);display:block;font-size:1.1rem;font-weight:700}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-header{margin-bottom:2rem}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-header h4{align-items:center;color:var(--foreground);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-header h4 svg{color:#10b981;height:24px;width:24px}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-grid .usage-item{background:var(--muted-background);border:1px solid var(--card-border);border-radius:1rem;padding:1.5rem;transition:all .3s ease}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-grid .usage-item:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-grid .usage-item .usage-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-grid .usage-item .usage-header .usage-icon{align-items:center;background:var(--background);border:1px solid var(--card-border);border-radius:.75rem;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-grid .usage-item .usage-header .usage-icon svg{color:#3b82f6;height:20px;width:20px}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-grid .usage-item .usage-header .usage-info{flex:1 1}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-grid .usage-item .usage-header .usage-info .usage-label{color:var(--foreground);display:block;font-weight:600;margin-bottom:.25rem}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-grid .usage-item .usage-header .usage-info .usage-count{color:#3b82f6;display:block;font-size:1.1rem;font-weight:700}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-grid .usage-item .usage-bar{background:var(--card-border);border-radius:.375rem;height:.75rem;overflow:hidden}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-grid .usage-item .usage-bar .usage-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:.375rem;height:100%;position:relative;transition:width .8s ease}.tarif-page .current-tariff-section .current-tariff-card .usage-stats .stats-grid .usage-item .usage-bar .usage-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tarif-page .extend-section{margin-bottom:4rem}.tarif-page .extend-section .extend-content{background:var(--card-background);border:1px solid var(--card-border);border-radius:2rem;box-shadow:0 8px 25px #00000014;padding:3rem}.tarif-page .extend-section .extend-content .extend-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.tarif-page .extend-section .extend-content .extend-options .extend-option{align-items:center;background:var(--muted-background);border:2px solid var(--card-border);border-radius:1.5rem;cursor:pointer;display:flex;justify-content:space-between;padding:2rem;transition:all .3s ease}.tarif-page .extend-section .extend-content .extend-options .extend-option:hover{border-color:#3b82f6;box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.tarif-page .extend-section .extend-content .extend-options .extend-option.selected{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 4px 15px #3b82f633}.tarif-page .extend-section .extend-content .extend-options .extend-option.selected .option-check svg{color:#3b82f6}.tarif-page .extend-section .extend-content .extend-options .extend-option .option-header{align-items:center;display:flex;gap:1rem}.tarif-page .extend-section .extend-content .extend-options .extend-option .option-header .option-icon{align-items:center;background:var(--background);border:1px solid var(--card-border);border-radius:1rem;display:flex;height:3rem;justify-content:center;width:3rem}.tarif-page .extend-section .extend-content .extend-options .extend-option .option-header .option-icon svg{color:#3b82f6;height:24px;width:24px}.tarif-page .extend-section .extend-content .extend-options .extend-option .option-header .option-details .option-label{color:var(--foreground);display:block;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.tarif-page .extend-section .extend-content .extend-options .extend-option .option-header .option-details .option-price{color:#3b82f6;display:block;font-size:.95rem;font-weight:600}.tarif-page .extend-section .extend-content .extend-options .extend-option .option-check{align-items:center;display:flex;height:2rem;justify-content:center;width:2rem}.tarif-page .extend-section .extend-content .extend-options .extend-option .option-check svg{color:var(--muted);height:20px;width:20px}.tarif-page .extend-section .extend-content .extend-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:1.5rem;box-shadow:0 8px 25px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:1rem;justify-content:center;padding:1.5rem 3rem;transition:all .3s ease;width:100%}.tarif-page .extend-section .extend-content .extend-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 12px 35px #3b82f666;transform:translateY(-3px)}.tarif-page .extend-section .extend-content .extend-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.tarif-page .extend-section .extend-content .extend-button .spinning{animation:spin 1s linear infinite}.tarif-page .extend-section .extend-content .extend-button svg{height:24px;width:24px}.tarif-page .upgrade-section{margin-bottom:4rem}.tarif-page .upgrade-section .plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.tarif-page .upgrade-section .plans-grid .plan-card{background:var(--card-background);border:2px solid var(--card-border);border-radius:2rem;box-shadow:0 8px 25px #00000014;overflow:hidden;padding:3rem;position:relative;transition:all .4s ease}.tarif-page .upgrade-section .plans-grid .plan-card:before{background:linear-gradient(90deg,#0000,currentColor,#0000);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tarif-page .upgrade-section .plans-grid .plan-card:hover{box-shadow:0 16px 40px #00000026;transform:translateY(-8px)}.tarif-page .upgrade-section .plans-grid .plan-card:hover:before{opacity:1}.tarif-page .upgrade-section .plans-grid .plan-card.popular{border-color:#3b82f6;box-shadow:0 12px 30px #3b82f633}.tarif-page .upgrade-section .plans-grid .plan-card.popular:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);opacity:1}.tarif-page .upgrade-section .plans-grid .plan-card.current{background:linear-gradient(135deg,#10b9810d,var(--card-background));border-color:#10b981}.tarif-page .upgrade-section .plans-grid .plan-card.current:before{background:linear-gradient(90deg,#10b981,#059669);opacity:1}.tarif-page .upgrade-section .plans-grid .plan-card .plan-badge{align-items:center;border-radius:2rem;color:#fff;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;letter-spacing:.05em;padding:.75rem 1rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.tarif-page .upgrade-section .plans-grid .plan-card .plan-badge.popular-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f666}.tarif-page .upgrade-section .plans-grid .plan-card .plan-badge.current-badge{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.tarif-page .upgrade-section .plans-grid .plan-card .plan-badge svg{height:16px;width:16px}.tarif-page .upgrade-section .plans-grid .plan-card .plan-header{border-bottom:1px solid var(--card-border);margin-bottom:3rem;padding-bottom:2rem;text-align:center}.tarif-page .upgrade-section .plans-grid .plan-card .plan-header .plan-icon{align-items:center;border-radius:1.5rem;box-shadow:0 8px 25px #00000026;color:#fff;display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.tarif-page .upgrade-section .plans-grid .plan-card .plan-header .plan-icon.basic{background:linear-gradient(135deg,#6b7280,#4b5563)}.tarif-page .upgrade-section .plans-grid .plan-card .plan-header .plan-icon.standard{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.tarif-page .upgrade-section .plans-grid .plan-card .plan-header .plan-icon.premium{background:linear-gradient(135deg,#f59e0b,#d97706)}.tarif-page .upgrade-section .plans-grid .plan-card .plan-header .plan-icon.enterprise{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tarif-page .upgrade-section .plans-grid .plan-card .plan-header .plan-icon svg{height:1.5rem;width:1.5rem}.tarif-page .upgrade-section .plans-grid .plan-card .plan-header h4{color:var(--foreground);font-size:1.75rem;font-weight:800;margin-bottom:1rem}.tarif-page .upgrade-section .plans-grid .plan-card .plan-header .plan-price .amount{color:var(--foreground);display:block;font-size:3rem;font-weight:900;line-height:1;margin-bottom:.5rem}.tarif-page .upgrade-section .plans-grid .plan-card .plan-header .plan-price .period{color:var(--muted);font-size:1rem;font-weight:500}.tarif-page .upgrade-section .plans-grid .plan-card .plan-features{margin-bottom:3rem}.tarif-page .upgrade-section .plans-grid .plan-card .plan-features .feature-item{align-items:center;border-bottom:1px solid var(--card-border);color:var(--foreground);display:flex;font-weight:500;gap:1rem;padding:1rem 0}.tarif-page .upgrade-section .plans-grid .plan-card .plan-features .feature-item:last-child{border-bottom:none}.tarif-page .upgrade-section .plans-grid .plan-card .plan-features .feature-item svg{color:#22c55e;flex-shrink:0;height:20px;width:20px}.tarif-page .upgrade-section .plans-grid .plan-card .plan-features .feature-item .feature-text{flex:1 1}.tarif-page .upgrade-section .plans-grid .plan-card .plan-features .feature-item .feature-value{color:var(--primary);font-weight:600}.tarif-page .upgrade-section .plans-grid .plan-card .plan-button{align-items:center;border:2px solid;border-radius:1.5rem;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;letter-spacing:.05em;padding:1.5rem 2rem;text-transform:uppercase;transition:all .3s ease;width:100%}.tarif-page .upgrade-section .plans-grid .plan-card .plan-button.primary{background:var(--primary);border-color:var(--primary);box-shadow:0 8px 25px #3b82f64d}.tarif-page .upgrade-section .plans-grid .plan-card .plan-button.primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 12px 35px #3b82f666;transform:translateY(-2px)}.tarif-page .upgrade-section .plans-grid .plan-card .plan-button.secondary{background:var(--muted-background);border-color:var(--card-border);color:var(--foreground)}.tarif-page .upgrade-section .plans-grid .plan-card .plan-button.secondary:hover:not(:disabled){background:var(--primary);border-color:var(--primary);box-shadow:0 8px 25px #3b82f64d;color:#fff;transform:translateY(-2px)}.tarif-page .upgrade-section .plans-grid .plan-card .plan-button.current{background:#22c55e;border-color:#22c55e;box-shadow:0 8px 25px #22c55e4d;cursor:default}.tarif-page .upgrade-section .plans-grid .plan-card .plan-button.current:hover{transform:none}.tarif-page .upgrade-section .plans-grid .plan-card .plan-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.tarif-page .upgrade-section .plans-grid .plan-card .plan-button .button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.tarif-page .upgrade-section .plans-grid .plan-card .plan-button svg{height:20px;width:20px}.tarif-page .demo-notice{align-items:flex-start;background:#f59e0b1a;border:1px solid #f59e0b;border-radius:1.5rem;box-shadow:0 4px 15px #f59e0b1a;color:#92400e;display:flex;gap:1.5rem;padding:2rem}.tarif-page .demo-notice .notice-icon{flex-shrink:0}.tarif-page .demo-notice .notice-icon svg{color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));height:24px;width:24px}.tarif-page .demo-notice .notice-content h4{color:#78350f;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.tarif-page .demo-notice .notice-content p{line-height:1.6;margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.tarif-page .plans-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tarif-page .current-tariff-card .usage-stats .stats-grid,.tarif-page .extend-content .extend-options{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:1024px){.tarif-page{padding:1.5rem}.tarif-page .tarif-header .header-content{flex-direction:column;gap:1.5rem;padding:1.5rem;text-align:center}.tarif-page .tarif-header .header-content .header-title h1{font-size:2rem}.tarif-page .tarif-header .header-content .header-title .header-icon{height:2rem;width:2rem}.tarif-page .tarif-header .header-content .refresh-button{font-size:.95rem;padding:.8rem 1.2rem}.tarif-page .current-tariff-card{padding:2rem}.tarif-page .current-tariff-card .tariff-header-info .tariff-main-info{flex-direction:column;gap:1.5rem;text-align:center}.tarif-page .current-tariff-card .tariff-header-info .tariff-main-info .tariff-name-section svg{height:2rem;width:2rem}.tarif-page .current-tariff-card .tariff-header-info .tariff-main-info .tariff-name-section .name-details h3{font-size:1.8rem}.tarif-page .current-tariff-card .tariff-header-info .tariff-main-info .tariff-price-section .price-container{padding:1.2rem 1.5rem}.tarif-page .current-tariff-card .tariff-header-info .tariff-main-info .tariff-price-section .price-container .price-details .price-amount{font-size:1.8rem}.tarif-page .current-tariff-card .tariff-dates{gap:1rem}.tarif-page .current-tariff-card .tariff-dates,.tarif-page .current-tariff-card .usage-stats .stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tarif-page .extend-content{padding:2rem}.tarif-page .extend-content .extend-options{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tarif-page .extend-content .extend-options .extend-option{padding:1.5rem}.tarif-page .extend-content .extend-options .extend-option .option-header .option-icon{height:2.5rem;width:2.5rem}.tarif-page .extend-content .extend-button{font-size:1.1rem;padding:1.2rem 2rem}.tarif-page .plans-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tarif-page .plans-grid .plan-card{padding:2rem}.tarif-page .plans-grid .plan-card .plan-header .plan-icon{height:3.5rem;width:3.5rem}.tarif-page .plans-grid .plan-card .plan-header h4{font-size:1.5rem}.tarif-page .plans-grid .plan-card .plan-header .plan-price .amount{font-size:2.5rem}}@media(max-width:768px){.tarif-page{padding:1rem}.tarif-page .tarif-header .header-content{border-radius:1rem;padding:1.2rem}.tarif-page .tarif-header .header-content .header-title{flex-direction:column;gap:.75rem}.tarif-page .tarif-header .header-content .header-title h1{font-size:1.8rem}.tarif-page .tarif-header .header-content .header-title .header-icon{height:1.8rem;width:1.8rem}.tarif-page .tarif-header .header-content .refresh-button{border-radius:.8rem;font-size:.9rem;padding:.7rem 1rem}.tarif-page .section-header{margin-bottom:1.5rem}.tarif-page .section-header h2{flex-direction:column;font-size:1.5rem;gap:.5rem;text-align:center}.tarif-page .section-header h2 svg{height:24px;width:24px}.tarif-page .current-tariff-card{border-radius:1.5rem;padding:1.5rem}.tarif-page .current-tariff-card .tariff-header-info .tariff-main-info .tariff-name-section{flex-direction:column;gap:1rem}.tarif-page .current-tariff-card .tariff-header-info .tariff-main-info .tariff-name-section svg{height:1.8rem;width:1.8rem}.tarif-page .current-tariff-card .tariff-header-info .tariff-main-info .tariff-name-section .name-details h3{font-size:1.6rem}.tarif-page .current-tariff-card .tariff-dates{gap:.8rem;grid-template-columns:1fr}.tarif-page .current-tariff-card .tariff-dates .date-card{padding:1.2rem}.tarif-page .current-tariff-card .usage-stats .stats-header h4{font-size:1.1rem}.tarif-page .current-tariff-card .usage-stats .stats-grid{gap:1rem;grid-template-columns:1fr}.tarif-page .current-tariff-card .usage-stats .stats-grid .usage-item{padding:1.2rem}.tarif-page .current-tariff-card .usage-stats .stats-grid .usage-item .usage-header .usage-icon{height:2rem;width:2rem}.tarif-page .extend-content{border-radius:1.5rem;padding:1.5rem}.tarif-page .extend-content .extend-options{gap:1rem;grid-template-columns:1fr}.tarif-page .extend-content .extend-options .extend-option{border-radius:1rem;padding:1.2rem}.tarif-page .extend-content .extend-options .extend-option .option-header .option-icon{height:2.2rem;width:2.2rem}.tarif-page .extend-content .extend-options .extend-option .option-header .option-icon svg{height:18px;width:18px}.tarif-page .extend-content .extend-options .extend-option .option-details .option-label{font-size:1rem}.tarif-page .extend-content .extend-options .extend-option .option-details .option-price{font-size:.9rem}.tarif-page .extend-content .extend-button{border-radius:1rem;font-size:1rem;padding:1rem 1.5rem}.tarif-page .plans-grid{gap:1.5rem;grid-template-columns:1fr}.tarif-page .plans-grid .plan-card{border-radius:1.5rem;padding:1.5rem}.tarif-page .plans-grid .plan-card .plan-badge{font-size:.8rem;padding:.6rem .8rem;right:.8rem;top:.8rem}.tarif-page .plans-grid .plan-card .plan-header{margin-bottom:2rem}.tarif-page .plans-grid .plan-card .plan-header .plan-icon{height:3rem;margin-bottom:1rem;width:3rem}.tarif-page .plans-grid .plan-card .plan-header .plan-icon svg{height:1.2rem;width:1.2rem}.tarif-page .plans-grid .plan-card .plan-header h4{font-size:1.4rem}.tarif-page .plans-grid .plan-card .plan-header .plan-price .amount{font-size:2.2rem}.tarif-page .plans-grid .plan-card .plan-features{margin-bottom:2rem}.tarif-page .plans-grid .plan-card .plan-features .feature-item{font-size:.9rem;padding:.8rem 0}.tarif-page .plans-grid .plan-card .plan-features .feature-item svg{height:18px;width:18px}.tarif-page .plans-grid .plan-card .plan-button{border-radius:1rem;font-size:1rem;padding:1.2rem 1.5rem}.tarif-page .demo-notice{border-radius:1rem;padding:1.5rem}.tarif-page .demo-notice .notice-icon svg{height:20px;width:20px}.tarif-page .demo-notice .notice-content h4{font-size:1rem}}@media(max-width:480px){.tarif-page{padding:.8rem}.tarif-page .tarif-header .header-content{border-radius:.8rem;padding:1rem}.tarif-page .tarif-header .header-content .header-title h1{font-size:1.5rem}.tarif-page .tarif-header .header-content .header-title .header-icon{height:1.5rem;width:1.5rem}.tarif-page .tarif-header .header-content .refresh-button{border-radius:.6rem;font-size:.85rem;padding:.6rem .8rem}.tarif-page .tarif-header .header-content .refresh-button svg{height:16px;width:16px}.tarif-page .section-header h2{font-size:1.3rem}.tarif-page .section-header h2 svg{height:20px;width:20px}.tarif-page .current-tariff-card{border-radius:1.2rem;padding:1.2rem}.tarif-page .current-tariff-card .tariff-header-info .tariff-main-info .tariff-name-section svg{height:1.5rem;width:1.5rem}.tarif-page .current-tariff-card .tariff-header-info .tariff-main-info .tariff-name-section .name-details h3{font-size:1.4rem}.tarif-page .current-tariff-card .tariff-header-info .tariff-main-info .tariff-price-section .price-container{padding:1rem 1.2rem}.tarif-page .current-tariff-card .tariff-header-info .tariff-main-info .tariff-price-section .price-container svg{height:20px;width:20px}.tarif-page .current-tariff-card .tariff-header-info .tariff-main-info .tariff-price-section .price-container .price-details .price-amount{font-size:1.6rem}.tarif-page .current-tariff-card .tariff-dates .date-card{padding:1rem}.tarif-page .current-tariff-card .tariff-dates .date-card svg{height:20px;width:20px}.tarif-page .current-tariff-card .tariff-dates .date-card .date-info .date-label{font-size:.8rem}.tarif-page .current-tariff-card .tariff-dates .date-card .date-info .date-value,.tarif-page .current-tariff-card .usage-stats .stats-header h4{font-size:1rem}.tarif-page .current-tariff-card .usage-stats .stats-header h4 svg{height:20px;width:20px}.tarif-page .current-tariff-card .usage-stats .stats-grid .usage-item{padding:1rem}.tarif-page .current-tariff-card .usage-stats .stats-grid .usage-item .usage-header .usage-icon{height:1.8rem;width:1.8rem}.tarif-page .current-tariff-card .usage-stats .stats-grid .usage-item .usage-header .usage-icon svg{height:16px;width:16px}.tarif-page .current-tariff-card .usage-stats .stats-grid .usage-item .usage-info .usage-label{font-size:.85rem}.tarif-page .current-tariff-card .usage-stats .stats-grid .usage-item .usage-info .usage-count{font-size:1rem}.tarif-page .extend-content{border-radius:1.2rem;padding:1.2rem}.tarif-page .extend-content .extend-options .extend-option{border-radius:.8rem;padding:1rem}.tarif-page .extend-content .extend-options .extend-option .option-header .option-icon{height:2rem;width:2rem}.tarif-page .extend-content .extend-options .extend-option .option-header .option-icon svg{height:16px;width:16px}.tarif-page .extend-content .extend-options .extend-option .option-details .option-label{font-size:.95rem}.tarif-page .extend-content .extend-options .extend-option .option-details .option-price{font-size:.85rem}.tarif-page .extend-content .extend-options .extend-option .option-check{height:1.5rem;width:1.5rem}.tarif-page .extend-content .extend-options .extend-option .option-check svg{height:16px;width:16px}.tarif-page .extend-content .extend-button{border-radius:.8rem;font-size:.95rem;padding:.9rem 1.2rem}.tarif-page .extend-content .extend-button svg{height:20px;width:20px}.tarif-page .plans-grid .plan-card{border-radius:1.2rem;padding:1.2rem}.tarif-page .plans-grid .plan-card .plan-badge{font-size:.75rem;padding:.5rem .7rem;right:.6rem;top:.6rem}.tarif-page .plans-grid .plan-card .plan-badge svg{height:14px;width:14px}.tarif-page .plans-grid .plan-card .plan-header .plan-icon{height:2.5rem;width:2.5rem}.tarif-page .plans-grid .plan-card .plan-header .plan-icon svg{height:1rem;width:1rem}.tarif-page .plans-grid .plan-card .plan-header h4{font-size:1.2rem}.tarif-page .plans-grid .plan-card .plan-header .plan-price .amount{font-size:2rem}.tarif-page .plans-grid .plan-card .plan-features .feature-item{font-size:.85rem;padding:.7rem 0}.tarif-page .plans-grid .plan-card .plan-features .feature-item svg{height:16px;width:16px}.tarif-page .plans-grid .plan-card .plan-button{border-radius:.8rem;font-size:.9rem;padding:1rem 1.2rem}.tarif-page .plans-grid .plan-card .plan-button svg{height:18px;width:18px}.tarif-page .demo-notice{border-radius:.8rem;padding:1.2rem}.tarif-page .demo-notice .notice-icon svg{height:18px;width:18px}.tarif-page .demo-notice .notice-content h4{font-size:.95rem}.tarif-page .demo-notice .notice-content p{font-size:.9rem}.tarif-page .error-container,.tarif-page .loading-container{border-radius:1.2rem;padding:2rem 1rem}.tarif-page .error-container .loading-spinner,.tarif-page .loading-container .loading-spinner{height:3rem;width:3rem}.tarif-page .error-container h3,.tarif-page .loading-container h3{font-size:1.3rem}.tarif-page .error-container p,.tarif-page .loading-container p{font-size:1rem}.tarif-page .error-container .retry-button,.tarif-page .loading-container .retry-button{border-radius:.8rem;padding:.8rem 1.5rem}.tarif-page .error-container .retry-button svg,.tarif-page .loading-container .retry-button svg{height:18px;width:18px}.tarif-page .message{border-radius:.8rem;padding:1.2rem}.tarif-page .message svg{height:20px;width:20px}.tarif-page .message .message-content h4{font-size:1rem}.tarif-page .message .message-content p{font-size:.9rem}}.video-page{background:var(--background);color:var(--foreground);min-height:100vh;padding:2rem}.video-page .video-header{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.video-page .video-header .header-content h1{align-items:center;color:var(--foreground);display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.video-page .video-header .header-content h1 .page-icon{color:var(--primary)}.video-page .video-header .header-content .video-stats{align-items:center;display:flex;gap:1rem}.video-page .video-header .header-content .video-stats .total-videos{color:var(--muted);font-size:.9rem}.video-page .video-header .header-content .video-stats .user-role{align-items:center;background:var(--muted-background);border:1px solid var(--card-border);border-radius:20px;color:var(--muted);display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.video-page .video-header .header-content .video-stats .user-role svg{height:16px;width:16px}.video-page .video-header .refresh-button{align-items:center;background:var(--muted-background);border:1px solid var(--card-border);border-radius:12px;color:var(--foreground);cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .3s ease;width:45px}.video-page .video-header .refresh-button:hover:not(:disabled){background:var(--primary);box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:scale(1.05)}.video-page .video-header .refresh-button:disabled{cursor:not-allowed;opacity:.6}.video-page .video-header .refresh-button .spinning{animation:spin 1s linear infinite}.video-page .video-search{margin-bottom:2rem}.video-page .video-search .search-container{margin:0 auto;max-width:600px;position:relative}.video-page .video-search .search-container .search-icon{color:var(--muted);left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.video-page .video-search .search-container input{background:var(--card-background);border:2px solid var(--card-border);border-radius:12px;box-shadow:0 2px 8px #0000000d;color:var(--foreground);font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.video-page .video-search .search-container input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.video-page .video-search .search-container input::placeholder{color:var(--muted)}.video-page .video-search .search-container .search-loading{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.video-page .video-search .search-container .search-loading .search-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--card-border);border:2px solid var(--card-border);border-radius:50%;border-top-color:var(--primary);height:20px;width:20px}.video-page .loading-container{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.video-page .loading-container .loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--card-border);border:4px solid var(--card-border);border-radius:50%;border-top-color:var(--primary);height:50px;margin-bottom:1.5rem;width:50px}.video-page .loading-container p{color:var(--muted);font-size:1.1rem}.video-page .error-container{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.video-page .error-container .error-message{align-items:center;display:flex;flex-direction:column;gap:1rem}.video-page .error-container .error-message svg{color:#ef4444;opacity:.7}.video-page .error-container .error-message h3{color:var(--foreground);font-size:1.5rem;font-weight:600;margin:0}.video-page .error-container .error-message p{color:var(--muted);font-size:1rem;margin:0 0 1.5rem}.video-page .error-container .error-message .retry-button{align-items:center;background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.video-page .error-container .error-message .retry-button:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.video-page .empty-container{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.video-page .empty-container .empty-message{align-items:center;display:flex;flex-direction:column;gap:1rem}.video-page .empty-container .empty-message svg{color:var(--muted);opacity:.5}.video-page .empty-container .empty-message h3{color:var(--foreground);font-size:1.5rem;font-weight:600;margin:0}.video-page .empty-container .empty-message p{color:var(--muted);font-size:1rem;margin:0 0 1.5rem}.video-page .empty-container .empty-message .clear-search-button{background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.video-page .empty-container .empty-message .clear-search-button:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.video-page .video-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.video-page .video-grid .video-card{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 15px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.video-page .video-grid .video-card:hover{border-color:var(--primary);box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.video-page .video-grid .video-card .video-thumbnail{background:var(--muted-background);height:200px;overflow:hidden;position:relative}.video-page .video-grid .video-card .video-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.video-page .video-grid .video-card .video-thumbnail .play-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:60px}.video-page .video-grid .video-card .video-thumbnail .play-button:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.video-page .video-grid .video-card .video-thumbnail .video-overlay{background:#000000b3;border-radius:6px;color:#fff;opacity:0;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:opacity .3s ease}.video-page .video-grid .video-card .video-thumbnail:hover img{transform:scale(1.05)}.video-page .video-grid .video-card .video-thumbnail:hover .video-overlay{opacity:1}.video-page .video-grid .video-card .video-info{padding:1.5rem}.video-page .video-grid .video-card .video-info .video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--foreground);display:-webkit-box;font-size:1.2rem;font-weight:600;line-height:1.4;margin:0 0 1rem;overflow:hidden}.video-page .video-grid .video-card .video-info .video-meta{align-items:center;color:var(--muted);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:1rem}.video-page .video-grid .video-card .video-info .video-meta .video-date,.video-page .video-grid .video-card .video-info .video-meta .video-role{align-items:center;display:flex;gap:.5rem}.video-page .video-grid .video-card .video-info .video-meta .video-date svg,.video-page .video-grid .video-card .video-info .video-meta .video-role svg{height:14px;width:14px}.video-page .video-grid .video-card .video-info .video-actions{align-items:center;display:flex;justify-content:space-between}.video-page .video-grid .video-card .video-info .video-actions .watch-button{align-items:center;background:var(--primary);border:none;border-radius:8px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.video-page .video-grid .video-card .video-info .video-actions .watch-button:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.video-page .video-grid .video-card .video-info .video-actions .watch-button:disabled{background:var(--muted-background);box-shadow:none;color:var(--muted);cursor:not-allowed;opacity:.6}.video-page .video-grid .video-card .video-info .video-actions .external-link{align-items:center;background:var(--muted-background);border:1px solid var(--card-border);border-radius:8px;color:var(--muted);display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.video-page .video-grid .video-card .video-info .video-actions .external-link:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.05)}.video-page .pagination-container{display:flex;justify-content:center;margin-top:3rem}.video-page .video-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.video-page .video-modal{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.video-page .video-modal .video-modal-header{align-items:center;background:var(--muted-background);border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:1.5rem 2rem}.video-page .video-modal .video-modal-header h3{color:var(--foreground);flex:1 1;font-size:1.3rem;font-weight:600;margin:0 1rem 0 0}.video-page .video-modal .video-modal-header .close-button{align-items:center;background:var(--background);border:1px solid var(--card-border);border-radius:8px;color:var(--muted);cursor:pointer;display:flex;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.video-page .video-modal .video-modal-header .close-button:hover{background:#ef4444;border-color:#ef4444;color:#fff}.video-page .video-modal .video-modal-content{background:#000;height:500px;position:relative;width:100%}.video-page .video-modal .video-modal-content iframe{border:none;height:100%;width:100%}.video-page .video-modal .video-modal-content .video-error{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.video-page .video-modal .video-modal-content .video-error svg{opacity:.5}.video-page .video-modal .video-modal-content .video-error p{font-size:1.1rem}.video-page .video-modal .video-modal-info{background:var(--background);padding:1.5rem 2rem}.video-page .video-modal .video-modal-info .video-meta{align-items:center;color:var(--muted);display:flex;font-size:.9rem;justify-content:space-between}.video-page .video-modal .video-modal-info .video-meta .video-date,.video-page .video-modal .video-modal-info .video-meta .video-role{align-items:center;display:flex;gap:.5rem}.video-page .video-modal .video-modal-info .video-meta .video-date svg,.video-page .video-modal .video-modal-info .video-meta .video-role svg{height:16px;width:16px}@media(max-width:1200px){.video-page .video-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:1024px){.video-page{padding:1.5rem}.video-page .video-header{flex-direction:column;gap:1rem;padding:1.2rem 1.5rem;text-align:center}.video-page .video-header .header-content h1{flex-direction:column;font-size:1.8rem;gap:.5rem}.video-page .video-header .header-content .video-stats{flex-wrap:wrap;justify-content:center}.video-page .video-search .search-container{max-width:100%}.video-page .video-search .search-container input{font-size:.9rem;padding:.8rem .8rem .8rem 2.5rem}.video-page .video-search .search-container .search-icon{left:.8rem}.video-page .video-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.video-page .video-modal{max-width:95%}.video-page .video-modal .video-modal-content{height:400px}}@media(max-width:768px){.video-page{padding:1rem}.video-page .video-header{border-radius:12px;padding:1rem}.video-page .video-header .header-content h1{font-size:1.6rem}.video-page .video-header .header-content .video-stats{flex-direction:column;gap:.5rem}.video-page .video-header .refresh-button{height:40px;width:40px}.video-page .video-search .search-container input{border-radius:10px;font-size:.85rem;padding:.7rem .7rem .7rem 2.2rem}.video-page .video-search .search-container .search-icon{left:.7rem}.video-page .video-grid{gap:1rem;grid-template-columns:1fr}.video-page .video-grid .video-card{border-radius:12px}.video-page .video-grid .video-card .video-thumbnail{height:180px}.video-page .video-grid .video-card .video-thumbnail .play-button{height:50px;width:50px}.video-page .video-grid .video-card .video-info{padding:1.2rem}.video-page .video-grid .video-card .video-info .video-title{font-size:1.1rem}.video-page .video-grid .video-card .video-info .video-actions{flex-direction:column;gap:1rem}.video-page .video-grid .video-card .video-info .video-actions .watch-button{justify-content:center;width:100%}.video-page .video-grid .video-card .video-info .video-actions .external-link{align-self:center}.video-page .video-modal .video-modal-header{padding:1rem 1.5rem}.video-page .video-modal .video-modal-header h3{font-size:1.1rem}.video-page .video-modal .video-modal-content{height:300px}.video-page .video-modal .video-modal-info{padding:1rem 1.5rem}.video-page .video-modal .video-modal-info .video-meta{flex-direction:column;gap:.5rem;text-align:center}}@media(max-width:480px){.video-page,.video-page .video-header{padding:.75rem}.video-page .video-header .header-content h1{font-size:1.4rem}.video-page .video-header .header-content .video-stats .total-videos,.video-page .video-header .header-content .video-stats .user-role{font-size:.8rem}.video-page .video-header .refresh-button{height:35px;width:35px}.video-page .video-search .search-container input{border-radius:8px;font-size:.8rem;padding:.6rem .6rem .6rem 2rem}.video-page .video-search .search-container .search-icon{height:16px;left:.6rem;width:16px}.video-page .video-grid{gap:.75rem}.video-page .video-grid .video-card .video-thumbnail{height:150px}.video-page .video-grid .video-card .video-thumbnail .play-button{height:45px;width:45px}.video-page .video-grid .video-card .video-info{padding:1rem}.video-page .video-grid .video-card .video-info .video-title{font-size:1rem}.video-page .video-grid .video-card .video-info .video-meta{font-size:.8rem}.video-page .video-grid .video-card .video-info .video-actions .watch-button{font-size:.85rem;padding:.5rem 1rem}.video-page .video-grid .video-card .video-info .video-actions .external-link{height:35px;width:35px}.video-page .video-modal .video-modal-header{padding:.75rem 1rem}.video-page .video-modal .video-modal-header h3{font-size:1rem}.video-page .video-modal .video-modal-header .close-button{height:35px;width:35px}.video-page .video-modal .video-modal-content{height:250px}.video-page .video-modal .video-modal-info{padding:.75rem 1rem}.video-page .video-modal .video-modal-info .video-meta{font-size:.8rem}}.xodimlar-page{background:var(--background);color:var(--foreground);min-height:100vh;padding:2rem}.xodimlar-page .page-header{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.xodimlar-page .page-header .header-title h1{color:var(--foreground);font-size:2rem;font-weight:700;margin:0 0 .5rem}.xodimlar-page .page-header .header-title .employees-count{color:var(--muted);font-size:.9rem}.xodimlar-page .page-header .add-btn{align-items:center;background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.xodimlar-page .page-header .add-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.xodimlar-page .loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.xodimlar-page .loading .loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--card-border);border:4px solid var(--card-border);border-radius:50%;border-top-color:var(--primary);height:50px;margin-bottom:1.5rem;width:50px}.xodimlar-page .loading span{color:var(--muted);font-size:1.1rem}.xodimlar-page .empty-state{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.xodimlar-page .empty-state .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.5}.xodimlar-page .empty-state h3{color:var(--foreground);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.xodimlar-page .empty-state p{color:var(--muted);font-size:1rem;margin:0 0 2rem}.xodimlar-page .empty-state .add-btn{align-items:center;background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.xodimlar-page .empty-state .add-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.xodimlar-page .employees-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.xodimlar-page .employees-grid .employee-card{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 15px #00000014;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.xodimlar-page .employees-grid .employee-card:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.xodimlar-page .employees-grid .employee-card:hover{border-color:var(--primary);box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.xodimlar-page .employees-grid .employee-card:hover:before{left:100%}.xodimlar-page .employees-grid .employee-card .employee-image{margin-bottom:1.5rem;position:relative;text-align:center}.xodimlar-page .employees-grid .employee-card .employee-image img{border:4px solid var(--primary);border-radius:50%;box-shadow:0 4px 12px #3b82f64d;height:90px;object-fit:cover;width:90px}.xodimlar-page .employees-grid .employee-card .employee-image .employee-role{background:var(--primary);border-radius:20px;bottom:-10px;box-shadow:0 2px 8px #3b82f64d;color:#fff;font-size:.8rem;font-weight:500;left:50%;padding:.25rem .75rem;position:absolute;transform:translateX(-50%)}.xodimlar-page .employees-grid .employee-card .employee-info{margin-bottom:1.5rem;text-align:center}.xodimlar-page .employees-grid .employee-card .employee-info h3{color:var(--foreground);font-size:1.3rem;font-weight:600;margin:0 0 1rem}.xodimlar-page .employees-grid .employee-card .employee-info .employee-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.xodimlar-page .employees-grid .employee-card .employee-info .employee-details .detail-item{align-items:center;color:var(--muted);display:flex;font-size:.9rem;gap:.5rem;justify-content:center}.xodimlar-page .employees-grid .employee-card .employee-info .employee-details .detail-item svg{height:16px;width:16px}.xodimlar-page .employees-grid .employee-card .employee-info .employee-kpi,.xodimlar-page .employees-grid .employee-card .employee-info .employee-salary{background:var(--muted-background);border:1px solid var(--card-border);border-radius:8px;color:var(--foreground);font-size:.9rem;margin-bottom:.5rem;padding:.5rem 1rem}.xodimlar-page .employees-grid .employee-card .employee-info .employee-stats{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.xodimlar-page .employees-grid .employee-card .employee-info .employee-stats .stat-item{align-items:center;background:var(--background);border:1px solid var(--card-border);border-radius:6px;display:flex;font-size:.85rem;justify-content:space-between;padding:.5rem 1rem}.xodimlar-page .employees-grid .employee-card .employee-info .employee-stats .stat-item span:first-child{color:var(--muted)}.xodimlar-page .employees-grid .employee-card .employee-info .employee-stats .stat-item span:last-child{color:var(--foreground);font-weight:600}.xodimlar-page .employees-grid .employee-card .employee-actions{border-top:1px solid var(--card-border);display:flex;gap:.5rem;justify-content:center;padding-top:1rem}.xodimlar-page .employees-grid .employee-card .employee-actions .delete-btn,.xodimlar-page .employees-grid .employee-card .employee-actions .edit-btn,.xodimlar-page .employees-grid .employee-card .employee-actions .view-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.xodimlar-page .employees-grid .employee-card .employee-actions .view-btn{background:var(--background);border:1px solid var(--card-border);color:var(--foreground)}.xodimlar-page .employees-grid .employee-card .employee-actions .view-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.xodimlar-page .employees-grid .employee-card .employee-actions .edit-btn{background:var(--background);border:1px solid var(--card-border);color:var(--foreground)}.xodimlar-page .employees-grid .employee-card .employee-actions .edit-btn:hover{background:#f59e0b;color:#fff;transform:scale(1.1)}.xodimlar-page .employees-grid .employee-card .employee-actions .delete-btn{background:var(--background);border:1px solid var(--card-border);color:var(--foreground)}.xodimlar-page .employees-grid .employee-card .employee-actions .delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.xodimlar-page .pagination-wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.xodimlar-page .pagination-wrapper .pagination-info{color:var(--muted);font-size:.9rem}.xodimlar-page .xodimlar-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.xodimlar-page .xodimlar-modal-content{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:1000px;overflow-y:auto;width:100%}.xodimlar-page .xodimlar-modal-content.xodimlar-detail-modal{max-width:900px}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:2rem}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-header h2{color:var(--foreground);font-size:1.5rem;font-weight:700;margin:0}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-header .xodimlar-close-btn{align-items:center;background:var(--muted-background);border:1px solid var(--card-border);border-radius:8px;color:var(--muted);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-header .xodimlar-close-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body{padding:2rem}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group{display:flex;flex-direction:column}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group.xodimlar-full-width,.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group.xodimlar-image-upload{grid-column:span 2}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group label{color:var(--foreground);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group input,.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group select{background:var(--background);border:2px solid var(--card-border);border-radius:8px;color:var(--foreground);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group input:focus,.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group input::placeholder,.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group select::placeholder{color:var(--muted)}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group .error-message{color:#ef4444;font-size:.85rem;font-weight:500;margin-top:.25rem}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group .xodimlar-time-range{align-items:center;display:flex;gap:.5rem}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group .xodimlar-time-range input{flex:1 1}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group .xodimlar-time-range span{color:var(--muted);font-size:.9rem}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-image-upload .xodimlar-image-upload-area .xodimlar-image-preview{border:2px solid var(--card-border);border-radius:8px;height:200px;overflow:hidden;position:relative;width:200px}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-image-upload .xodimlar-image-upload-area .xodimlar-image-preview img{height:100%;object-fit:cover;width:100%}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-image-upload .xodimlar-image-upload-area .xodimlar-image-preview .xodimlar-remove-image{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:30px}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-image-upload .xodimlar-image-upload-area .xodimlar-upload-placeholder{align-items:center;background:var(--background);border:2px dashed var(--card-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem;position:relative;transition:all .3s ease}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-image-upload .xodimlar-image-upload-area .xodimlar-upload-placeholder:hover{background:#3b82f60d;border-color:var(--primary)}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-image-upload .xodimlar-image-upload-area .xodimlar-upload-placeholder input{cursor:pointer;inset:0;opacity:0;position:absolute}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-image-upload .xodimlar-image-upload-area .xodimlar-upload-placeholder span{color:var(--muted);font-weight:500}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-detail-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:250px 1fr}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-detail-content .xodimlar-image-large{position:relative;text-align:center}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-detail-content .xodimlar-image-large img{border:4px solid var(--primary);border-radius:50%;box-shadow:0 8px 20px #3b82f64d;height:200px;object-fit:cover;width:200px}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-detail-content .xodimlar-image-large .xodimlar-role-badge{background:var(--primary);border-radius:20px;bottom:10px;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:.9rem;font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;transform:translateX(-50%)}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-detail-content .xodimlar-details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-detail-content .xodimlar-details-grid .xodimlar-detail-section h3{border-bottom:2px solid var(--primary);color:var(--foreground);font-size:1.2rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-detail-content .xodimlar-details-grid .xodimlar-detail-section .xodimlar-detail-item{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:.75rem 0}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-detail-content .xodimlar-details-grid .xodimlar-detail-section .xodimlar-detail-item:last-child{border-bottom:none}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-detail-content .xodimlar-details-grid .xodimlar-detail-section .xodimlar-detail-item span:first-child{color:var(--muted);font-weight:500}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-detail-content .xodimlar-details-grid .xodimlar-detail-section .xodimlar-detail-item span:last-child{color:var(--foreground);font-weight:600}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-footer{border-top:1px solid var(--card-border);display:flex;gap:1rem;justify-content:flex-end;padding:2rem}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-footer .xodimlar-cancel-btn,.xodimlar-page .xodimlar-modal-content .xodimlar-modal-footer .xodimlar-save-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-footer .xodimlar-cancel-btn{background:var(--muted-background);border:1px solid var(--card-border);color:var(--foreground)}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-footer .xodimlar-cancel-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-footer .xodimlar-save-btn{background:var(--primary);box-shadow:0 4px 12px #3b82f64d;color:#fff}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-footer .xodimlar-save-btn:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}@media(max-width:1200px){.xodimlar-page .employees-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:1024px){.xodimlar-page{padding:1.5rem}.xodimlar-page .page-header{flex-direction:column;gap:1rem;padding:1.2rem 1.5rem;text-align:center}.xodimlar-page .employees-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid{grid-template-columns:1fr}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group.xodimlar-full-width,.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-form-grid .xodimlar-form-group.xodimlar-image-upload{grid-column:span 1}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-detail-content{gap:1.5rem;grid-template-columns:1fr}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body .xodimlar-detail-content .xodimlar-details-grid{grid-template-columns:1fr}}@media(max-width:768px){.xodimlar-page{padding:1rem}.xodimlar-page .page-header{border-radius:12px;padding:1rem}.xodimlar-page .page-header .header-title h1{font-size:1.6rem}.xodimlar-page .page-header .add-btn{justify-content:center;width:100%}.xodimlar-page .employees-grid{gap:1rem;grid-template-columns:1fr}.xodimlar-page .employees-grid .employee-card{border-radius:12px;padding:1.5rem}.xodimlar-page .employees-grid .employee-card .employee-image img{height:80px;width:80px}.xodimlar-page .employees-grid .employee-card .employee-info h3{font-size:1.2rem}.xodimlar-page .employees-grid .employee-card .employee-actions .delete-btn,.xodimlar-page .employees-grid .employee-card .employee-actions .edit-btn,.xodimlar-page .employees-grid .employee-card .employee-actions .view-btn{height:35px;width:35px}.xodimlar-page .xodimlar-modal-content{margin:1rem;max-width:calc(100% - 2rem)}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body,.xodimlar-page .xodimlar-modal-content .xodimlar-modal-footer,.xodimlar-page .xodimlar-modal-content .xodimlar-modal-header{padding:1.5rem}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-footer{flex-direction:column}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-footer .xodimlar-cancel-btn,.xodimlar-page .xodimlar-modal-content .xodimlar-modal-footer .xodimlar-save-btn{width:100%}}@media(max-width:480px){.xodimlar-page,.xodimlar-page .page-header{padding:.75rem}.xodimlar-page .page-header .header-title h1{font-size:1.4rem}.xodimlar-page .page-header .add-btn{font-size:.85rem;padding:.6rem 1.2rem}.xodimlar-page .employees-grid .employee-card{padding:1.2rem}.xodimlar-page .employees-grid .employee-card .employee-image img{height:70px;width:70px}.xodimlar-page .employees-grid .employee-card .employee-info h3{font-size:1.1rem}.xodimlar-page .employees-grid .employee-card .employee-actions .delete-btn,.xodimlar-page .employees-grid .employee-card .employee-actions .edit-btn,.xodimlar-page .employees-grid .employee-card .employee-actions .view-btn{height:30px;width:30px}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-body,.xodimlar-page .xodimlar-modal-content .xodimlar-modal-footer,.xodimlar-page .xodimlar-modal-content .xodimlar-modal-header{padding:1rem}.xodimlar-page .xodimlar-modal-content .xodimlar-modal-header h2{font-size:1.3rem}}.checkout-page{background:var(--background);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.checkout-page .checkout-container{background:var(--card-background);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;overflow:hidden;padding:0}.checkout-page .checkout-container .checkout-header{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);color:#fff;display:flex;gap:15px;padding:20px}.checkout-page .checkout-container .checkout-header .back-button{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s}.checkout-page .checkout-container .checkout-header .back-button:hover{background:#ffffff4d}.checkout-page .checkout-container .checkout-header h1{color:#fff;font-size:24px;font-weight:600;margin:0}.checkout-page .checkout-container .checkout-content{margin:0 auto;max-width:600px;padding:30px}.checkout-page .checkout-container .checkout-content .order-summary{margin-bottom:30px}.checkout-page .checkout-container .checkout-content .order-summary h3{color:var(--foreground);font-size:18px;font-weight:600;margin-bottom:20px}.checkout-page .checkout-container .checkout-content .order-summary .cart-items{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.checkout-page .checkout-container .checkout-content .order-summary .cart-items .cart-item{align-items:center;background:var(--muted-background);border:1px solid var(--card-border);border-radius:8px;display:flex;gap:15px;padding:15px}.checkout-page .checkout-container .checkout-content .order-summary .cart-items .cart-item img{border-radius:8px;height:60px;object-fit:cover;width:60px}.checkout-page .checkout-container .checkout-content .order-summary .cart-items .cart-item .item-info{flex:1 1}.checkout-page .checkout-container .checkout-content .order-summary .cart-items .cart-item .item-info h4{color:var(--foreground);font-size:16px;font-weight:500;margin-bottom:5px}.checkout-page .checkout-container .checkout-content .order-summary .cart-items .cart-item .item-info .quantity{color:var(--muted);font-size:14px;margin-bottom:5px}.checkout-page .checkout-container .checkout-content .order-summary .cart-items .cart-item .item-info .quantity .gram-info{color:var(--muted);font-size:12px}.checkout-page .checkout-container .checkout-content .order-summary .cart-items .cart-item .item-info .price{color:var(--primary);font-size:16px;font-weight:600;margin:0}.checkout-page .checkout-container .checkout-content .order-summary .summary-details{border-top:2px solid var(--card-border);padding-top:15px}.checkout-page .checkout-container .checkout-content .order-summary .summary-details .summary-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.checkout-page .checkout-container .checkout-content .order-summary .summary-details .summary-row.total{border-top:1px solid var(--card-border);color:var(--foreground);font-size:20px;font-weight:700;margin-top:10px;padding-top:15px}.checkout-page .checkout-container .checkout-content .payment-section h3{color:var(--foreground);font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.checkout-page .checkout-container .checkout-content .payment-section .payment-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.checkout-page .checkout-container .checkout-content .payment-section .payment-buttons .payment-btn{align-items:center;background:var(--card-background);border:2px solid var(--card-border);border-radius:12px;color:var(--foreground);cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:500;gap:10px;padding:25px;transition:all .3s ease}.checkout-page .checkout-container .checkout-content .payment-section .payment-buttons .payment-btn:hover:not(:disabled){border-color:var(--primary);box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.checkout-page .checkout-container .checkout-content .payment-section .payment-buttons .payment-btn:disabled{cursor:not-allowed;opacity:.6}.checkout-page .checkout-container .checkout-content .payment-section .payment-buttons .payment-btn.cash-btn{border-color:#28a745;color:#28a745}.checkout-page .checkout-container .checkout-content .payment-section .payment-buttons .payment-btn.cash-btn:hover:not(:disabled){background:#28a745;color:#fff}.checkout-page .checkout-container .checkout-content .payment-section .payment-buttons .payment-btn.card-btn{border-color:#007bff;color:#007bff}.checkout-page .checkout-container .checkout-content .payment-section .payment-buttons .payment-btn.card-btn:hover:not(:disabled){background:#007bff;color:#fff}.checkout-page .checkout-container .checkout-content .payment-section .processing-message{background:var(--muted-background);border:1px solid var(--card-border);border-radius:8px;color:var(--foreground);font-weight:500;padding:20px;text-align:center}.checkout-page .receipt-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.checkout-page .receipt-modal-overlay .receipt-modal{animation:modalSlideIn .3s ease-out;background:var(--card-background);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:400px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-header{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-bottom:1px solid var(--card-border);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-header h3{font-size:1.2rem;font-weight:600;margin:0}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-header .close-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem;transition:all .2s ease}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-header .close-btn:hover{background:#ffffff4d}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content{padding:1.5rem;text-align:center}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview{background:#fff;border:2px dashed var(--card-border);border-radius:8px;margin-bottom:20px;overflow:hidden}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper{background:#fff;color:#000;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.4;margin:0 auto;max-width:300px;padding:20px}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-header{border-bottom:2px solid #000;margin-bottom:15px;padding-bottom:10px;text-align:center}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-header h4{color:#000;font-size:16px;font-weight:700;margin:0 0 5px}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-header p{color:#000;font-size:11px;margin:2px 0}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-items{margin:15px 0}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-items .receipt-item{border-bottom:1px dashed #ccc;margin-bottom:12px;padding-bottom:8px}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-items .receipt-item .item-header{display:flex;gap:5px;margin-bottom:5px}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-items .receipt-item .item-header .item-number{color:#000;font-weight:700}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-items .receipt-item .item-header .item-name{color:#000;flex:1 1;font-weight:700}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-items .receipt-item .item-details .item-line{color:#000;display:flex;font-size:11px;justify-content:space-between;margin-bottom:2px}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-items .receipt-item .item-details .item-line .gram-info{color:#666;font-size:10px}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-items .receipt-item .item-details .item-line.total-line{border-top:1px solid #ddd;font-weight:700;margin-top:3px;padding-top:3px}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-footer{border-top:2px solid #000;margin-top:15px;padding-top:10px}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-footer .total-section{margin-bottom:15px}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-footer .total-section .grand-total{color:#000;display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin-bottom:5px}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-footer .total-section .payment-method{color:#000;display:flex;font-size:11px;justify-content:space-between}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-footer .receipt-thanks{border-top:1px dashed #000;padding-top:10px;text-align:center}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-footer .receipt-thanks p{color:#000;margin:3px 0}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-footer .receipt-thanks p:first-child{font-size:12px;font-weight:700}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-preview .receipt-paper .receipt-footer .receipt-thanks p.legal-note{color:#666;font-size:9px;margin-top:8px}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .print-question{color:var(--foreground);font-size:16px;font-weight:500;margin:20px 0;text-align:center}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-modal-actions{display:flex;gap:15px;justify-content:center}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-modal-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-modal-actions button.print-receipt-btn{background:#28a745;color:#fff}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-modal-actions button.print-receipt-btn:hover{background:#218838;transform:translateY(-1px)}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-modal-actions button.skip-print-btn{background:#6c757d;color:#fff}.checkout-page .receipt-modal-overlay .receipt-modal .receipt-modal-content .receipt-modal-actions button.skip-print-btn:hover{background:#5a6268;transform:translateY(-1px)}[data-theme=dark] .checkout-page .receipt-preview .receipt-paper{background:#fff!important;color:#000!important}[data-theme=dark] .checkout-page .receipt-preview .receipt-paper *{color:#000!important}[data-theme=dark] .checkout-page .receipt-preview .receipt-paper .gram-info,[data-theme=dark] .checkout-page .receipt-preview .receipt-paper .legal-note{color:#666!important}@media(max-width:768px){.checkout-page{padding:10px}.checkout-page .checkout-container{border-radius:8px}.checkout-page .checkout-container .checkout-content{padding:20px}.checkout-page .checkout-container .payment-buttons{gap:20px;grid-template-columns:1fr}.checkout-page .receipt-modal{margin:10px;max-width:calc(100vw - 20px)}.checkout-page .receipt-modal .receipt-modal-content{padding:15px}.checkout-page .receipt-modal .receipt-modal-content .receipt-modal-actions{flex-direction:column}.checkout-page .receipt-modal .receipt-modal-content .receipt-modal-actions button{justify-content:center;width:100%}}.compare-page{margin:0 auto;max-width:1200px;padding:2rem}.compare-page .compare-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.compare-page .compare-header .back-button{align-items:center;background:none;border:none;color:var(--foreground);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:color .3s ease}.compare-page .compare-header .back-button:hover{color:var(--primary)}.compare-page .compare-header h1{color:var(--foreground);font-size:1.5rem}.compare-page .empty-compare{background:var(--card-background);border:1px solid var(--card-border);border-radius:12px;padding:3rem;text-align:center}.compare-page .empty-compare h2{color:var(--foreground);margin-bottom:1rem}.compare-page .empty-compare p{color:var(--muted);margin-bottom:2rem}.compare-page .empty-compare .back-button{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.compare-page .empty-compare .back-button:hover{background:var(--primary-hover)}.compare-page .compare-table{background:var(--card-background);border:1px solid var(--card-border);border-radius:12px;overflow:hidden}.compare-page .compare-table .compare-row{border-bottom:1px solid var(--card-border);display:grid;grid-template-columns:200px repeat(4,1fr)}.compare-page .compare-table .compare-row:last-child{border-bottom:none}.compare-page .compare-table .compare-row.header{background:var(--background)}.compare-page .compare-table .compare-row .compare-cell{align-items:center;border-right:1px solid var(--card-border);color:var(--foreground);display:flex;justify-content:center;min-height:60px;padding:1rem;text-align:center}.compare-page .compare-table .compare-row .compare-cell:last-child{border-right:none}.compare-page .compare-table .compare-row .compare-cell.feature-cell{background:var(--background);font-weight:500;justify-content:flex-start}.compare-page .compare-table .compare-row .compare-cell.product-cell{flex-direction:column;gap:.5rem;padding:2rem 1rem;position:relative}.compare-page .compare-table .compare-row .compare-cell.product-cell .remove-button{background:none;border:none;color:var(--muted);cursor:pointer;padding:.25rem;position:absolute;right:.5rem;top:.5rem;transition:color .3s ease}.compare-page .compare-table .compare-row .compare-cell.product-cell .remove-button:hover{color:#ef4444}.compare-page .compare-table .compare-row .compare-cell.product-cell img{border-radius:8px;height:100px;margin-bottom:.5rem;object-fit:cover;width:100px}.compare-page .compare-table .compare-row .compare-cell.product-cell h3{font-size:1rem;margin-bottom:.25rem}.compare-page .compare-table .compare-row .compare-cell.product-cell .price{color:var(--primary);font-weight:500}.compare-page .compare-table .compare-row .compare-cell.empty-cell .empty-placeholder{border:2px dashed var(--card-border);border-radius:8px;color:var(--muted);padding:2rem;width:100%}@media(max-width:968px){.compare-page{padding:1rem}.compare-page .compare-table .compare-row{grid-template-columns:150px repeat(4,1fr)}.compare-page .compare-table .compare-row .compare-cell{font-size:.9rem;padding:.75rem}.compare-page .compare-table .compare-row .compare-cell.product-cell img{height:80px;width:80px}}@media(max-width:768px){.compare-page .compare-table{overflow-x:auto}.compare-page .compare-table .compare-row{min-width:800px}}.dashboard-container{animation:fadeIn .6s ease-out;background:var(--background);min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-container .dashboard-layout{margin:0 auto;max-width:1600px;padding:1.5rem}.dashboard-container .dashboard-layout .search-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--card-background),var(--muted-background));border:1px solid var(--card-border);border-radius:20px;box-shadow:0 8px 25px #00000014;margin-bottom:2rem;padding:2rem}.dashboard-container .dashboard-layout .search-section .search-container{align-items:center;display:flex;gap:1.5rem;margin:0 auto;max-width:800px}.dashboard-container .dashboard-layout .search-section .search-container .search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.dashboard-container .dashboard-layout .search-section .search-container .search-input-wrapper .search-icon{color:var(--muted);left:1rem;position:absolute;z-index:1}.dashboard-container .dashboard-layout .search-section .search-container .search-input-wrapper .search-input{background:var(--background);border:2px solid var(--card-border);border-radius:12px;color:var(--foreground);font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.dashboard-container .dashboard-layout .search-section .search-container .search-input-wrapper .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.dashboard-container .dashboard-layout .search-section .search-container .search-input-wrapper .search-input::placeholder{color:var(--muted)}.dashboard-container .dashboard-layout .search-section .search-container .category-select{background:var(--background);border:2px solid var(--card-border);border-radius:12px;color:var(--foreground);cursor:pointer;font-size:1rem;min-width:200px;padding:1rem 1.25rem;transition:all .3s ease}.dashboard-container .dashboard-layout .search-section .search-container .category-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.dashboard-container .dashboard-layout .content-with-ads{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:180px 1fr 180px}.dashboard-container .dashboard-layout .content-with-ads .left-ad,.dashboard-container .dashboard-layout .content-with-ads .right-ad{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--card-background),var(--muted-background));border:1px solid var(--card-border);border-radius:20px;box-shadow:0 8px 25px #00000014;height:600px;overflow:hidden;position:sticky;top:110px}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-header{align-items:center;background:linear-gradient(135deg,var(--card-background),var(--muted-background));border:1px solid var(--card-border);border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--foreground),var(--muted));-webkit-background-clip:text;font-size:1.8rem;font-weight:700;margin:0}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-header .view-controls{display:flex;gap:.75rem}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-header .view-controls .view-btn{align-items:center;background:var(--background);border:2px solid var(--card-border);border-radius:12px;color:var(--foreground);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-header .view-controls .view-btn:hover{background:#3b82f61a;border-color:var(--primary);transform:translateY(-2px)}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-header .view-controls .view-btn.active{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 15px #3b82f64d;color:#fff}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-header .view-controls .view-btn svg{flex-shrink:0}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-grid{grid-gap:2rem;animation:staggerIn .8s ease-out;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));width:100%}@keyframes staggerIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container{background:var(--card-background);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 8px 25px #00000014;margin-bottom:2rem;overflow:hidden}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table{border-collapse:collapse;width:100%}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table thead{background:linear-gradient(135deg,var(--primary),#1d4ed8);color:#fff}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table thead th{border-bottom:2px solid #ffffff1a;font-size:.9rem;font-weight:600;padding:1rem;text-align:left}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table thead th:first-child{width:80px}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table tbody tr{border-bottom:1px solid var(--card-border);transition:all .3s ease}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table tbody tr:hover{background:var(--muted-background);transform:translateY(-1px)}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table tbody tr td{padding:1rem;vertical-align:middle}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table tbody tr td .table-product-image{border:2px solid var(--card-border);border-radius:8px;height:50px;object-fit:cover;width:50px}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table tbody tr td .product-name{color:var(--foreground);font-size:.95rem;font-weight:600}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table tbody tr td .product-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),#1d4ed8);-webkit-background-clip:text;font-size:.9rem;font-weight:600}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table tbody tr td .product-price .unit{color:var(--muted);font-size:.8rem;font-weight:400}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table tbody tr td .product-stock{color:var(--foreground);font-size:.9rem}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table tbody tr td .product-stock .weight-info{color:var(--muted);font-size:.8rem;font-style:italic}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table tbody tr td .status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem;text-align:center}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table tbody tr td .status-badge.available{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table tbody tr td .status-badge.unavailable{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.dashboard-container .dashboard-layout .content-with-ads .main-content .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.dashboard-container .dashboard-layout .content-with-ads .main-content .loading-container .loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--card-border);border:4px solid var(--card-border);border-radius:50%;border-top-color:var(--primary);height:50px;margin-bottom:1.5rem;width:50px}.dashboard-container .dashboard-layout .content-with-ads .main-content .loading-container p{color:var(--muted);font-size:1.1rem}.dashboard-container .dashboard-layout .content-with-ads .main-content .error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.dashboard-container .dashboard-layout .content-with-ads .main-content .error-container .error-message{color:#ef4444;font-size:1.1rem;margin-bottom:1.5rem}.dashboard-container .dashboard-layout .content-with-ads .main-content .error-container .retry-button{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.dashboard-container .dashboard-layout .content-with-ads .main-content .error-container .retry-button:hover{background:#1d4ed8;box-shadow:0 4px 15px #3b82f64d;transform:translateY(-2px)}.dashboard-container .dashboard-layout .content-with-ads .main-content .no-products{align-items:center;display:flex;justify-content:center;padding:4rem 2rem;text-align:center}.dashboard-container .dashboard-layout .content-with-ads .main-content .no-products p{color:var(--muted);font-size:1.2rem}@media(max-width:1400px){.dashboard-container .dashboard-layout .content-with-ads{gap:1.5rem;grid-template-columns:140px 1fr 140px}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:1024px){.dashboard-container .dashboard-layout .search-section .search-container{flex-direction:column;gap:1rem}.dashboard-container .dashboard-layout .search-section .search-container .category-select{min-width:auto;width:100%}.dashboard-container .dashboard-layout .content-with-ads{gap:1rem;grid-template-columns:120px 1fr 120px}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:768px){.dashboard-container{padding-top:80px}.dashboard-container .dashboard-layout{padding:1rem}.dashboard-container .dashboard-layout .search-section{border-radius:16px;padding:1.5rem}.dashboard-container .dashboard-layout .content-with-ads{gap:1.5rem;grid-template-columns:1fr}.dashboard-container .dashboard-layout .content-with-ads .left-ad,.dashboard-container .dashboard-layout .content-with-ads .right-ad{display:none}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-header{flex-direction:column;gap:1rem;text-align:center}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-header .view-controls{justify-content:center}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container{overflow-x:auto}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-table-container .products-table{min-width:800px}}@media(max-width:480px){.dashboard-container{padding-top:70px}.dashboard-container .dashboard-layout{padding:.75rem}.dashboard-container .dashboard-layout .search-section{border-radius:12px;padding:1rem}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-header{padding:1rem}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-header h2{font-size:1.5rem}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-header .view-controls{flex-direction:column;width:100%}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-header .view-controls .view-btn{justify-content:center;padding:.75rem}.dashboard-container .dashboard-layout .content-with-ads .main-content .products-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.table-actions{align-items:center;display:flex;flex-direction:column;gap:.5rem}.table-actions .table-quantity-controls{align-items:center;display:flex;gap:.25rem;margin-bottom:.5rem}.table-actions .table-quantity-controls .table-quantity-btn{align-items:center;background:var(--background);border:1px solid var(--card-border);border-radius:4px;color:var(--foreground);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.table-actions .table-quantity-controls .table-quantity-btn:hover:not(:disabled){background:#3b82f61a;border-color:var(--primary);color:var(--primary)}.table-actions .table-quantity-controls .table-quantity-btn:disabled{cursor:not-allowed;opacity:.5}.table-actions .table-quantity-controls .table-quantity-input{background:var(--background);border:1px solid var(--card-border);border-radius:4px;color:var(--foreground);font-size:.8rem;padding:.25rem;text-align:center;width:50px}.table-actions .table-quantity-controls .table-quantity-input:focus{border-color:var(--primary);outline:none}.table-actions .table-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.5rem .75rem;transition:all .3s ease}.table-actions .table-action-btn.sell-btn{background:var(--primary);color:#fff}.table-actions .table-action-btn.sell-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 2px 8px #3b82f64d;transform:translateY(-1px)}.table-actions .table-action-btn.rent-btn{background:#f59e0b;color:#fff}.table-actions .table-action-btn.rent-btn:hover:not(:disabled){background:#d97706;box-shadow:0 2px 8px #f59e0b4d;transform:translateY(-1px)}.table-actions .table-action-btn:disabled{background:var(--muted-background);color:var(--muted);cursor:not-allowed;opacity:.6}.payment-success-page{align-items:center;background:var(--background);display:flex;justify-content:center;min-height:100vh;padding:2rem}.payment-success-page .success-card{background:var(--card-background);border:1px solid var(--card-border);border-radius:12px;max-width:500px;padding:3rem;text-align:center;width:100%}.payment-success-page .success-card .success-icon{color:#22c55e;margin-bottom:1.5rem}.payment-success-page .success-card h1{color:var(--foreground);font-size:1.5rem;margin-bottom:1rem}.payment-success-page .success-card p{color:var(--muted);margin-bottom:2rem}.payment-success-page .success-card .action-buttons{display:flex;gap:1rem;justify-content:center}.payment-success-page .success-card .action-buttons button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.payment-success-page .success-card .action-buttons button.home-button{background:var(--background);border:2px solid var(--card-border);color:var(--foreground)}.payment-success-page .success-card .action-buttons button.home-button:hover{border-color:var(--primary);color:var(--primary)}.payment-success-page .success-card .action-buttons button.orders-button{background:var(--primary);border:none;color:#fff}.payment-success-page .success-card .action-buttons button.orders-button:hover{background:var(--primary-hover)}@media(max-width:480px){.payment-success-page{padding:1rem}.payment-success-page .success-card{padding:2rem 1rem}.payment-success-page .success-card .action-buttons{flex-direction:column}}.product-page{--primary-color:#3b82f6;--primary-hover:#2563eb;--success-color:#10b981;--success-hover:#059669;--danger-color:#ef4444;--warning-color:#f59e0b;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--bg-white:#fff;--bg-gray:#f9fafb;--bg-light:#f3f4f6;--border-color:#e5e7eb;--border-focus:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-hover:0 20px 25px -5px #0000001a;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}@media(prefers-color-scheme:dark){.product-page{--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--bg-white:#1e293b;--bg-gray:#0f172a;--bg-light:#334155;--border-color:#334155;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d;--shadow-hover:0 20px 25px -5px #0006;background:linear-gradient(135deg,#0f172a,#1e293b)}}.product-page__header{margin-bottom:2rem}.product-page__back-btn{align-items:center;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-page__back-btn:hover{background:var(--primary-color);box-shadow:var(--shadow);color:#fff;transform:translateX(-3px)}.product-page__breadcrumb{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.product-page__breadcrumb span:last-child{color:var(--text-primary);font-weight:500}.product-page__loading{align-items:center;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.product-page__loading p{color:var(--text-secondary);font-size:1.125rem;margin-top:1rem}.product-page__spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.product-page__error,.product-page__not-found{align-items:center;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.product-page__error p,.product-page__not-found p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:1rem}.product-page__retry-btn{background:var(--primary-color);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.product-page__retry-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.product-page__main{grid-gap:4rem;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-bottom:3rem;padding:3rem}.product-page__images{position:relative}.product-page__image-main{background:var(--bg-gray);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);height:600px;overflow:hidden;position:relative;width:100%}.product-page__image-main img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.product-page__image-main img:hover{transform:scale(1.05)}.product-page__badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;position:absolute;right:1rem;top:1rem}.product-page__badge--rent{background:linear-gradient(135deg,var(--success-color),#059669)}.product-page__badge--kg{background:linear-gradient(135deg,var(--warning-color),#d97706);top:4rem}.product-page__info{display:flex;flex-direction:column;gap:1.5rem}.product-page__category{color:var(--primary-color);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.product-page__title{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}.product-page__rating{align-items:center;display:flex;gap:1rem}.product-page__stars{display:flex;gap:.25rem}.product-page__stars svg{color:#d1d5db;transition:color .2s ease}.product-page__stars svg.filled{color:#fbbf24}.product-page__rating-text{color:var(--text-secondary);font-size:.875rem}.product-page__price{background:linear-gradient(135deg,var(--bg-gray),var(--bg-light));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.product-page__price-current{color:var(--primary-color);display:block;font-size:2.5rem;font-weight:700}.product-page__price-period,.product-page__price-unit{color:var(--text-secondary);font-size:1rem;font-weight:500}.product-page__stock{align-items:center;display:flex;font-weight:500;gap:.5rem}.product-page__stock--available{align-items:center;color:var(--success-color);display:flex;gap:.5rem}.product-page__stock--out{color:var(--danger-color)}.product-page__purchase{background:var(--bg-gray);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.product-page__quantity{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.product-page__quantity-label{color:var(--text-primary);font-weight:600;min-width:80px}.product-page__quantity-kg{align-items:center;display:flex;gap:.5rem}.product-page__quantity-kg input{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius);font-weight:500;padding:.75rem;text-align:center;width:100px}.product-page__quantity-kg input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.product-page__quantity-kg span{color:var(--text-secondary);font-weight:500}.product-page__quantity-controls{align-items:center;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius);display:flex;overflow:hidden}.product-page__quantity-btn{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.product-page__quantity-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.product-page__quantity-btn:disabled{cursor:not-allowed;opacity:.4}.product-page__quantity-value{color:var(--text-primary);font-weight:600;min-width:60px;padding:0 1rem;text-align:center}.product-page__total{color:var(--primary-color);font-size:1.5rem;font-weight:700;text-align:center}.product-page__actions{display:flex;gap:1rem}.product-page__btn{align-items:center;border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow);cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;justify-content:center;padding:1.25rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-page__btn--primary{background:linear-gradient(135deg,var(--primary-color),var(--success-color));color:#fff;flex:1 1}.product-page__btn--primary:hover:not(:disabled){box-shadow:var(--shadow-hover);transform:translateY(-2px)}.product-page__btn--primary.rent{background:linear-gradient(135deg,var(--success-color),#059669)}.product-page__btn--primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.product-page__btn--secondary{background:var(--bg-white);border:1px solid var(--border-color);color:var(--text-primary);height:60px;width:60px}.product-page__btn--secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.product-page__btn--secondary.active{background:var(--danger-color);color:#fff}.product-page__features{background:var(--bg-gray);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1.5rem}.product-page__feature{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.product-page__feature svg{color:var(--success-color)}.product-page__tabs{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:3rem;overflow:hidden}.product-page__tab-nav{background:var(--bg-gray);border-bottom:1px solid var(--border-color);display:flex}.product-page__tab-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:1.5rem 2rem;position:relative;transition:all .3s ease}.product-page__tab-btn.active,.product-page__tab-btn:hover{background:var(--bg-white);color:var(--primary-color)}.product-page__tab-btn.active:after{background:var(--primary-color);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.product-page__tab-content{padding:2rem}.product-page__description h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.product-page__description p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem}.product-page__meta{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.product-page__meta-item{align-items:flex-start;background:var(--bg-gray);border:1px solid var(--border-color);border-radius:var(--radius);display:flex;gap:.75rem;padding:1rem}.product-page__meta-item svg{color:var(--primary-color);margin-top:.125rem}.product-page__meta-item div{flex:1 1}.product-page__meta-item div strong{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.25rem}.product-page__meta-item div span{color:var(--text-secondary);font-size:.875rem}.product-page__specs h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.product-page__specs-table{border-collapse:collapse;width:100%}.product-page__specs-table td{border-bottom:1px solid var(--border-color);padding:1rem}.product-page__specs-table td:first-child{color:var(--text-primary);font-weight:600;width:200px}.product-page__specs-table td:last-child{color:var(--text-secondary)}.product-page__specs-table tr:last-child td{border-bottom:none}.product-page__reviews h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.product-page__reviews-summary{margin-bottom:2rem}.product-page__reviews-rating{align-items:center;display:flex;gap:1rem}.product-page__reviews-score{color:var(--primary-color);font-size:3rem;font-weight:700}.product-page__reviews-stars{display:flex;gap:.25rem}.product-page__reviews-stars svg{color:#d1d5db}.product-page__reviews-stars svg.filled{color:#fbbf24}.product-page__reviews-list{color:var(--text-secondary);font-style:italic}.product-page__related{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2rem}.product-page__related-header{margin-bottom:2rem;text-align:center}.product-page__related-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:.5rem}.product-page__related-count{color:var(--text-secondary);font-size:1rem}.product-page__related-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.product-page__related-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-page__related-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.product-page__related-image{height:200px;overflow:hidden;position:relative}.product-page__related-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-page__related-image:hover img{transform:scale(1.1)}.product-page__related-badge{align-items:center;background:var(--success-color);border-radius:var(--radius);color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.5rem .75rem;position:absolute;right:.75rem;top:.75rem}.product-page__related-info{padding:1.25rem}.product-page__related-name{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.product-page__related-category{color:var(--text-muted);font-size:.875rem;margin-bottom:.75rem}.product-page__related-price{color:var(--primary-color);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.product-page__related-price span{font-weight:500}.product-page__related-price span,.product-page__related-stock{color:var(--text-secondary);font-size:.875rem}.product-page__pagination{display:flex;justify-content:center;margin-top:2rem}.product-page__no-related{background:var(--bg-gray);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:3rem;text-align:center}.product-page__no-related p{color:var(--text-secondary);font-size:1.125rem}@media(max-width:1024px){.product-page{padding:1rem}.product-page__main{gap:2rem;grid-template-columns:1fr;padding:2rem}.product-page__image-main{height:400px}.product-page__price-current,.product-page__title{font-size:2rem}.product-page__related-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.product-page{padding:.75rem}.product-page__main{padding:1.5rem}.product-page__price-current,.product-page__title{font-size:1.75rem}.product-page__actions{flex-direction:column}.product-page__btn--secondary{height:50px;width:100%}.product-page__features{flex-direction:column;gap:.75rem}.product-page__tab-nav{flex-direction:column}.product-page__tab-btn{text-align:left}.product-page__meta{grid-template-columns:1fr}.product-page__related-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:480px){.product-page{padding:.5rem}.product-page__main{padding:1rem}.product-page__image-main{height:300px}.product-page__price-current,.product-page__title{font-size:1.5rem}.product-page__quantity{align-items:flex-start;flex-direction:column;gap:.75rem}.product-page__quantity-label{min-width:auto}.product-page__btn{font-size:1rem;padding:1rem 1.5rem}.product-page__related-grid{gap:.75rem;grid-template-columns:1fr 1fr}.product-page__related-image{height:150px}.product-page__related-info{padding:1rem}.product-page__related-name,.product-page__related-price{font-size:1rem}}.profile-page{background:var(--background);color:var(--foreground);min-height:100vh;padding:2rem}.profile-page .profile-container{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1400px}.profile-page .profile-header-top{align-items:center;background:var(--card-background);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;justify-content:space-between;padding:2rem}.profile-page .profile-header-top .profile-user-info{align-items:center;display:flex;gap:2rem}.profile-page .profile-header-top .profile-user-info .avatar-container{height:120px;position:relative;width:120px}.profile-page .profile-header-top .profile-user-info .avatar-container .avatar{border:4px solid var(--primary);border-radius:50%;box-shadow:0 8px 20px #0000001a;height:100%;object-fit:cover;width:100%}.profile-page .profile-header-top .profile-user-info .avatar-container .avatar-upload{align-items:center;background:var(--primary);border:none;border-radius:50%;bottom:0;box-shadow:0 4px 12px #3b82f666;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;transition:all .3s ease;width:40px}.profile-page .profile-header-top .profile-user-info .avatar-container .avatar-upload:hover{box-shadow:0 6px 16px #3b82f699;transform:scale(1.1)}.profile-page .profile-header-top .profile-user-info .avatar-container .hidden{display:none}.profile-page .profile-header-top .profile-user-info .user-details h2{color:var(--foreground);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.profile-page .profile-header-top .profile-user-info .user-details .user-role{background:#3b82f626;border:1px solid #3b82f64d;border-radius:20px;color:var(--primary);display:inline-block;font-size:1rem;font-weight:600;padding:.5rem 1rem}.profile-page .profile-header-top .profile-navigation{display:flex;gap:1rem}.profile-page .profile-header-top .profile-navigation .nav-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--muted);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.profile-page .profile-header-top .profile-navigation .nav-tab:hover{background:var(--muted-background);color:var(--foreground);transform:translateY(-2px)}.profile-page .profile-header-top .profile-navigation .nav-tab.active{background:var(--primary);box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}.profile-page .profile-header-top .profile-navigation .nav-tab.logout{color:#ef4444}.profile-page .profile-header-top .profile-navigation .nav-tab.logout:hover{background:#ef444426;color:#ef4444}.profile-page .profile-content{background:var(--card-background);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:2.5rem}.profile-page .profile-content .back-button{align-items:center;background:var(--muted-background);border:1px solid var(--card-border);border-radius:12px;color:var(--foreground);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.profile-page .profile-content .back-button:hover{background:var(--primary);color:#fff;transform:translateX(-3px)}.profile-page .profile-content .profile-info h3{color:var(--foreground);font-size:2rem;font-weight:700;margin-bottom:2rem}.profile-page .profile-content .profile-info .profile-form{max-width:800px}.profile-page .profile-content .profile-info .profile-form .form-group{margin-bottom:2rem}.profile-page .profile-content .profile-info .profile-form .form-group label{color:var(--foreground);display:block;font-size:.95rem;font-weight:500;margin-bottom:.75rem}.profile-page .profile-content .profile-info .profile-form .form-group input,.profile-page .profile-content .profile-info .profile-form .form-group textarea{background:var(--background);border:2px solid var(--card-border);border-radius:12px;color:var(--foreground);font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.profile-page .profile-content .profile-info .profile-form .form-group input:focus,.profile-page .profile-content .profile-info .profile-form .form-group textarea:focus{background:var(--card-background);border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.profile-page .profile-content .profile-info .profile-form .form-group input::placeholder,.profile-page .profile-content .profile-info .profile-form .form-group textarea::placeholder{color:var(--muted)}.profile-page .profile-content .profile-info .profile-form .form-group textarea{min-height:120px;resize:vertical}.profile-page .profile-content .profile-info .profile-form .save-button{background:var(--primary);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.profile-page .profile-content .profile-info .profile-form .save-button:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.profile-page .profile-content .profile-summary .profile-header-main{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding-bottom:2rem}.profile-page .profile-content .profile-summary .profile-header-main .profile-image-name{align-items:center;display:flex;gap:2rem}.profile-page .profile-content .profile-summary .profile-header-main .profile-image-name .profile-image{border:4px solid var(--primary);border-radius:50%;box-shadow:0 8px 20px #0000001a;height:120px;object-fit:cover;width:120px}.profile-page .profile-content .profile-summary .profile-header-main .profile-image-name .profile-name h3{color:var(--foreground);font-size:2rem;font-weight:700;margin-bottom:.5rem}.profile-page .profile-content .profile-summary .profile-header-main .profile-image-name .profile-name .user-role{background:#3b82f626;border:1px solid #3b82f64d;border-radius:20px;color:var(--primary);display:inline-block;font-size:1rem;font-weight:600;padding:.5rem 1rem}.profile-page .profile-content .profile-summary .profile-header-main .edit-button{align-items:center;background:var(--muted-background);border:1px solid var(--card-border);border-radius:12px;color:var(--foreground);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease}.profile-page .profile-content .profile-summary .profile-header-main .edit-button:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.profile-page .profile-content .cabinet-content .cabinet-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1rem 0}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item{align-items:center;background:var(--background);border:2px solid var(--card-border);border-radius:20px;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;overflow:hidden;padding:2.5rem 2rem;position:relative;transition:all .4s ease}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item:hover{background:#3b82f60d;border-color:var(--primary);box-shadow:0 20px 40px #3b82f633;color:var(--foreground);transform:translateY(-8px)}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item:hover:before{left:100%}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item:hover svg{color:var(--primary);transform:scale(1.1)}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item svg{transition:all .3s ease}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item span{font-size:1.1rem;font-weight:600;line-height:1.4;text-align:center}@media(max-width:1200px){.profile-page .profile-content .cabinet-content .cabinet-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:1024px){.profile-page{padding:1.5rem}.profile-page .profile-header-top{flex-direction:column;gap:2rem;padding:1.5rem;text-align:center}.profile-page .profile-header-top .profile-user-info{flex-direction:column;gap:1.5rem}.profile-page .profile-header-top .profile-user-info .avatar-container{height:100px;width:100px}.profile-page .profile-header-top .profile-user-info .avatar-container .avatar-upload{height:35px;width:35px}.profile-page .profile-header-top .profile-user-info .user-details{text-align:center}.profile-page .profile-header-top .profile-user-info .user-details h2{font-size:1.6rem}.profile-page .profile-header-top .profile-user-info .user-details .user-role{font-size:.9rem;padding:.4rem .8rem}.profile-page .profile-header-top .profile-navigation{flex-wrap:wrap;gap:.75rem;justify-content:center}.profile-page .profile-header-top .profile-navigation .nav-tab{font-size:.9rem;padding:.8rem 1.2rem}.profile-page .profile-content{padding:2rem}.profile-page .profile-content .cabinet-content .cabinet-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item{gap:1.2rem;padding:2rem 1.5rem}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item span{font-size:1rem}}@media(max-width:768px){.profile-page{margin-top:70px;padding:1rem}.profile-page .profile-header-top{border-radius:16px;padding:1.2rem}.profile-page .profile-header-top .profile-user-info{gap:1rem}.profile-page .profile-header-top .profile-user-info .avatar-container{height:80px;width:80px}.profile-page .profile-header-top .profile-user-info .avatar-container .avatar-upload{height:30px;width:30px}.profile-page .profile-header-top .profile-user-info .user-details h2{font-size:1.4rem}.profile-page .profile-header-top .profile-user-info .user-details .user-role{font-size:.85rem;padding:.35rem .7rem}.profile-page .profile-header-top .profile-navigation{gap:.5rem}.profile-page .profile-header-top .profile-navigation .nav-tab{border-radius:10px;font-size:.85rem;padding:.7rem 1rem}.profile-page .profile-header-top .profile-navigation .nav-tab span{display:none}.profile-page .profile-content{border-radius:16px;padding:1.5rem}.profile-page .profile-content .back-button{border-radius:10px;font-size:.85rem;padding:.6rem 1rem}.profile-page .profile-content .profile-info h3{font-size:1.6rem}.profile-page .profile-content .profile-info .profile-form .form-group{margin-bottom:1.5rem}.profile-page .profile-content .profile-info .profile-form .form-group label{font-size:.9rem;margin-bottom:.5rem}.profile-page .profile-content .profile-info .profile-form .form-group input,.profile-page .profile-content .profile-info .profile-form .form-group textarea{border-radius:10px;font-size:.9rem;padding:.8rem 1rem}.profile-page .profile-content .profile-info .profile-form .form-group textarea{min-height:100px}.profile-page .profile-content .profile-info .profile-form .save-button{border-radius:10px;font-size:1rem;padding:.8rem}.profile-page .profile-content .profile-summary .profile-header-main{flex-direction:column;gap:1.5rem;text-align:center}.profile-page .profile-content .profile-summary .profile-header-main .profile-image-name{flex-direction:column;gap:1rem}.profile-page .profile-content .profile-summary .profile-header-main .profile-image-name .profile-image{height:100px;width:100px}.profile-page .profile-content .profile-summary .profile-header-main .profile-image-name .profile-name h3{font-size:1.6rem}.profile-page .profile-content .profile-summary .profile-header-main .profile-image-name .profile-name .user-role{font-size:.9rem;padding:.4rem .8rem}.profile-page .profile-content .profile-summary .profile-header-main .edit-button{border-radius:10px;font-size:.9rem;padding:.8rem 1.2rem}.profile-page .profile-content .cabinet-content .cabinet-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item{border-radius:16px;gap:1rem;padding:1.5rem 1rem}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item svg{height:28px;width:28px}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item span{font-size:.9rem}}@media(max-width:480px){.profile-page{margin-top:60px;padding:.75rem}.profile-page .profile-header-top{border-radius:12px;padding:1rem}.profile-page .profile-header-top .profile-user-info .avatar-container{height:70px;width:70px}.profile-page .profile-header-top .profile-user-info .avatar-container .avatar-upload{height:25px;width:25px}.profile-page .profile-header-top .profile-user-info .user-details h2{font-size:1.2rem}.profile-page .profile-header-top .profile-user-info .user-details .user-role{font-size:.8rem;padding:.3rem .6rem}.profile-page .profile-header-top .profile-navigation .nav-tab{border-radius:8px;font-size:.8rem;padding:.6rem .8rem}.profile-page .profile-content{border-radius:12px;padding:1rem}.profile-page .profile-content .back-button{border-radius:8px;font-size:.8rem;padding:.5rem .8rem}.profile-page .profile-content .profile-info h3{font-size:1.4rem}.profile-page .profile-content .profile-info .profile-form .form-group{margin-bottom:1.2rem}.profile-page .profile-content .profile-info .profile-form .form-group label{font-size:.85rem}.profile-page .profile-content .profile-info .profile-form .form-group input,.profile-page .profile-content .profile-info .profile-form .form-group textarea{border-radius:8px;font-size:.85rem;padding:.7rem .9rem}.profile-page .profile-content .profile-info .profile-form .form-group textarea{min-height:80px}.profile-page .profile-content .profile-info .profile-form .save-button{border-radius:8px;font-size:.9rem;padding:.7rem}.profile-page .profile-content .profile-summary .profile-header-main .profile-image-name .profile-image{height:80px;width:80px}.profile-page .profile-content .profile-summary .profile-header-main .profile-image-name .profile-name h3{font-size:1.4rem}.profile-page .profile-content .profile-summary .profile-header-main .profile-image-name .profile-name .user-role{font-size:.85rem;padding:.35rem .7rem}.profile-page .profile-content .profile-summary .profile-header-main .edit-button{border-radius:8px;font-size:.85rem;padding:.7rem 1rem}.profile-page .profile-content .cabinet-content .cabinet-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item{border-radius:12px;gap:.8rem;padding:1.2rem .8rem}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item svg{height:24px;width:24px}.profile-page .profile-content .cabinet-content .cabinet-grid .cabinet-item span{font-size:.8rem;line-height:1.3}}
/*# sourceMappingURL=main.69efb865.css.map*/