@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);:root{--font:"Inter",system-ui,-apple-system,sans-serif;--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#a5b4fc;--accent:#06b6d4;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--bg:#0f1117;--bg-2:#161b27;--bg-3:#1e2535;--surface:#1e2535;--surface-2:#252d40;--border:#ffffff12;--border-strong:#ffffff21;--text-1:#f1f5f9;--text-2:#94a3b8;--text-3:#64748b;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:32px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-lg:0 20px 60px #00000080;--glow:0 0 40px #6366f140;--glow-cyan:0 0 40px #06b6d433;--t:0.22s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1117;background:var(--bg);color:#f1f5f9;color:var(--text-1);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);margin:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#161b27;background:var(--bg-2)}::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary);border-radius:99px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.page-header.nav-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f1117d9;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;height:70px;justify-content:space-between;max-width:none;padding:0 32px;position:sticky;top:0;z-index:100}.nav-brand,.page-header.nav-header{align-items:center;display:flex}.nav-logo{filter:drop-shadow(0 0 12px rgba(99,102,241,.4));height:52px;width:auto}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.nav-button{align-items:center;background:#0000;border:none;border-radius:99px;color:#94a3b8;color:var(--text-2);cursor:pointer;display:inline-flex;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:.9rem;font-weight:500;letter-spacing:.01em;padding:8px 16px;text-decoration:none;transition:color .22s cubic-bezier(.4,0,.2,1),background .22s cubic-bezier(.4,0,.2,1);transition:color var(--t),background var(--t)}.nav-button:hover{background:#252d40;background:var(--surface-2);color:#f1f5f9;color:var(--text-1)}.nav-button.active{background:#6366f126;color:#a5b4fc;color:var(--primary-light)}.auth-page,.page-container{align-items:center;display:flex;flex-direction:column;min-height:calc(100vh - 70px);padding:40px 24px 60px}.page-header{align-items:center;background:linear-gradient(135deg,#1e2535,#252d40);background:linear-gradient(135deg,var(--surface) 0,var(--surface-2) 100%);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:32px;border-radius:var(--r-xl);box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-md);display:flex;gap:16px;justify-content:space-between;margin-bottom:28px;max-width:1200px;padding:32px 36px;width:100%}.page-header h1{font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin:0}.page-header p{color:#94a3b8;color:var(--text-2);font-size:.97rem;margin:8px 0 0}.button,.logout-button{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:99px;box-shadow:0 4px 20px #6366f159;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:.92rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.02em;padding:12px 24px;text-decoration:none;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),filter .22s cubic-bezier(.4,0,.2,1);transition:transform var(--t),box-shadow var(--t),filter var(--t);white-space:nowrap}.button:hover{box-shadow:0 8px 28px #6366f180;filter:brightness(1.08);transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-secondary{background:linear-gradient(135deg,#1e2535,#252d40);background:linear-gradient(135deg,var(--bg-3),var(--surface-2));border:1px solid #ffffff21;border:1px solid var(--border-strong);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm)}.button-secondary:hover{box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-md);filter:brightness(1.1)}.logout-button{background:linear-gradient(135deg,#b91c1c,#ef4444);box-shadow:0 4px 20px #ef44444d}.logout-button:hover{box-shadow:0 8px 28px #ef444480}.button-card{border-radius:12px;font-size:.85rem;padding:10px 18px}.auth-card{grid-gap:16px;background:#1e2535;background:var(--surface);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:32px;border-radius:var(--r-xl);box-shadow:0 20px 60px #00000080,0 0 40px #6366f140;box-shadow:var(--shadow-lg),var(--glow);display:grid;gap:16px;margin-top:40px;max-width:480px;padding:40px;width:100%}.auth-card h1{font-size:1.8rem;font-weight:800;margin:0 0 8px}.auth-card label{color:#94a3b8;color:var(--text-2);font-size:.85rem;font-weight:600;letter-spacing:.06em;margin-bottom:-8px;text-transform:uppercase}.auth-card input{background:#1e2535;background:var(--bg-3);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:16px;border-radius:var(--r-md);box-sizing:border-box;color:#f1f5f9;color:var(--text-1);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:.97rem;outline:none;padding:14px 18px;transition:border-color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);transition:border-color var(--t),box-shadow var(--t);width:100%}.auth-card input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.auth-card input::placeholder{color:#64748b;color:var(--text-3)}.auth-card button{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:16px;border-radius:var(--r-md);box-shadow:0 4px 20px #6366f159;color:#fff;cursor:pointer;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:1rem;font-weight:700;padding:15px;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);transition:transform var(--t),box-shadow var(--t);width:100%}.auth-card button:hover{box-shadow:0 8px 28px #6366f180;transform:translateY(-2px)}.dashboard-hero-card,.hero-card{background:linear-gradient(135deg,#1e2535,#252d40);background:linear-gradient(135deg,var(--surface) 0,var(--surface-2) 100%);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:32px;border-radius:var(--r-xl);box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-md);margin-bottom:24px;max-width:1200px;padding:36px;width:100%}.dashboard-hero-card h2,.hero-card h2{font-size:clamp(1.5rem,2.2vw,2rem);font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.dashboard-hero-card p,.hero-card p{color:#94a3b8;color:var(--text-2);line-height:1.8;margin:0}.hero-card ul{margin:0 0 24px;padding-left:20px}.hero-card li{color:#94a3b8;color:var(--text-2);margin-bottom:10px}.status-message{background:#6366f11f;border:1px solid #6366f14d;border-radius:16px;border-radius:var(--r-md);color:#a5b4fc;color:var(--primary-light);font-size:.95rem;font-weight:500;margin:0 0 16px;max-width:1200px;padding:14px 20px;width:100%}.success-message{color:#10b981;color:var(--success);margin:8px 0 0}.error-message{margin:8px 0 0}.error,.error-message{color:#ef4444;color:var(--danger)}.error{margin:0}.home-page{background:#0f1117;background:var(--bg);gap:32px}.home-hero{grid-gap:32px;background:linear-gradient(135deg,#1e2535,#1e2535 50%,#252d40);background:linear-gradient(135deg,var(--surface) 0,var(--bg-3) 50%,var(--surface-2) 100%);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:32px;border-radius:var(--r-xl);box-shadow:0 20px 60px #00000080,0 0 40px #6366f140;box-shadow:var(--shadow-lg),var(--glow);display:grid;gap:32px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);max-width:1200px;overflow:hidden;padding:56px;position:relative;width:100%}.home-hero:before{background:radial-gradient(ellipse at 80% 20%,#6366f126 0,#0000 60%),radial-gradient(ellipse at 20% 80%,#06b6d41a 0,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.home-hero-copy{display:flex;flex-direction:column;gap:22px;justify-content:center;position:relative;z-index:1}.home-eyebrow{align-self:start;background:#6366f126;border:1px solid #6366f14d;border-radius:99px;color:#a5b4fc;color:var(--primary-light);font-size:.78rem;font-weight:700;letter-spacing:.18em;padding:6px 14px;text-transform:uppercase}.home-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f1f5f9,#a5b4fc);background:linear-gradient(135deg,var(--text-1) 0,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,3vw,3.8rem);font-weight:900;letter-spacing:-.03em;line-height:1.05;margin:0}.home-hero p{color:#94a3b8;color:var(--text-2);font-size:1.05rem;line-height:1.75;margin:0}.home-hero-actions{display:flex;flex-wrap:wrap;gap:14px}.home-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.home-stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-md);display:flex;flex-direction:column;gap:4px;padding:18px;transition:border-color .22s cubic-bezier(.4,0,.2,1),background .22s cubic-bezier(.4,0,.2,1);transition:border-color var(--t),background var(--t)}.home-stat-item:hover{background:#6366f114;border-color:#6366f1;border-color:var(--primary)}.home-stat-item strong{color:#f1f5f9;color:var(--text-1);display:block;font-size:1.5rem;font-weight:800}.home-stat-item span{color:#94a3b8;color:var(--text-2);font-size:.85rem}.home-hero-graphic{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.hero-graphic-card{grid-gap:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:32px;border-radius:var(--r-xl);display:grid;gap:18px;min-height:340px;padding:28px;width:100%}.hero-tag{color:#06b6d4;color:var(--accent);font-size:.85rem;font-weight:700;letter-spacing:.05em}.hero-product-line{color:#f1f5f9;color:var(--text-1);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.hero-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.hero-preview-card{background:linear-gradient(135deg,#6366f126,#06b6d41a);border:1px solid #6366f140;border-radius:16px;border-radius:var(--r-md);color:#f1f5f9;color:var(--text-1);cursor:default;font-size:.95rem;font-weight:700;padding:20px;text-align:center;transition:transform .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1);transition:transform var(--t),border-color var(--t)}.hero-preview-card:hover{border-color:#6366f1;border-color:var(--primary);transform:scale(1.03)}.home-cards-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1200px;width:100%}.home-card{grid-gap:14px;background:#1e2535;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:22px;border-radius:var(--r-lg);cursor:default;display:grid;gap:14px;padding:28px;transition:transform .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);transition:transform var(--t),border-color var(--t),box-shadow var(--t)}.home-card:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 16px 40px #6366f133,0 0 40px #6366f140;box-shadow:0 16px 40px #6366f133,var(--glow);transform:translateY(-5px)}.home-card-icon{background:linear-gradient(135deg,#6366f133,#06b6d426);border:1px solid #6366f14d;border-radius:16px;display:grid;font-size:1.4rem;height:52px;place-items:center;transition:transform .22s cubic-bezier(.4,0,.2,1);transition:transform var(--t);width:52px}.home-card:hover .home-card-icon{transform:scale(1.1) rotate(-3deg)}.home-card h3{color:#f1f5f9;color:var(--text-1);font-size:1.05rem;font-weight:700;margin:0}.home-card p{color:#94a3b8;color:var(--text-2);font-size:.92rem;line-height:1.6;margin:0}.home-card-button{align-items:center;background:#6366f11f;border:1px solid #6366f14d;border-radius:10px;border-radius:var(--r-sm);color:#a5b4fc;color:var(--primary-light);display:inline-flex;font-size:.87rem;font-weight:700;justify-content:center;padding:10px 18px;text-decoration:none;transition:background .22s cubic-bezier(.4,0,.2,1),color .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1);transition:background var(--t),color var(--t),border-color var(--t);width:fit-content}.home-card-button:hover{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);color:#fff}.product-grid{grid-gap:20px;background:#0000;box-shadow:none;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:32px;max-width:1200px;padding:0;width:100%}.product-card{background:#1e2535;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:22px;border-radius:var(--r-lg);display:flex;flex-direction:column;max-width:none;overflow:hidden;padding:0;transition:transform .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);transition:transform var(--t),border-color var(--t),box-shadow var(--t)}.product-card:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 20px 50px #6366f133,0 0 40px #6366f140;box-shadow:0 20px 50px #6366f133,var(--glow);transform:translateY(-6px)}.product-card img{height:200px;object-fit:cover;transition:transform .22s cubic-bezier(.4,0,.2,1);transition:transform var(--t);width:100%}.product-card:hover img{transform:scale(1.04)}.product-card h3,.product-card p{margin:0;padding:0 18px}.product-card h3{color:#f1f5f9;color:var(--text-1);font-size:1rem;font-weight:700;padding-top:16px}.product-card>p{color:#94a3b8;color:var(--text-2);font-size:.87rem;padding-top:6px}.product-price{color:#a5b4fc;color:var(--primary-light);font-size:1.15rem;font-weight:800;padding-top:8px!important}.product-stock{color:#64748b!important;color:var(--text-3)!important;font-size:.82rem!important;padding-top:4px!important}.product-card-actions{border-top:1px solid #ffffff12;border-top:1px solid var(--border);display:flex;gap:10px;margin-top:auto;padding:16px 18px}.product-detail-card{grid-gap:36px;background:#1e2535;background:var(--surface);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:32px;border-radius:var(--r-xl);box-shadow:0 20px 60px #00000080;box-shadow:var(--shadow-lg);display:grid;gap:36px;grid-template-columns:1.1fr .9fr;max-width:1200px;padding:36px;width:100%}.detail-media img{border:1px solid #ffffff12;border:1px solid var(--border);border-radius:22px;border-radius:var(--r-lg);display:block;max-height:500px;object-fit:cover;width:100%}.detail-info{grid-gap:22px;display:grid;gap:22px}.detail-header h2{font-size:clamp(1.8rem,2.5vw,2.4rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0}.detail-brand{background:#6366f126;border:1px solid #6366f14d;border-radius:99px;color:#a5b4fc;color:var(--primary-light);display:inline-flex;font-size:.88rem;font-weight:700;padding:6px 16px}.detail-description{color:#94a3b8;color:var(--text-2);line-height:1.75;margin:0}.detail-pricing{grid-gap:16px;align-items:center;background:#ffffff08;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-md);display:grid;gap:16px;grid-template-columns:1fr auto;padding:20px}.detail-actions{grid-gap:14px;display:grid;gap:14px}.quantity-row{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:auto 130px}.quantity-row label{color:#94a3b8;color:var(--text-2);font-size:.9rem;font-weight:700;margin:0}.quantity-row input{background:#1e2535;background:var(--bg-3);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:16px;border-radius:var(--r-md);color:#f1f5f9;color:var(--text-1);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);min-width:0;outline:none;padding:12px 14px;width:100%}.quantity-row input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.detail-login-note{background:#ffffff08;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-md);padding:16px 20px}.detail-login-note p{color:#94a3b8;color:var(--text-2);margin:0}.detail-login-note a{color:#a5b4fc;color:var(--primary-light)}.orders-table{grid-gap:10px;background:#1e2535;background:var(--surface);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:32px;border-radius:var(--r-xl);box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-md);display:grid;gap:10px;max-width:1200px;padding:24px;width:100%}.orders-row{grid-gap:12px;align-items:center;background:#ffffff08;border:1px solid #0000;border-radius:16px;border-radius:var(--r-md);display:grid;font-size:.92rem;gap:12px;grid-template-columns:2fr .7fr 1fr 1fr 1.2fr 1.2fr;padding:16px 14px;transition:border-color .22s cubic-bezier(.4,0,.2,1),background .22s cubic-bezier(.4,0,.2,1);transition:border-color var(--t),background var(--t)}.orders-row:not(.header):hover{background:#6366f10f;border-color:#ffffff12;border-color:var(--border)}.orders-row.header{background:#6366f11f;border:1px solid #6366f140;color:#a5b4fc;color:var(--primary-light);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.gallery-grid{grid-gap:20px;background:#0000;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));max-width:1200px;padding:0;width:100%}.gallery-card{background:#1e2535;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:22px;border-radius:var(--r-lg);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);transition:transform var(--t),border-color var(--t),box-shadow var(--t)}.gallery-card:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 8px 32px #0006,0 0 40px #6366f140;box-shadow:var(--shadow-md),var(--glow);transform:translateY(-5px)}.gallery-card img{height:200px;object-fit:cover;transition:transform .22s cubic-bezier(.4,0,.2,1);transition:transform var(--t);width:100%}.gallery-card:hover img{transform:scale(1.05)}.gallery-card h3{color:#f1f5f9;color:var(--text-1);font-size:.95rem;margin:14px 16px 10px}.gallery-card p{color:#94a3b8;color:var(--text-2);font-size:.87rem;margin:0 16px 16px}.blog-list{grid-gap:16px;display:grid;gap:16px;max-width:1200px;width:100%}.blog-card{background:#1e2535;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:22px;border-radius:var(--r-lg);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);padding:28px;transition:transform .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1);transition:transform var(--t),border-color var(--t)}.blog-card:hover{border-color:#6366f1;border-color:var(--primary);transform:translateX(4px)}.blog-card h3{font-size:1.1rem;font-weight:700;margin:0 0 10px}.blog-card p{color:#94a3b8;color:var(--text-2);line-height:1.7;margin:0}.dashboard-header{background:linear-gradient(135deg,#1e2535,#1e2535)!important;background:linear-gradient(135deg,var(--surface) 0,var(--bg-3) 100%)!important;box-shadow:0 20px 60px #00000080,0 0 40px #6366f140!important;box-shadow:var(--shadow-lg),var(--glow)!important}.dashboard-welcome h1{font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:900;letter-spacing:-.03em;margin-bottom:6px}.dashboard-welcome p{color:#94a3b8;color:var(--text-2);margin:0}.dashboard-note{color:#64748b;color:var(--text-3);font-size:.92rem;line-height:1.7;margin-top:12px}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);margin-top:8px;max-width:1200px;width:100%}.dashboard-orders-card,.dashboard-profile-card{background:#1e2535;background:var(--surface);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:32px;border-radius:var(--r-xl);box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-md);padding:32px;width:100%}.dashboard-profile-form{grid-gap:12px;display:grid;gap:12px}.dashboard-profile-form label{color:#94a3b8;color:var(--text-2);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.dashboard-profile-form input{background:#1e2535;background:var(--bg-3);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:16px;border-radius:var(--r-md);box-sizing:border-box;color:#f1f5f9;color:var(--text-1);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:.97rem;outline:none;padding:13px 16px;transition:border-color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);transition:border-color var(--t),box-shadow var(--t);width:100%}.dashboard-profile-form input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.dashboard-profile-form input:disabled{cursor:not-allowed;opacity:.5}.dashboard-profile-details{grid-gap:12px;display:grid;gap:12px}.dashboard-profile-details p{color:#94a3b8;color:var(--text-2);font-size:.95rem;margin:0}.dashboard-profile-details strong{color:#f1f5f9;color:var(--text-1)}.dashboard-section-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.dashboard-section-header h3{font-size:1.25rem;font-weight:800;margin:0 0 6px}.dashboard-section-header p{color:#64748b;color:var(--text-3);font-size:.88rem;margin:0}.dashboard-orders-table{grid-gap:8px;display:grid;gap:8px}.dashboard-empty-state{background:#ffffff08;border:1px dashed #ffffff21;border:1px dashed var(--border-strong);border-radius:16px;border-radius:var(--r-md);color:#94a3b8;color:var(--text-2);font-size:.95rem;padding:24px;text-align:center}.whatsapp-float{align-items:center;animation:wa-bounce 2.5s ease-in-out infinite;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:99px;bottom:28px;box-shadow:0 8px 32px #25d36666,0 2px 8px #0000004d;color:#fff;display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:.92rem;font-weight:700;gap:10px;padding:14px 22px;position:fixed;right:28px;text-decoration:none;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);transition:transform var(--t),box-shadow var(--t);z-index:1000}.whatsapp-float:hover{animation:none;box-shadow:0 16px 48px #25d36699;transform:translateY(-4px) scale(1.05)}@keyframes wa-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:600px){.whatsapp-float span{display:none}.whatsapp-float{padding:14px}}.star-rating{display:flex;gap:6px}.star-btn{background:none;border:none;color:#1e2535;color:var(--bg-3);cursor:pointer;font-size:1.8rem;line-height:1;padding:0;text-shadow:0 0 0 #ffffff21;text-shadow:0 0 0 var(--border-strong);transition:color .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1);transition:color var(--t),transform var(--t)}.star-btn.active,.star-btn:hover{color:#f59e0b;color:var(--warning)}.star-btn:hover{transform:scale(1.2)}.review-form{grid-gap:14px;animation:fadeSlideIn .25s ease;background:linear-gradient(135deg,#10b98114,#06b6d40d);border:1px solid #10b98140;border-radius:22px;border-radius:var(--r-lg);display:grid;gap:14px;margin:6px 0 10px;padding:22px 26px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.review-form-title{color:#10b981;color:var(--success);font-size:1rem;font-weight:700;margin:0}.review-textarea{background:#1e2535;background:var(--bg-3);border:1px solid #10b9814d;border-radius:16px;border-radius:var(--r-md);box-sizing:border-box;color:#f1f5f9;color:var(--text-1);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:.95rem;outline:none;padding:12px 16px;resize:vertical;transition:border-color .22s cubic-bezier(.4,0,.2,1);transition:border-color var(--t);width:100%}.review-textarea:focus{border-color:#10b981;border-color:var(--success);box-shadow:0 0 0 3px #10b98133}.review-textarea::placeholder{color:#64748b;color:var(--text-3)}.review-card{grid-gap:16px;background:#1e2535;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:22px;border-radius:var(--r-lg);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow-sm);display:grid;gap:16px;padding:26px;transition:transform .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1);transition:transform var(--t),border-color var(--t)}.review-card:hover{border-color:#6366f1;border-color:var(--primary);transform:translateY(-3px)}.review-card-header{align-items:flex-start;display:flex;gap:14px}.review-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#06b6d4);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;box-shadow:0 4px 12px #6366f166;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:800;height:48px;justify-content:center;width:48px}.review-buyer-name{color:#f1f5f9;color:var(--text-1);font-weight:700;margin:0}.review-product-tag{color:#06b6d4;color:var(--accent);font-size:.83rem;font-weight:600;margin:5px 0 0}.review-card-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px;margin-left:auto}.star-display{font-size:1.1rem;letter-spacing:1px}.review-date{color:#64748b;color:var(--text-3);font-size:.8rem}.review-comment{border-left:3px solid #6366f166;color:#94a3b8;color:var(--text-2);font-style:italic;line-height:1.75;margin:0;padding-left:16px}.reviews-avg-badge{align-items:center;background:linear-gradient(135deg,#f59e0b26,#fbbf2414);border:1px solid #f59e0b4d;border-radius:22px;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:4px;padding:18px 28px}.reviews-avg-number{color:#f59e0b;color:var(--warning);font-size:2.2rem;font-weight:900;letter-spacing:-.03em}.reviews-avg-count{color:#64748b;color:var(--text-3);font-size:.82rem}.order-status-badge{border-radius:99px;display:inline-flex;font-size:.76rem;font-weight:700;letter-spacing:.04em;padding:4px 12px;text-transform:capitalize}.status-pending{background:#f59e0b26;border:1px solid #f59e0b4d;color:#fbbf24}.status-confirmed{background:#6366f126;border:1px solid #6366f14d;color:#a5b4fc;color:var(--primary-light)}.status-shipped{background:#06b6d426;border:1px solid #06b6d44d;color:#67e8f9}.status-delivered{background:#10b98126;border:1px solid #10b9814d;color:#6ee7b7}.review-done-badge{background:#10b98126;border:1px solid #10b9814d;border-radius:99px;color:#6ee7b7;font-size:.8rem;font-weight:700;padding:4px 12px}.trade-note{color:#94a3b8;color:var(--text-2);margin:0 0 20px}@media (max-width:1100px){.home-cards-grid,.home-hero{grid-template-columns:1fr}.home-hero{padding:36px}}@media (max-width:900px){.dashboard-grid,.product-detail-card{grid-template-columns:1fr}}@media (max-width:800px){.orders-row,.page-header{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;text-align:center}.button,.logout-button{margin-bottom:8px;width:100%}.home-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.auth-page,.page-container{padding:20px 16px 48px}.home-hero{padding:28px}.home-cards-grid,.product-grid{grid-template-columns:1fr 1fr}.orders-table .orders-row{font-size:.85rem;grid-template-columns:1fr}}.site-footer{background:#161b27;background:var(--bg-2);border-top:1px solid #ffffff12;border-top:1px solid var(--border);margin-top:auto;overflow:hidden;position:relative}.footer-glow-line{background:linear-gradient(90deg,#0000,#6366f1,#06b6d4,#0000);background:linear-gradient(90deg,#0000,var(--primary),var(--accent),#0000);height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.footer-inner{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1.5fr;margin:0 auto;max-width:1200px;padding:60px 24px 40px;width:100%}.footer-col-title{color:#f1f5f9;color:var(--text-1);font-size:1.05rem;font-weight:700;letter-spacing:.03em;margin:0 0 24px}.footer-brand-col{padding-right:40px}.footer-logo-text{color:#f1f5f9;color:var(--text-1);font-size:1.4rem;font-weight:900;letter-spacing:-.02em;margin-bottom:16px}.footer-logo-text span{color:#a5b4fc;color:var(--primary-light)}.footer-tagline{color:#64748b;color:var(--text-3);font-size:.95rem;line-height:1.7;margin:0 0 24px}.footer-socials{display:flex;gap:12px}.footer-social-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:99px;color:#94a3b8;color:var(--text-2);display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--t)}.footer-social-btn.wa:hover{background:#25d36626;border-color:#25d366;color:#25d366}.footer-nav{display:flex;flex-direction:column;gap:12px}.footer-nav a{color:#64748b;color:var(--text-3);font-size:.95rem;text-decoration:none;transition:color .22s cubic-bezier(.4,0,.2,1);transition:color var(--t);width:fit-content}.footer-nav a:hover{color:#a5b4fc;color:var(--primary-light)}.footer-contact-list{display:flex;flex-direction:column;gap:16px}.footer-contact-item{align-items:flex-start;color:#64748b;color:var(--text-3);display:flex;font-size:.95rem;gap:12px;line-height:1.5}.footer-contact-icon{font-size:1.1rem;margin-top:-2px}.footer-contact-item a{color:#64748b;color:var(--text-3);text-decoration:none;transition:color .22s cubic-bezier(.4,0,.2,1);transition:color var(--t)}.footer-contact-item a:hover{color:#a5b4fc;color:var(--primary-light)}.footer-bottom{align-items:center;border-top:1px solid #ffffff12;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:24px;width:100%}.footer-bottom p{color:#64748b;color:var(--text-3);font-size:.85rem;margin:0}.footer-made{color:#94a3b8!important;color:var(--text-2)!important}@media (max-width:900px){.footer-inner{gap:32px;grid-template-columns:1fr 1fr}.footer-brand-col{grid-column:1/-1;padding-right:0}}@media (max-width:600px){.footer-inner{grid-template-columns:1fr}.footer-bottom{flex-direction:column;justify-content:center;text-align:center}}.cart-badge{background:#ef4444;background:var(--danger);border-radius:99px;box-shadow:0 0 10px #ef444480;color:#fff;font-size:.7rem;font-weight:800;padding:2px 6px;position:absolute;right:-12px;top:-8px}.checkout-summary-section form label{color:#94a3b8;color:var(--text-2);display:block;font-size:.82rem;font-weight:600;letter-spacing:.06em;margin-bottom:4px;margin-top:12px;text-transform:uppercase}.checkout-summary-section form input{background:#1e2535;background:var(--bg-3);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:16px;border-radius:var(--r-md);box-sizing:border-box;color:#f1f5f9;color:var(--text-1);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:.95rem;outline:none;padding:12px 14px;transition:border-color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);transition:border-color var(--t),box-shadow var(--t);width:100%}.checkout-summary-section form input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}@media (max-width:900px){.product-detail-card.checkout{grid-template-columns:1fr}}.modal-backdrop{align-items:center;animation:modalFadeIn .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0c12bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-card{animation:modalScaleUp .25s cubic-bezier(.4,0,.2,1);background:#1e2535;background:var(--surface);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:32px;border-radius:var(--r-xl);box-shadow:0 25px 60px #0009,0 0 40px #6366f140;box-shadow:0 25px 60px #0009,var(--glow);max-height:90vh;max-width:560px;overflow-y:auto;padding:32px;position:relative;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.modal-header h2{color:#f1f5f9;color:var(--text-1);font-size:1.35rem;font-weight:700;margin:0}.modal-close-btn{background:#0000;border:none;border-radius:10px;border-radius:var(--r-sm);color:#64748b;color:var(--text-3);cursor:pointer;font-size:1.4rem;line-height:1;padding:4px 8px;transition:color .22s cubic-bezier(.4,0,.2,1),background .22s cubic-bezier(.4,0,.2,1);transition:color var(--t),background var(--t)}.modal-close-btn:hover{background:#252d40;background:var(--surface-2);color:#f1f5f9;color:var(--text-1)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.button-edit{background:#252d40;background:var(--surface-2);border:1px solid #ffffff21;border:1px solid var(--border-strong);border-radius:10px;border-radius:var(--r-sm);color:#f1f5f9;color:var(--text-1);cursor:pointer;font-weight:600;padding:8px 16px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--t)}.button-edit:hover{background:#6366f1;background:var(--primary);border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 40px #6366f140;box-shadow:var(--glow);color:#fff}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
/*# sourceMappingURL=main.fdaff3c0.css.map*/