*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #0F172A;--card-bg: #111827;--accent-red: #C7053D;--accent-green: #6AC146;--text-light: #F8FAFC;--text-dark: #1a1a1a;--border-color: #1e293b;--success-green: #6AC146}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--primary-color);color:var(--text-light);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:var(--card-bg);padding:20px 0;border-bottom:2px solid var(--accent-red);box-shadow:0 4px 12px #c7053d1a;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;color:var(--accent-red);text-decoration:none}.logo-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.cart-btn{position:relative;background:var(--accent-green);color:#0f172a;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s;display:flex;align-items:center;gap:8px}.cart-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6ac14666;background:#5aad3a}.cart-count{position:absolute;top:-10px;right:-10px;background:#ffd60a;color:#000;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.products-section{padding:80px 0;background:var(--primary-color);border-top:1px solid var(--border-color)}.products-title{font-size:42px;font-weight:700;margin-bottom:10px;color:#fff}.products-subtitle{font-size:16px;color:#999;margin-bottom:50px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.product-card{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;transition:all .3s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #c7053d33;border-color:var(--accent-red)}.product-image{width:100%;height:220px;overflow:hidden;background:var(--primary-color);display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.1)}.product-info{padding:20px;flex:1;display:flex;flex-direction:column}.product-name{font-size:18px;font-weight:600;color:#fff;margin-bottom:10px;min-height:50px;display:flex;align-items:center}.product-category{margin-bottom:15px}.badge{display:inline-block;background:#1e293be6;color:#94a3b8;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid #1e293b}.product-price{font-size:28px;font-weight:700;color:var(--accent-red);margin-bottom:20px}.product-stock{margin-bottom:15px;font-size:14px;font-weight:600}.stock-available{color:var(--success-green);display:block}.stock-unavailable{color:#f44;display:block}.btn-add-product:disabled{background:#666;cursor:not-allowed;opacity:.6}.btn-add-product:disabled:hover{background:#666;transform:none;box-shadow:none}.btn-add-product{background:var(--accent-green);color:#0f172a;border:none;padding:12px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s;font-size:14px;margin-top:auto}.btn-add-product:hover{background:#5aad3a;transform:translateY(-2px);box-shadow:0 8px 20px #6ac14666}.btn-add-product:active{transform:translateY(0)}.products-footer{display:flex;justify-content:center;margin-top:60px;padding:40px 0;border-top:1px solid var(--border-color)}.btn-view-cart{background:var(--accent-red);color:#fff;border:none;padding:16px 40px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #c7053d4d}.btn-view-cart:hover{transform:translateY(-2px);box-shadow:0 8px 25px #c7053d80;background:#9e0431}.btn-view-cart:active{transform:translateY(0)}.cart{padding:60px 0;background:var(--primary-color);border-top:1px solid var(--border-color)}.cart h2{font-size:36px;font-weight:700;margin-bottom:40px;color:#fff}.cart-empty{text-align:center;padding:60px 20px;color:#999;font-size:18px}.cart-items{background:var(--card-bg);padding:30px;border-radius:12px;border:1px solid var(--border-color);margin-bottom:30px}.cart-item{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:20px;align-items:center;padding:20px;border:1px solid var(--border-color);border-radius:8px;margin-bottom:15px}.cart-item-name{color:#fff;font-weight:600;font-size:18px}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:15px;background:var(--primary-color);border-radius:8px;padding:10px 15px;border:1px solid var(--border-color)}.quantity-controls button{width:40px;height:40px;border:none;background:var(--accent-green);color:#0f172a;border-radius:6px;cursor:pointer;font-weight:700;font-size:20px;transition:all .2s;display:flex;align-items:center;justify-content:center}.quantity-controls button:hover{background:#5aad3a;transform:scale(1.1)}.quantity-controls button:active{transform:scale(.95)}.quantity-display{min-width:40px;text-align:center;color:#fff;font-weight:600;font-size:18px}.cart-item-price{color:var(--accent-red);font-weight:600;font-size:20px;text-align:right}.btn-remove{background:#555;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.btn-remove:hover{background:#e63946}.cart-summary{background:var(--card-bg);padding:30px;border-radius:12px;border:1px solid var(--border-color);max-width:600px;margin-left:auto;margin-bottom:30px}.summary-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border-color);color:var(--text-light);font-size:16px}.summary-row.total{border-bottom:none;font-size:20px;font-weight:700;color:var(--accent-red);padding-top:20px}.cart-actions{display:flex;gap:15px}.btn-back{flex:1;background:#555;color:#fff;border:none;padding:14px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:16px}.btn-back:hover{background:#666;transform:translateY(-2px)}.btn-clear{background:#555;color:#fff;border:none;padding:14px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:16px;flex:1}.btn-clear:hover{background:#3d3d3d;transform:translateY(-2px)}.btn-pay{flex:1;background:var(--accent-green);color:#0f172a;border:none;padding:14px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s;font-size:16px}.btn-pay:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6ac14666;background:#5aad3a}.btn-pay:disabled{background:#666;cursor:not-allowed;transform:none}.checkout{padding:60px 0;background:var(--primary-color);border-top:1px solid var(--border-color)}.checkout h2{font-size:36px;font-weight:700;margin-bottom:40px;color:#fff}.checkout-form{background:var(--card-bg);padding:40px;border-radius:12px;border:1px solid var(--border-color);max-width:700px}.checkout-form h3{font-size:18px;color:var(--accent-red);margin-top:25px;margin-bottom:15px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.checkout-form h3:first-of-type{margin-top:0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:500;font-size:14px}.form-group input{width:100%;padding:12px;background:var(--primary-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-light);font-size:14px;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 8px #c7053d4d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-actions{display:flex;gap:15px;margin-top:30px}.success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--card-bg);padding:20px}.success-container{background:var(--card-bg);padding:60px;border-radius:12px;border:2px solid var(--success-green);text-align:center;max-width:600px;box-shadow:0 20px 60px #6ac14633}.success-icon{font-size:80px;margin-bottom:20px}.success-container h1{font-size:36px;color:var(--success-green);margin-bottom:15px}.success-container p{color:var(--text-light);margin-bottom:30px;line-height:1.8}.order-info{background:var(--primary-color);padding:30px;border-radius:8px;margin:30px 0;text-align:left;border-left:4px solid var(--success-green)}.order-info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-color);color:var(--text-light)}.order-info-row:last-child{border-bottom:none}.order-info-label{font-weight:600;color:var(--success-green)}.btn-continue{background:var(--accent-red);color:#fff;border:none;padding:14px 40px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:16px}.btn-continue:hover{transform:translateY(-2px);box-shadow:0 10px 25px #c7053d66;background:#9e0431}.admin-page{min-height:100vh;background:var(--card-bg);padding:60px 0}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.admin-header h1{font-size:32px;color:#fff}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--card-bg);padding:25px;border-radius:12px;border:1px solid var(--border-color);border-left:4px solid var(--accent-red)}.stat-card h3{color:#999;font-size:12px;text-transform:uppercase;margin-bottom:10px}.stat-card .value{font-size:32px;font-weight:700;color:var(--accent-red)}.orders-table{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse}table thead{background:var(--primary-color);border-bottom:2px solid var(--border-color)}table th{padding:15px;text-align:left;color:var(--accent-red);font-weight:600;font-size:12px;text-transform:uppercase}table td{padding:15px;border-bottom:1px solid var(--border-color);color:var(--text-light)}table tbody tr:hover{background:#c7053d1a}.status-select{background:var(--primary-color);color:#fff;border:1px solid var(--border-color);padding:6px 10px;border-radius:4px;cursor:pointer;transition:all .2s}.status-select:focus{outline:none;border-color:var(--accent-red)}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-pending{background:#ffc10733;color:#ffc107}.status-approved{background:#6ac14633;color:var(--success-green)}.status-shipped{background:#1976d233;color:#1976d2}.message{text-align:center;padding:40px 20px;color:#999}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:20px;color:var(--text-light);background:var(--primary-color)}.icon-gray{filter:grayscale(1) brightness(.5);display:inline-block}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(200px);background:var(--success-green);color:#000;padding:16px 24px;border-radius:8px;font-weight:600;font-size:14px;box-shadow:0 8px 24px #6ac14666;opacity:0;transition:all .3s ease;z-index:1000;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:30px}.hero-text h1,.price{font-size:32px}.specs-grid{grid-template-columns:1fr}.cart-item{grid-template-columns:1fr;gap:15px;padding:15px;margin-bottom:12px}.cart-item-name{font-size:16px}.quantity-controls{justify-content:flex-start;gap:10px}.quantity-controls button{width:35px;height:35px;font-size:18px}.cart-item-price{font-size:18px}.btn-remove{padding:6px 10px;font-size:11px}.cart-summary{max-width:100%;padding:20px;font-size:14px}.summary-row{padding:10px 0;font-size:14px}.summary-row.total{font-size:16px;padding-top:15px}.cart-actions{flex-direction:column;gap:10px}.btn-back,.btn-clear,.btn-pay{width:100%;font-size:14px;padding:12px}.form-row,.admin-stats{grid-template-columns:1fr}table{font-size:12px}table th,table td{padding:10px}.header-content{flex-direction:column;gap:15px}.success-container{padding:30px}.checkout-form{padding:20px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.product-card{border-radius:8px}.product-image{height:180px}.product-name{font-size:14px;min-height:40px}.product-price{font-size:20px;margin-bottom:12px}.btn-add-product{padding:10px;font-size:12px}.products-title{font-size:32px;margin-bottom:8px}.products-subtitle{font-size:14px;margin-bottom:30px}.products-footer{margin-top:40px;padding:30px 0}.btn-view-cart{padding:14px 30px;font-size:14px;width:90%}.cart h2,.checkout h2{font-size:28px;margin-bottom:25px}.cart-items{padding:20px;margin-bottom:20px}.checkout-form{max-width:100%}.checkout-form h3,.form-group input{font-size:16px}.toast{bottom:20px;left:20px;right:20px;transform:translateY(200px)}.toast.show{transform:translateY(0)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--card-bg);padding:20px}.login-container{width:100%;max-width:400px}.login-box{background:var(--card-bg);padding:40px;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 20px 60px #c7053d33}.login-box h1{font-size:32px;color:var(--accent-red);margin-bottom:10px;text-align:center}.login-box>p{color:#999;text-align:center;margin-bottom:30px}.login-box form{margin:30px 0}.login-box .form-group{margin-bottom:20px}.login-box .form-group label{color:#fff;font-weight:600;margin-bottom:8px;display:block;font-size:14px}.login-box input{width:100%;padding:12px;background:var(--primary-color);border:1px solid var(--border-color);border-radius:6px;color:#fff;font-size:14px}.login-box input:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 8px #c7053d4d}.btn-login{width:100%;padding:12px;background:var(--accent-red);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px}.btn-login:hover:not(:disabled){background:#9e0431;transform:translateY(-2px)}.btn-login:disabled{background:#666;cursor:not-allowed}.error-message{background:#f44;color:#fff;padding:10px;border-radius:6px;margin-bottom:15px;font-size:13px;text-align:center}.hint{text-align:center;color:#666;font-size:12px;margin-top:20px}.btn-logout{background:#555;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .3s;font-weight:600}.btn-logout:hover{background:var(--accent-red)}.stock-management{background:var(--card-bg);padding:30px;border-radius:12px;border:1px solid var(--border-color);margin-bottom:40px}.stock-management h2{color:var(--accent-red);margin-bottom:20px}.stock-form{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end}.stock-form .form-group{display:flex;flex-direction:column}.stock-form select{background:var(--primary-color);border:1px solid var(--border-color);color:#fff;padding:10px;border-radius:6px;cursor:pointer}.stock-form select:focus{outline:none;border-color:var(--accent-red)}.btn-update-stock{background:var(--success-green);color:#000;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.btn-update-stock:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6ac14666}.btn-update-stock:disabled{background:#666;cursor:not-allowed}.message{grid-column:1 / -1;padding:12px;border-radius:6px;text-align:center;font-weight:600}.message.success{background:#6ac14633;color:var(--success-green)}.message.error{background:#f443;color:#f44}@media (max-width: 768px){.stock-form{grid-template-columns:1fr}.login-box{padding:20px}}