*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;background:#f3f4f6;color:#111827}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:220px;background:#111827;color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.admin-sidebar h1{font-size:16px;margin:0 0 24px}.admin-sidebar a{padding:10px 12px;border-radius:8px;color:#d1d5db;font-size:14px}.admin-sidebar a.active,.admin-sidebar a:hover{background:#1f2937;color:#fff}.admin-main{flex:1;padding:32px;max-width:1100px}.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 2px #0000000f;margin-bottom:20px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 2px #0000000f}.stat-card .label{font-size:12px;color:#6b7280;margin-bottom:4px}.stat-card .value{font-size:22px;font-weight:700}.btn{display:inline-block;padding:10px 16px;border-radius:8px;border:none;background:#111827;color:#fff;font-size:14px;font-weight:600}.btn:hover{background:#1f2937}.btn-secondary{background:#e5e7eb;color:#111827}.btn-secondary:hover{background:#d1d5db}.btn-danger{background:#dc2626;color:#fff}.btn-sm{padding:6px 10px;font-size:12px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;padding:9px 12px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #E5E7EB}th{color:#6b7280;font-weight:600;font-size:12px;text-transform:uppercase}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge-green{background:#d1fae5;color:#065f46}.badge-orange{background:#fef3c7;color:#92400e}.badge-red{background:#fee2e2;color:#991b1b}.badge-gray{background:#e5e7eb;color:#374151}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.store-tile{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 2px #0000000f}.store-tile img{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#f3f4f6}.store-tile h3{margin:10px 0 2px;font-size:15px}.store-tile p{margin:0;font-size:12px;color:#6b7280}.storefront{--primary: #111827;--secondary: #6B7280;--accent: #6366F1;--text: #111827;--bg: #FFFFFF;background:var(--bg);color:var(--text);min-height:100vh}.store-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;position:sticky;top:0;background:var(--bg);border-bottom:1px solid #E5E7EB;z-index:10}.store-header .brand{display:flex;align-items:center;gap:10px}.store-header .brand img{width:52px;height:52px;border-radius:10px;object-fit:cover}.store-header .brand h2{margin:0;font-size:16px}.cart-button{display:flex;align-items:center;gap:6px;background:var(--primary);color:#fff;padding:10px 16px;border-radius:999px;font-weight:600;font-size:14px;border:none}.cart-badge{background:var(--accent);border-radius:999px;padding:1px 7px;font-size:12px}.store-banner{padding:32px 20px;text-align:center}.store-banner h1{font-size:26px;margin:0 0 6px}.store-banner p{color:var(--secondary);margin:0}.category-pills{display:flex;gap:8px;overflow-x:auto;padding:12px 20px}.category-pills button{padding:8px 16px;border-radius:999px;border:1px solid #E5E7EB;background:#fff;font-size:13px;white-space:nowrap}.category-pills button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px;justify-items:stretch}@media (min-width: 768px){.product-grid{grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}}.product-card{background:#fff;border-radius:10px;border:1px solid #EEE;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000f}.product-card .img-wrap{width:100%;aspect-ratio:1 / 1;background:#f7f7f7;display:flex;align-items:center;justify-content:center;padding:12px}.product-card .img-wrap{border-radius:var(--card-radius) var(--card-radius) 0 0}.product-card .img-wrap{width:100%;aspect-ratio:1 / 1;background:#f7f7f7;overflow:hidden}.product-card .img-wrap img{width:100%;height:100%;object-fit:cover}.product-card .info{padding:10px 12px 12px}.product-card h4{margin:0 0 4px;font-size:13px;font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em}.product-card .price{font-weight:700;font-size:15px;color:var(--v-700, #6D28D9);margin:0 0 6px}.product-card .add-btn{width:100%;padding:8px;border-radius:8px;border:1px solid var(--v-200, #DDD6FE);background:var(--v-50, #F5F3FF);color:var(--v-700, #6D28D9);font-size:12px;font-weight:600;cursor:pointer}.product-detail{padding:20px;max-width:640px;margin:0 auto}.product-detail img{width:100%;max-height:340px;object-fit:cover;border-radius:14px}.product-detail h1{font-size:20px;margin:16px 0 6px}.product-detail .price{font-size:18px;font-weight:700;margin-bottom:10px}.qty-selector{display:flex;align-items:center;gap:12px;margin:16px 0}.qty-selector button{width:34px;height:34px;border-radius:8px;border:1px solid #D1D5DB;background:#fff;font-size:16px}.related-section{margin-top:32px}.related-section h3{font-size:15px;margin-bottom:12px}.cart-page,.checkout-page,.confirmation-page{padding:20px;max-width:560px;margin:0 auto}.cart-line{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #E5E7EB}.cart-line img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#f3f4f6}.cart-line .grow{flex:1}.totals-box{margin-top:16px;padding:16px;background:#f9fafb;border-radius:12px;font-size:14px}.totals-box .row{display:flex;justify-content:space-between;margin-bottom:6px}.totals-box .row.total{font-weight:700;font-size:16px;border-top:1px solid #E5E7EB;padding-top:8px;margin-top:8px}.stock-pill{font-size:12px;font-weight:600}.stock-pill.en_stock{color:#059669}.stock-pill.limite{color:#d97706}.stock-pill.rupture{color:#dc2626}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-box{background:#fff;padding:32px;border-radius:16px;width:100%;max-width:380px;box-shadow:0 4px 20px #00000014}.error-text{color:#dc2626;font-size:13px;margin-top:8px}:root{--admin-bg-primary: #f8fafc;--admin-purple-main: #6d28d9;--admin-purple-light: #f5f3ff;--admin-purple-hover: #5b21b6;--admin-sidebar-bg: #1e1b4b;--admin-text-light: #f8fafc;--admin-card-bg: #ffffff;--admin-border-radius: 12px;--admin-shadow: 0 4px 6px -1px rgba(109, 40, 217, .05), 0 2px 4px -1px rgba(0, 0, 0, .03)}.admin-layout-container{display:flex;min-height:100vh;background-color:var(--admin-bg-primary);font-family:Inter,sans-serif}.admin-sidebar{width:260px;background-color:var(--admin-sidebar-bg);color:var(--admin-text-light);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.admin-sidebar-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:var(--admin-border-radius);color:#c7d2fe;text-decoration:none;transition:all .2s ease}.admin-sidebar-item:hover,.admin-sidebar-item.active{background-color:#ffffff14;color:#fff}.admin-main-content{flex:1;padding:2.5rem;overflow-y:auto}.admin-card{background-color:var(--admin-card-bg);border-radius:var(--admin-border-radius);padding:1.5rem;box-shadow:var(--admin-shadow);border:1px solid #e2e8f0}.admin-btn-purple{background-color:var(--admin-purple-main);color:#fff;padding:.5rem 1.25rem;border-radius:var(--admin-border-radius);border:none;cursor:pointer;transition:background .2s}.admin-btn-purple:hover{background-color:var(--admin-purple-hover)}
