@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary: #5142FC;--secondary: #2563EB;--accent: #FF5A5F;--bg-main: #FFFFFF;--bg-soft: #F4F7FE;--text-dark: #0F172A;--text-gray: #64748B;--card-shadow: 0 10px 30px rgba(0, 0, 0, .05);--border-color: #E2E8F0;--radius: 20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;color:var(--text-dark);background:var(--bg-main);line-height:1.6}h1,h2,h3,h4{font-family:Plus Jakarta Sans,sans-serif;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.nav-landing{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{text-decoration:none;font-weight:600;color:var(--text-dark);font-size:.95rem}.hero{display:flex;align-items:center;justify-content:space-between;padding:6rem 0;gap:4rem}.hero-content{flex:1}.hero-tag{color:var(--primary);background:#f0efff;padding:.4rem 1rem;border-radius:99px;font-weight:700;font-size:.85rem;display:inline-block;margin-bottom:1.5rem}.hero h1{font-size:4rem;line-height:1.1;margin-bottom:2rem;background:linear-gradient(90deg,var(--text-dark),#5142FC);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-image{flex:1;position:relative}.hero-image img{width:100%;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:20px 20px 60px #d9d9d9,-20px -20px 60px #fff}.btn-cta{padding:1rem 2.5rem;background:var(--primary);color:#fff;border:none;border-radius:99px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #5142fc4d;transition:transform .2s,box-shadow .2s}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 15px 30px #5142fc66}.order-dashboard{display:flex;height:100vh;background:var(--bg-soft)}.sidebar-nixtio{width:280px;background:#fff;padding:2rem;display:flex;flex-direction:column;border-right:1px solid var(--border-color)}.main-nixtio{flex:1;padding:3rem;overflow-y:auto}.right-panel{width:350px;background:#fff;border-left:1px solid var(--border-color);padding:2rem;display:flex;flex-direction:column}.category-pill{padding:.6rem 1.2rem;background:#fff;border:1px solid var(--border-color);border-radius:99px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.category-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.clothes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;margin-top:2rem}.cloth-card{background:#fff;padding:1.5rem;border-radius:var(--radius);text-align:center;border:2px solid transparent;cursor:pointer;transition:all .2s}.cloth-card:hover{border-color:var(--primary);transform:translateY(-5px)}.cloth-card .icon{font-size:2.5rem;margin-bottom:1rem}.cloth-card h4{font-size:.95rem;margin-bottom:.25rem}.cloth-card .price{color:var(--primary);font-weight:700;font-size:.85rem}.summary-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px dashed var(--border-color)}.summary-item .info{flex:1}.summary-item .info h5{font-size:.9rem}.qty-control{display:flex;align-items:center;gap:.8rem;background:var(--bg-soft);padding:.3rem .6rem;border-radius:99px}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius);color:var(--text-gray);text-decoration:none;font-weight:600;transition:all .2s;cursor:pointer}.nav-item:hover{background:var(--bg-soft);color:var(--text-dark)}.nav-item.active{background:var(--primary);color:#fff}.status-badge{padding:.4rem 1rem;border-radius:99px;font-size:.75rem;font-weight:800;background:#f1f5f9;color:#475569}.status-badge.received{background:#e0e7ff;color:#4338ca}.status-badge.processing{background:#fef3c7;color:#92400e}.status-badge.ready{background:#d1fae5;color:#065f46}.status-badge.delivered{background:#f1f5f9;color:#475569}.flex-between{display:flex;justify-content:space-between;align-items:center}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.modal-content{scrollbar-width:thin;scrollbar-color:#E2E8F0 transparent}.modal-content::-webkit-scrollbar-thumb{background:#e2e8f0;border:2px solid white}.modal-content::-webkit-scrollbar-track{margin:20px 0}@media(max-width:900px){.hero{flex-direction:column;text-align:center}.hero h1{font-size:2.5rem}}