@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.login-page{min-height:100vh;position:relative;overflow:hidden;padding-top:70px}.login-background{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0056b3,#007bff);opacity:.1;z-index:0}.login-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23007bff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.5}.login-card{background:#fffffffa;border-radius:15px;border:none;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.login-logo{max-width:150px;height:auto;margin-bottom:1rem;animation:fadeInDown 1s ease}.login-title{color:#2c3e50;font-weight:600;margin-bottom:.5rem;animation:fadeInUp 1s ease}.login-form{animation:fadeIn 1s ease}.login-input{height:50px;border-radius:8px;border:2px solid #e9ecef;padding:.75rem 1rem;font-size:1rem;transition:all .3s ease}.login-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff26}.login-button{height:50px;border-radius:8px;font-weight:600;font-size:1rem;background:linear-gradient(135deg,#007bff,#0056b3);border:none;transition:transform .2s ease,box-shadow .2s ease}.login-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.login-button:disabled{background:linear-gradient(135deg,#6c757d,#495057)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .login-input{text-align:right}@media (max-width: 768px){.login-card{margin:1rem}.login-logo{max-width:120px}.mobile-nav .navbar-collapse{background:#fffffffa;border-radius:0 0 15px 15px;padding:1rem;margin-top:.5rem;box-shadow:0 4px 15px #0000001a}.mobile-nav .nav-link{padding:.75rem 1rem;border-radius:8px}.mobile-nav .nav-link:hover{background-color:#007bff1a}}.mobile-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;padding:.5rem 0}.mobile-nav .navbar-brand{padding:0}.nav-logo{height:40px;width:auto}.mobile-nav .navbar-toggler{border:none;padding:.25rem .5rem;color:#007bff}.mobile-nav .navbar-toggler:focus{box-shadow:none;outline:none}.mobile-nav .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 123, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.mobile-nav .nav-link{color:#2c3e50;font-weight:500;padding:.5rem 1rem;transition:color .3s ease;text-align:right}.mobile-nav .nav-link:hover,.mobile-nav .nav-link:focus{color:#007bff}[dir=rtl] .mobile-nav .navbar-nav{padding-right:0}[dir=rtl] .mobile-nav .nav-link{text-align:right}.navbar-collapse{transition:all .3s ease-in-out}.navbar-collapse.show{animation:slideDown .3s ease-in-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main-page{background:linear-gradient(135deg,#fffffff2,#f7fafff2);overflow-x:hidden;width:85%}.animation-container{padding:2rem}.lottie-wrapper{width:100%;max-width:600px;margin:0 auto;animation:fadeIn 1s ease}.welcome-content{padding:2rem}.welcome-text{animation:slideUp .8s ease}.welcome-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#2c3e50;margin-bottom:1.5rem;line-height:1.4}.welcome-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#6c757d;margin-bottom:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.animation-container{padding:1rem}.lottie-wrapper{max-width:450px}}@media (max-width: 768px){.main-page{padding-top:2rem}.welcome-content{padding:1rem}.lottie-wrapper{max-width:350px}}@media (max-width: 576px){.animation-container{padding:.5rem}.lottie-wrapper{max-width:280px}.welcome-content{padding:1rem .5rem}}[dir=rtl] .welcome-content{text-align:center}@media (min-width: 993px){.main-page .row{min-height:calc(100vh - 70px)}}.navbar__links>a{text-decoration:none;color:#000}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:.5rem 1rem}.navbar__logo img{height:40px;width:auto}.navbar__links{display:flex;align-items:center}.navbar-nav .nav-link{color:#333;padding:.5rem 1rem;transition:color .3s ease}.navbar-nav .nav-link:hover{color:#007bff}[dir=rtl] .navbar__links{margin-right:auto;margin-left:0}[dir=rtl] .header_controls_btn{margin-right:1rem;margin-left:0}[dir=rtl] .navbar{font-family:Cairo,sans-serif}@media (max-width: 991.98px){.navbar-nav{padding:1rem 0}.navbar-nav .nav-link{padding:.5rem 0}.navbar__logo{max-width:120px}}.navbar-toggler{border:none;padding:.25rem 0}.navbar-toggler:focus{box-shadow:none}.products-container{padding:20px}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.products-header h2{margin:0;color:#333}.add-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;text-decoration:none;display:inline-block;cursor:pointer;font-weight:500;transition:background-color .3s}.add-button:hover{background-color:#388e3c}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.product-card{transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.product-image{transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.05)}.favorite-badge{position:absolute;top:10px;right:10px;background-color:#fffc;color:#ff9800;font-size:18px;padding:3px 8px;border-radius:50%;box-shadow:0 2px 4px #0000001a}.product-details{padding:15px}.product-title{margin:0 0 8px;font-size:18px;color:#333;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-price{font-size:16px;color:#4caf50;font-weight:600;margin:0}.product-actions{padding:0 15px 15px;display:flex;justify-content:space-between;gap:10px}.action-button{flex:1;padding:8px 0;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.action-button.edit{background-color:#2196f3;color:#fff}.action-button.edit:hover{background-color:#1976d2}.action-button.delete{background-color:#f44336;color:#fff}.action-button.delete:hover{background-color:#d32f2f}.loading{display:flex;justify-content:center;align-items:center;height:300px;font-size:18px;color:#666}.error-message{background-color:#ffebee;color:#c62828;padding:10px;border-radius:4px;margin-bottom:20px;text-align:center;border:1px solid #ffcdd2}.no-products{display:flex;justify-content:center;align-items:center;height:200px;background-color:#f5f5f5;border-radius:8px;color:#666;font-size:18px}.btn-rounded{border-radius:25px;padding:8px 20px;font-weight:500;transition:all .3s ease}.btn-rounded:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.product-card .card-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:8px}.product-card .card-text{color:#666;font-size:.9rem;line-height:1.4}.product-card .badge{font-size:.75rem;padding:4px 8px}.product-card .btn{transition:all .3s ease}.product-card .btn:hover{transform:translateY(-1px)}.product-card .btn-outline-primary:hover{background-color:#007bff;border-color:#007bff}.product-card .btn-outline-danger:hover{background-color:#dc3545;border-color:#dc3545}[dir=rtl] .product-card{text-align:right}[dir=rtl] .badge{margin-left:0;margin-right:4px}[dir=rtl] .d-flex.gap-2{flex-direction:row-reverse}@media (max-width: 768px){.product-card{margin-bottom:20px}.product-card .card-title{font-size:1rem}.product-card .card-text{font-size:.85rem}.btn-rounded{padding:6px 16px;font-size:.9rem}}@media (max-width: 576px){.product-card .d-flex.gap-2{flex-direction:column}.product-card .btn{margin-bottom:5px}.product-card .card-body{padding:1rem}}.loading-spinner{animation:spin 1s linear infinite}.alert{border-radius:12px;border:none;box-shadow:0 2px 10px #0000001a}.alert-info{background-color:#e7f3ff;color:#0c5460}.alert-danger{background-color:#f8d7da;color:#721c24}.card-img-top{transition:transform .3s ease}.product-card:hover .card-img-top{transform:scale(1.02)}.text-primary.fs-5{color:#007bff!important;font-weight:600}.badge.bg-warning{background-color:#ffc107!important;color:#212529!important}.d-flex.gap-2>.btn{flex:1;min-width:0}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-perfume-container{max-width:900px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h2{margin:0;color:#333}.back-button{background-color:#2196f3;color:#fff;padding:8px 15px;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .3s;display:inline-block}.back-button:hover{background-color:#1976d2}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-group input[type=text],.form-group input[type=number],.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group textarea{min-height:100px;resize:vertical}.form-group input[type=checkbox]{margin-right:10px}.feature-item,.size-item,.ingredient-item{display:flex;gap:10px;margin-bottom:10px;align-items:center}.feature-item input,.size-item input,.ingredient-item input{flex:1}.size-price-item{display:flex;gap:10px;margin-bottom:10px;align-items:center}.size-price-item .size-input{flex:0 0 100px;min-width:100px}.size-price-item .price-input{flex:0 0 120px;min-width:120px}.size-price-item .size-unit,.size-price-item .price-unit{flex:0 0 auto;font-weight:500;color:#666;margin:0 5px}.size-price-item .remove-btn{flex:0 0 auto}.add-btn,.remove-btn,.submit-btn{padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.add-btn{background-color:#4caf50;color:#fff;margin-top:10px}.add-btn:hover{background-color:#388e3c}.remove-btn{background-color:#f44336;color:#fff}.remove-btn:hover{background-color:#d32f2f}.remove-btn:disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed}.submit-btn{background-color:#2196f3;color:#fff;font-size:16px;padding:12px 30px;margin-top:20px;width:100%}.submit-btn:hover{background-color:#1976d2}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.language-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #ddd}.tab-btn{background:none;border:none;padding:10px 20px;cursor:pointer;font-weight:500;color:#666;border-bottom:2px solid transparent;transition:all .3s ease}.tab-btn:hover{color:#2196f3}.tab-btn.active{color:#2196f3;border-bottom-color:#2196f3}.tab-content{display:none}.tab-content.active{display:block}.size-unit{color:#666;font-weight:500;margin-left:5px}.current-image,.current-images{margin:10px 0}.current-images img{border-radius:4px;border:1px solid #ddd}.file-preview{margin-top:10px;padding:10px;background-color:#f8f9fa;border-radius:4px}.file-list{margin:5px 0 0 20px;padding:0}.file-list li{margin:2px 0;font-size:12px;color:#666}.loading{text-align:center;padding:50px;font-size:18px;color:#666}@media (max-width: 768px){.add-perfume-container{padding:15px;margin:10px}.page-header{flex-direction:column;gap:10px;text-align:center}.size-price-item{flex-wrap:wrap;gap:8px}.size-price-item .size-input,.size-price-item .price-input{flex:1;min-width:80px}.language-tabs{justify-content:center}.tab-btn{flex:1;text-align:center}}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qualities-selection{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.quality-item{display:flex;align-items:center}.quality-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border:1px solid #ddd;border-radius:6px;transition:all .3s ease}.quality-checkbox:hover{border-color:#2196f3;background-color:#f5f5f5}.quality-checkbox input[type=checkbox]{margin:0;width:16px;height:16px}.quality-badge{color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.quality-multiplier{font-size:11px;color:#666;font-weight:600;background-color:#f0f0f0;padding:2px 6px;border-radius:3px}.quality-checkbox input[type=checkbox]:checked+.quality-badge{box-shadow:0 0 0 2px #2196f34d}.quality-checkbox:has(input[type=checkbox]:checked){border-color:#2196f3;background-color:#e3f2fd}