.cart-items{margin-bottom:2rem}.cart-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-surface);border-radius:var(--radius);margin-bottom:1rem;box-shadow:var(--shadow);transition:var(--transition)}.cart-item:hover{transform:translate(4px)}.cart-item img{width:80px;height:80px;object-fit:cover;border-radius:calc(var(--radius) / 2)}.cart-item__info{flex:1}.cart-item__info h4{margin-bottom:.25rem;color:var(--color-text)}.cart-item__info p{color:var(--color-text-light);font-size:.875rem}.cart-item__total{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.btn-remove{background:#ef44441a;color:#dc2626;border:none;padding:.5rem 1rem;border-radius:calc(var(--radius) / 2);cursor:pointer;transition:var(--transition)}.btn-remove:hover{background:#dc2626;color:#fff}.cart-summary{background:linear-gradient(135deg,#ff6b351a,#f7931e0d);padding:1.5rem;border-radius:var(--radius);text-align:center}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start;margin-top:.75rem}.page-breadcrumb{background:linear-gradient(180deg,#ff6b3505,#fff0);padding:1rem 0;border-radius:10px}.page-breadcrumb h1{color:var(--text)}.summary-breakdown{padding-top:.5rem}.summary-breakdown .break-table{width:100%;border-collapse:collapse}.summary-breakdown .break-table td{padding:.45rem 0}.summary-breakdown .break-table .label{color:var(--text-secondary)}.summary-breakdown .break-table .value{font-weight:700;text-align:right}.summary-breakdown .break-table .total-row{border-top:1px dashed var(--border);padding-top:.7rem;margin-top:.7rem}.coupon-success{color:var(--success);font-weight:700}.coupon-error{color:var(--error);font-weight:700}.cart-list .cart-item{padding:1rem;border-radius:10px;border:1px solid var(--border);background:var(--white);box-shadow:0 6px 18px #1118270a;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.cart-list .cart-item img{width:88px;height:88px;border-radius:10px}.cart-list .cart-item .cart-item__info{flex:1;padding-right:1rem}.qty-controls button{background:transparent;border:1px solid var(--border);width:36px;height:36px;border-radius:8px;font-weight:700;cursor:pointer}.qty-controls button:hover{transform:translateY(-2px);border-color:var(--primary)}.qty-input{padding:.4rem .5rem;border:1px solid var(--border);border-radius:8px}.cart-item__total{font-weight:800;font-size:1.05rem;color:var(--primary)}.summary-card{background:linear-gradient(135deg,#ff6b3508,#ffffff05);padding:1.25rem;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.summary-breakdown div{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.bottom-total{display:block;text-align:center;padding:1.25rem;margin-top:1rem;background:linear-gradient(90deg,#ff6b350f,#ff6c2805);border-radius:8px}.cart-preview{position:absolute;right:0;top:calc(100% + 8px);width:380px;background:var(--white);border-radius:12px;box-shadow:0 12px 30px #11182714;border:1px solid var(--border);z-index:1200;overflow:hidden;transform-origin:top right;transition:transform .18s ease,opacity .18s ease;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none}.cart-preview.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.cart-preview-inner{padding:0}.cart-preview-items{max-height:260px;overflow-y:auto}.cart-preview-item{display:flex;gap:.75rem;padding:.75rem 1rem;align-items:center;border-bottom:1px solid var(--border)}.cart-preview-item img{width:56px;height:56px;object-fit:cover;border-radius:8px}.cart-preview-item .meta{flex:1}.cart-preview-item .meta .name{font-weight:700;margin-bottom:.25rem}.cart-preview-item .meta .qty{color:var(--text-secondary);font-size:.875rem}.cart-preview-item .price{font-weight:800;color:var(--primary)}.cart-preview-remove{background:transparent;border:none;cursor:pointer;padding:.35rem .5rem;border-radius:6px;font-size:.9rem;color:var(--text-secondary);transition:all .15s ease;margin-left:.5rem}.cart-preview-remove:hover{background:#dc262614;color:#dc2626;transform:translateY(-1px)}.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--white);border-radius:10px;box-shadow:0 10px 30px #11182714;z-index:1200;border:1px solid var(--border);overflow:hidden;display:none}.search-suggestions.show{display:block}.search-suggestions .item{display:flex;gap:.75rem;padding:.75rem;align-items:center;cursor:pointer;border-bottom:1px solid var(--border)}.search-suggestions .item:last-child{border-bottom:none}.search-suggestions .item img{width:56px;height:56px;object-fit:cover;border-radius:8px}.search-suggestions .item .meta{flex:1}.search-suggestions .item .meta .title{font-weight:700}.search-suggestions .item .meta .subtitle{color:var(--text-secondary);font-size:.875rem}.search-suggestions .item .price{font-weight:800;color:var(--primary)}.cart-summary p{font-size:1.5rem;margin-bottom:1rem}.checkout-summary{background:var(--color-surface);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2rem}.checkout-form{max-width:600px}.checkout-form h3{margin-bottom:1rem;color:var(--color-primary)}.checkout-form label{display:block;margin-bottom:1rem;cursor:pointer}.checkout-form input[type=radio]{margin-right:.5rem}#paymentFields{margin:1rem 0;padding:1rem;background:#ff6b350d;border-radius:var(--radius)}.card--product{position:relative;overflow:hidden}.card--product:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:var(--transition)}.card--product:hover:before{left:100%}.btn-add-cart{position:relative;overflow:hidden}.btn-add-cart:after{content:"🛒";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:1.5rem;opacity:0;transition:var(--transition)}.btn-add-cart:active:after{transform:translate(-50%,-50%) scale(1.5);opacity:1}.category-menu{margin:2rem 0;background:var(--color-surface);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.category-menu ul{list-style:none;display:flex;gap:1rem;flex-wrap:wrap}.category-item{position:relative}.category-item>a{display:block;padding:.75rem 1.25rem;background:linear-gradient(135deg,#ff6b351a,#f7931e0d);border-radius:calc(var(--radius) / 2);color:var(--color-text);text-decoration:none;font-weight:500;transition:var(--transition)}.category-item>a:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;transform:translateY(-2px)}.subcategories{display:none;position:absolute;top:100%;left:0;background:var(--color-surface);border-radius:calc(var(--radius) / 2);box-shadow:var(--shadow);padding:.5rem;margin-top:.5rem;min-width:200px;z-index:10}.category-item:hover .subcategories{display:block}.subcategories li{margin:0}.subcategories a{display:block;padding:.5rem 1rem;color:var(--color-text);text-decoration:none;border-radius:calc(var(--radius) / 2);transition:var(--transition)}.subcategories a:hover{background:#ff6b351a;color:var(--color-primary)}.timeline{position:relative;padding:2rem 0}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-primary),var(--color-accent))}.timeline-item{position:relative;padding-left:3rem;margin-bottom:2rem}.timeline-item:before{content:"";position:absolute;left:14px;top:0;width:14px;height:14px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 4px var(--color-surface),0 0 0 6px var(--color-primary)}.timeline-item.active:before{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px var(--color-surface),0 0 0 6px var(--color-primary)}50%{box-shadow:0 0 0 4px var(--color-surface),0 0 0 12px #ff6b354d}}.timeline-content{background:var(--color-surface);padding:1rem;border-radius:var(--radius);box-shadow:var(--shadow)}.client-wrapper{display:flex;gap:2rem;align-items:flex-start;margin-top:var(--spacing-md)}.client-main{flex:1}.client-sidebar{flex:0 0 260px;background:var(--surface);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);position:sticky;top:96px;height:fit-content}.client-sidebar nav{display:flex;flex-direction:column;gap:.5rem}.client-sidebar a{display:block;padding:.75rem 1rem;border-radius:8px;text-decoration:none;color:var(--text);font-weight:600;transition:var(--transition)}.client-sidebar a:hover,.client-sidebar a.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:var(--shadow-sm)}@media(max-width:1024px){.client-wrapper{flex-direction:column}.client-sidebar{position:static;width:100%;padding:var(--spacing-md)}}.panel-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.panel-tabs .tab-btn{background:transparent;border:1px solid rgba(0,0,0,.06);padding:.5rem .75rem;border-radius:8px;cursor:pointer}.panel-tabs .tab-btn.active{background:linear-gradient(135deg,#ff4b3a,#ff6b35);color:#fff;border-color:transparent}.panel-body{background:var(--white);padding:1rem;border-radius:8px}.timeline-content h4{margin-bottom:.5rem;color:var(--color-primary)}.timeline-content p{color:var(--color-text-light);font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out}.glass{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}.neomorph{background:var(--color-bg);box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #ffffffb3}.neomorph:hover{box-shadow:inset 4px 4px 8px #0000001a,inset -4px -4px 8px #ffffffb3}.orders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1rem}.order-card{background:linear-gradient(180deg,rgba(255,255,255,.98),var(--white));border-radius:12px;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid var(--border);box-shadow:0 8px 18px #1118270f;transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s ease}.order-card:hover{transform:translateY(-6px);box-shadow:0 18px 48px #1118271f}.order-card .left{display:flex;align-items:center;gap:1rem;flex:1}.order-id{background:linear-gradient(135deg,#ff6b351f,#ff6c280d);border-radius:8px;padding:.6rem .9rem;font-weight:800;color:var(--primary)}.order-meta{color:var(--text-secondary);font-size:.9rem}.status-pill{padding:.25rem .6rem;border-radius:999px;font-weight:700;font-size:.8rem;display:inline-block}.status-delivered{background:#10b9811f;color:var(--success);border:1px solid rgba(16,185,129,.14)}.status-shipping{background:#3b82f60f;color:#2563eb;border:1px solid rgba(59,130,246,.08)}.status-pending{background:#f973160f;color:#f97316;border:1px solid rgba(249,115,22,.08)}.order-right{text-align:right;min-width:150px;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.order-amount{font-weight:800;font-size:1.125rem;color:var(--primary)}.order-actions{display:flex;gap:.5rem}.btn-details{background:transparent;border:2px solid var(--primary);color:var(--primary);padding:.45rem .75rem;border-radius:8px;font-weight:700}.btn-details:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.order-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;z-index:2000;opacity:0;pointer-events:none;transition:opacity .18s ease}.order-modal.show{opacity:1;pointer-events:auto}.order-modal-inner{width:90%;max-width:980px;background:var(--white);border-radius:14px;padding:2rem;position:relative;box-shadow:0 30px 90px #0000003d}.order-detail-items{display:grid;gap:.75rem;margin-top:1rem}.order-detail-item{display:flex;gap:1rem;align-items:center;padding:.75rem;border-radius:8px;border:1px solid var(--border)}.order-detail-item img{width:72px;height:72px;object-fit:cover;border-radius:8px}@media(max-width:720px){.order-card{flex-direction:column;align-items:flex-start;gap:.75rem}.order-right{width:100%;align-items:flex-start}}.order-steps{margin:2rem 0;padding:1.5rem;background:var(--bg-light, #f9fafb);border-radius:12px}.order-steps h4{margin-bottom:1rem;color:var(--text-primary)}.steps-container{display:flex;flex-direction:column;gap:1rem}.order-step{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--white, #ffffff);border-radius:8px;border:1px solid var(--border, #e5e7eb);opacity:.5;transition:all .3s ease}.order-step.active{opacity:1;background:var(--white);border-color:var(--primary-light, #dbeafe)}.order-step.current{opacity:1;background:var(--primary-light, #eff6ff);border:2px solid var(--primary, #3b82f6);box-shadow:0 4px 12px #3b82f633}.step-icon{font-size:2rem;min-width:40px;text-align:center}.step-label{font-weight:600;flex:1;color:var(--text-primary)}.order-items-section{margin:1.5rem 0}.order-items-section h4{margin-bottom:1rem}.order-documents,.order-voucher{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.order-documents h4,.order-voucher h4{margin-bottom:1rem}