:root{--primary: #3498db;--primary-dark: #2980b9;--secondary: #e74c3c;--accent: #1abc9c;--dark: #2c3e50;--darker: #1a252f;--light: #ecf0f1;--gray: #7f8c8d;--success: #2ecc71;--warning: #f39c12;--gradient: linear-gradient(135deg, var(--primary), var(--accent));--shadow: 0 10px 30px rgba(0, 0, 0, .1);--card-shadow: 0 5px 15px rgba(0, 0, 0, .08);--transition: all .3s ease;--font-heading: "Montserrat", "Segoe UI", sans-serif;--font-body: "Open Sans", "Segoe UI", sans-serif;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 20px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--light);color:var(--dark);overflow-x:hidden;font-family:var(--font-body);line-height:1.6;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:1.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}p{margin-bottom:1rem}.container{max-width:1300px;margin:0 auto;padding:10px}header{background:#fff;color:var(--dark);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000000d;border-bottom:1px solid rgba(0,0,0,.05)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;font-size:1.8rem;font-weight:700;font-family:var(--font-heading);color:var(--primary)}.logo i{margin-right:12px;font-size:1.8rem;color:var(--primary)}nav ul{display:flex;list-style:none;gap:1.5rem}nav ul li{position:relative}nav ul li a{color:var(--dark);text-decoration:none;font-weight:600;transition:var(--transition);padding:.5rem 0;position:relative;font-size:1rem;display:flex;align-items:center;gap:.5rem}nav ul li a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:var(--primary);transition:var(--transition)}nav ul li a:hover{color:var(--primary)}nav ul li a:hover:after{width:100%}.user-actions{display:flex;align-items:center;gap:1rem}.user-actions button{background:var(--primary);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-weight:600;box-shadow:var(--shadow);display:flex;align-items:center;gap:.5rem;font-family:var(--font-body)}.user-actions button i{font-size:.9rem}.user-actions button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 5px 15px #3498db4d}.user-actions button.secondary{background:transparent;border:2px solid var(--primary);color:var(--primary)}.user-actions button.secondary:hover{background:#3498db1a;color:var(--primary)}.hero{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:var(--dark);padding:1rem 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:var(--primary);opacity:.05;clip-path:polygon(25% 0%,100% 0%,100% 100%,0% 100%)}.hero-content{display:flex;align-items:center;position:relative;z-index:1}.hero-text{flex:1;max-width:600px}.hero-text h1{font-size:3.5rem;margin-bottom:1.5rem;line-height:1.2;color:var(--dark);position:relative}.hero-text h1:after{content:"";position:absolute;bottom:-.5rem;left:0;width:80px;height:4px;background:var(--primary);border-radius:2px}.hero-text p{font-size:1.2rem;margin-bottom:2.5rem;color:var(--gray);line-height:1.6}.hero-buttons{display:flex;gap:1rem}.hero-image{flex:1;display:flex;justify-content:flex-end}.hero-image img,.hero-image div{max-width:100%;border-radius:var(--border-radius-lg);box-shadow:var(--shadow);transition:var(--transition);overflow:hidden}.hero-image img:hover,.hero-image div:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.main-content{display:flex;margin:3rem 0;gap:2rem}.sidebar{width:250px;background:#fff;padding:2rem;border-radius:15px;box-shadow:var(--card-shadow);height:fit-content;position:sticky;top:100px}.sidebar h3{margin-bottom:1.5rem;color:var(--dark);font-size:1.3rem;display:flex;align-items:center}.sidebar h3 i{margin-right:10px;color:var(--primary)}.filter-options{margin-bottom:2rem}.filter-options h4{margin-bottom:1rem;color:var(--dark);font-size:1.1rem;display:flex;align-items:center}.filter-options h4 i{margin-right:8px;color:var(--gray);font-size:.9rem}.filter-options label{display:flex;align-items:center;margin-bottom:.8rem;cursor:pointer;transition:var(--transition);padding:5px;border-radius:5px}.filter-options label:hover{background:#6c63ff0d}.filter-options input{margin-right:.8rem;accent-color:var(--primary)}.price-range{width:100%;margin:1rem 0}.price-values{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.9rem;color:var(--gray)}.products-section{flex:1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-title{font-size:2rem;color:var(--dark);position:relative;padding-bottom:10px}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--gradient);border-radius:3px}.view-options{display:flex;gap:10px}.view-options button{background:#fff;border:1px solid #e0e0e0;padding:8px 15px;border-radius:5px;cursor:pointer;transition:var(--transition)}.view-options button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.products-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.product-card{background:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--card-shadow);transition:var(--transition);position:relative;border:1px solid rgba(0,0,0,.05)}.product-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #0000001a;border-color:#00000014}.product-badge{position:absolute;top:15px;left:15px;background:var(--secondary);color:#fff;padding:6px 12px;border-radius:var(--border-radius-xl);font-size:.8rem;font-weight:600;z-index:2;box-shadow:0 3px 10px #e74c3c33}.product-image{height:240px;background:linear-gradient(45deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;color:var(--gray);position:relative;overflow:hidden}.product-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary);opacity:0;transition:var(--transition)}.product-card:hover .product-image:after{opacity:.05}.product-image i{font-size:3.5rem;color:var(--gray);opacity:.7}.product-info{padding:1.75rem}.product-category{color:var(--primary);font-size:.85rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.product-title{font-weight:700;margin-bottom:.75rem;font-size:1.2rem;color:var(--dark);font-family:var(--font-heading)}.product-description{color:var(--gray);font-size:.95rem;margin-bottom:1.25rem;line-height:1.6}.product-price{color:var(--dark);font-weight:700;font-size:1.4rem;margin-bottom:1.25rem;display:flex;align-items:center}.product-price:before{content:"";display:inline-block;width:6px;height:20px;background:var(--primary);margin-right:10px;border-radius:3px}.product-actions{display:flex;justify-content:space-between;gap:10px}.btn{padding:.8rem 1.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-weight:600;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.95rem;letter-spacing:.3px}.btn i{margin-right:10px;font-size:.9rem}.btn-primary{background:var(--primary);color:#fff;flex:1;margin-right:10px;box-shadow:0 4px 10px #3498db33}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 7px 15px #3498db4d}.btn-secondary{background:#3498db1a;color:var(--primary);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.btn-secondary:hover{background:#3498db33;color:var(--primary-dark);transform:translateY(-2px)}.btn-secondary i{margin:0;font-size:1rem}.admin-panel{display:none;background:var(--darker);min-height:100vh;color:#fff;padding:2rem 0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-tabs{display:flex;margin-bottom:2rem;background:#ffffff0d;border-radius:12px;padding:5px}.admin-tab{padding:.8rem 1.5rem;cursor:pointer;border-radius:8px;transition:var(--transition);display:flex;align-items:center}.admin-tab i{margin-right:8px}.admin-tab.active{background:var(--primary)}.admin-content{display:none}.admin-content.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;padding:1.5rem;border-radius:12px;transition:var(--transition);border-left:4px solid var(--primary)}.stat-card:hover{transform:translateY(-5px);background:#ffffff14}.stat-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem}.stat-card:nth-child(1) .stat-icon{background:#6c63ff33;color:var(--primary)}.stat-card:nth-child(2) .stat-icon{background:#36d1dc33;color:var(--accent)}.stat-card:nth-child(3) .stat-icon{background:#ff658433;color:var(--secondary)}.stat-card:nth-child(4) .stat-icon{background:#2ecc7133;color:var(--success)}.stat-value{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:var(--gray);font-size:.9rem}.chart-container{background:#ffffff0d;padding:1.5rem;border-radius:12px;margin-bottom:2rem}.chart-placeholder{height:300px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:8px;color:var(--gray)}.orders-table{width:100%;border-collapse:collapse;background:#ffffff0d;border-radius:12px;overflow:hidden}.orders-table th,.orders-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.orders-table th{background:#ffffff14;font-weight:600}.status-badge{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-pending{background:#f39c1233;color:#f39c12}.status-completed{background:#2ecc7133;color:var(--success)}.status-shipped{background:#3498db33;color:#3498db}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;padding:1rem;border-radius:var(--border-radius-lg);width:90%;max-width:550px;max-height:70vh;overflow-y:auto;box-shadow:0 20px 50px #0003;animation:modalAppear .3s ease;border:1px solid rgba(0,0,0,.05)}@keyframes modalAppear{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.05)}.modal-header h3{font-size:1.5rem;margin-bottom:0;color:var(--dark)}.close-modal{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray);transition:var(--transition);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-modal:hover{color:var(--dark);background:#0000000d}.form-group{margin-bottom:1.75rem}.form-group label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--dark);font-size:.95rem}.form-control{width:100%;padding:.9rem 1.2rem;border:1px solid #e0e0e0;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background-color:#f8f9fa;color:var(--dark)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3498db33;outline:none;background-color:#fff}.form-control::placeholder{color:#adb5bd}.notification{position:fixed;top:30px;right:30px;padding:1.2rem 1.5rem;border-radius:var(--border-radius);color:#fff;z-index:1100;display:none;box-shadow:0 10px 30px #00000026;animation:slideIn .4s cubic-bezier(.175,.885,.32,1.275);max-width:350px;font-weight:500;display:flex;align-items:center;gap:12px}.notification:before{content:"";display:block;width:24px;height:24px;background-position:center;background-repeat:no-repeat;background-size:contain}@keyframes slideIn{0%{transform:translate(100%) translateY(10px);opacity:0}to{transform:translate(0) translateY(0);opacity:1}}.notification-success{background:var(--success);border-left:5px solid #27ae60}.notification-success:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E")}.notification-error{background:var(--secondary);border-left:5px solid #c0392b}.notification-error:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z'/%3E%3C/svg%3E")}footer{background:var(--dark);color:#fff;padding:5rem 0 2rem;position:relative}footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:6rem;margin-bottom:3rem}.footer-section h3{margin-bottom:1.5rem;font-size:1.3rem;position:relative;padding-bottom:12px;color:#fff;font-family:var(--font-heading)}.footer-section h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--primary);border-radius:1.5px}.footer-section p{color:#a0aec0;line-height:1.7;margin-bottom:1.5rem;font-size:.95rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:1rem}.footer-section ul li a{color:#a0aec0;text-decoration:none;transition:var(--transition);display:flex;align-items:center;font-size:.95rem}.footer-section ul li a i{margin-right:12px;width:20px;text-align:center;color:var(--primary);font-size:.9rem}.footer-section ul li a:hover{color:#fff;transform:translate(5px)}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-links a{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;transition:var(--transition);font-size:1.1rem}.social-links a:hover{background:var(--primary);color:#fff;transform:translateY(-5px);box-shadow:0 5px 15px #3498db4d}.copyright{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#a0aec0;font-size:.9rem}#basket-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1001;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-body{margin-bottom:1rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray);transition:var(--transition)}.close-btn:hover{color:var(--dark)}.empty-message{text-align:center;color:var(--gray);font-size:1rem;margin-top:1rem}.basket-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0}.basket-item-info{flex:1}.basket-item-name{font-weight:600;margin-bottom:.5rem}.basket-item-price{color:var(--gray)}.modal-footer{padding-top:1rem;border-top:1px solid #e0e0e0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@media(max-width:1100px){.hero-content{flex-direction:column;text-align:center}.hero-text{max-width:100%;margin-bottom:3rem}.hero-buttons{justify-content:center}.main-content{flex-direction:column}.sidebar{width:100%;position:static}}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem}nav ul{gap:1rem}nav ul li{margin-left:0}.hero-text h1{font-size:2.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.admin-tabs{flex-wrap:wrap}}