:root{--cream-50: #fffcf7;--cream-100: #fff8f0;--cream-200: #fbf0e2;--cream-300: #f2e4d0;--pink: #ffb8c8;--pink-soft: #ffe0e8;--pink-deep: #f08aa0;--lavender: #e0c8f0;--lavender-soft: #f0e4f8;--lavender-deep: #b898d8;--mint: #b8e4d0;--mint-soft: #e0f4ec;--mint-deep: #80c8a8;--butter: #ffe4a8;--butter-soft: #fff4d8;--sky: #c8e0f0;--sky-soft: #e4f0f8;--peach: #ffd0b8;--ink: #4a3f4d;--ink-soft: #6e6172;--ink-faint: #a0939f;--line: rgba(74, 63, 77, .08);--line-strong: rgba(74, 63, 77, .16);--shadow-puff: 0 8px 24px -8px rgba(240, 138, 160, .18), 0 2px 6px rgba(74, 63, 77, .04);--shadow-puff-lg: 0 20px 48px -16px rgba(240, 138, 160, .22), 0 4px 12px rgba(74, 63, 77, .06);--shadow-inset: inset 0 2px 4px rgba(255, 255, 255, .8), inset 0 -2px 4px rgba(74, 63, 77, .04);--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-xl: 32px;--r-2xl: 40px;--r-pill: 999px;--display: "Fredoka", system-ui, sans-serif;--body: "Quicksand", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;padding:0;font-family:var(--body);color:var(--ink);background:var(--cream-100);-webkit-font-smoothing:antialiased;overflow-x:clip}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;color:inherit}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.app-bg{min-height:100vh;position:relative;background:var(--cream-100)}.bubble{background:var(--cream-50);border-radius:var(--r-xl);border:1px solid var(--line);box-shadow:var(--shadow-puff)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:600;background:var(--cream-200);color:var(--ink)}.chip.pink{background:var(--pink-soft);color:var(--pink-deep)}.chip.lavender{background:var(--lavender-soft);color:var(--lavender-deep)}.chip.mint{background:var(--mint-soft);color:var(--mint-deep)}.chip.butter{background:var(--butter-soft);color:#b89030}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--r-pill);font-weight:600;font-size:14px;transition:all .18s;white-space:nowrap;cursor:pointer;border:none;background:none;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--cream-50)}.btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 20px -8px var(--ink)}.btn-pink{background:var(--pink);color:#5a2d3c}.btn-pink:hover{background:var(--pink-deep);color:#fff}.btn-ghost{background:var(--cream-50);border:1px solid var(--line-strong);color:var(--ink)}.btn-ghost:hover{background:var(--cream-200)}.btn-sm{padding:8px 14px;font-size:12px}.btn-icon{padding:10px;border-radius:50%;background:var(--cream-50);border:1px solid var(--line);width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.btn-icon:hover{background:var(--cream-200)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;color:var(--ink-soft);padding-left:14px;letter-spacing:.02em}.field input,.field select,.field textarea{padding:12px 16px;border-radius:var(--r-md);background:var(--cream-50);border:1.5px solid var(--line);font-size:14px;transition:border .15s;outline:none;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--pink);background:#fff}.field textarea{resize:vertical;min-height:80px}.placeholder-img{background:repeating-linear-gradient(135deg,#ffb8c826 0 12px,#ffb8c80f 12px 24px),var(--cream-200);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-family:ui-monospace,SF Mono,monospace;font-size:11px;color:var(--ink-faint);letter-spacing:.05em;text-transform:uppercase;position:relative;overflow:hidden}.placeholder-img.lavender{background:repeating-linear-gradient(135deg,#e0c8f033 0 12px,#e0c8f00f 12px 24px),var(--cream-200)}.placeholder-img.mint{background:repeating-linear-gradient(135deg,#b8e4d040 0 12px,#b8e4d00f 12px 24px),var(--cream-200)}.placeholder-img.butter{background:repeating-linear-gradient(135deg,#ffe4a84d 0 12px,#ffe4a80f 12px 24px),var(--cream-200)}.ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:inline-block;vertical-align:middle}.ic-sm{width:14px;height:14px}.ic-lg{width:22px;height:22px}bb-icon,[bb-icon]{display:inline-flex;align-items:center}.sidebar{width:240px;background:var(--cream-50);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;gap:4px;height:100vh;position:sticky;top:0;flex-shrink:0}.sidebar .brand{padding:8px 14px 24px;display:flex;align-items:center;gap:10px}.sidebar .brand .name{font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:-.02em}.sidebar .nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--r-md);font-size:14px;font-weight:500;color:var(--ink-soft);width:100%;text-align:left;transition:all .15s;cursor:pointer;border:none;background:none;font-family:inherit}.sidebar .nav-item:hover{background:var(--cream-200);color:var(--ink)}.sidebar .nav-item.active{background:var(--ink);color:var(--cream-50);box-shadow:var(--shadow-puff)}.sidebar .nav-section{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);padding:16px 14px 8px}.mobile-topbar{display:none}.dash{display:flex;min-height:100vh}.dash-main{flex:1;padding:28px 32px 60px;min-width:0}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.dash-title{font-family:var(--display);font-size:32px;font-weight:500;letter-spacing:-.02em;margin:0}.dash-subtitle{font-size:14px;color:var(--ink-soft);margin:4px 0 0}.searchbar{display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--cream-50);border:1.5px solid var(--line);border-radius:var(--r-pill);min-width:280px}.searchbar input{flex:1;background:none;border:none;outline:none;font-size:14px;padding:0;font-family:inherit;color:var(--ink)}.soft-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.soft-table th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);padding:12px 16px}.soft-table td{padding:14px 16px;border-top:1px solid var(--line);vertical-align:middle}.soft-table tr:hover td{background:var(--cream-200)}.soft-table tr:first-child td{border-top:none}.modal-bg{position:fixed;inset:0;background:#4a3f4d66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:500;padding:24px;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--cream-50);border-radius:var(--r-xl);padding:28px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-puff-lg);animation:popIn .25s cubic-bezier(.34,1.56,.64,1)}.modal.wide{max-width:720px}.modal.extra-wide{max-width:860px}@keyframes popIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal h2{font-family:var(--display);font-size:24px;font-weight:500;margin:0 0 4px;letter-spacing:-.02em}.modal .sub{color:var(--ink-soft);font-size:14px;margin-bottom:24px}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.success{background:var(--mint-soft);color:#4a9070}.status.pending{background:var(--butter-soft);color:#b89030}.status.cancelled{background:var(--pink-soft);color:var(--pink-deep)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-pill);border:2px solid var(--cream-100)}::-webkit-scrollbar-track{background:transparent}.swal2-popup.bonbon-swal{border:1px solid var(--line);border-radius:var(--r-2xl);background:var(--cream-50);box-shadow:0 28px 90px #4a3f4d4d;color:var(--ink);font-family:var(--body)}.swal2-popup.bonbon-swal .swal2-title{color:var(--ink);font-family:var(--display);font-size:28px;font-weight:600}.swal2-popup.bonbon-swal .swal2-html-container{color:var(--ink-soft);font-size:15px;line-height:1.6}.swal2-popup.bonbon-swal .swal2-actions{margin-top:22px}.spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.swatch{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--cream-50);box-shadow:0 0 0 1px var(--line);display:inline-block}.muted{color:var(--ink-soft)}.section-head{text-align:center;margin-bottom:40px}.section-head h2{font-family:var(--display);font-size:clamp(32px,4vw,48px);font-weight:500;letter-spacing:-.02em;margin:14px 0 8px}.section-head p.muted{color:var(--ink-soft);max-width:540px;margin:0 auto}.flex-center{display:flex;align-items:center}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}@media(max-width:640px){.sidebar{display:none}.dash-main{padding:16px 14px 72px}.dash-title{font-size:22px}.dash-header{margin-bottom:14px}.searchbar{min-width:0;width:100%}.table-scroll{overflow-x:auto}.modal-bg{padding:0;align-items:flex-end}.modal{max-width:100%;border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92vh;padding:24px 18px 28px}.modal.wide,.modal.extra-wide{max-width:100%}.modal h2{font-size:20px}:root{--mobile-topbar-height: 68px;--mobile-nav-height: 74px}.mobile-topbar{position:fixed;top:0;left:0;right:0;z-index:260;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:calc(var(--mobile-topbar-height) + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:#fffcf7eb;border-bottom:1px solid var(--line);box-shadow:0 10px 24px -22px #4a3f4d80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-brand,.mobile-user{min-width:0;display:flex;align-items:center;gap:8px}.mobile-brand{flex:1}.mobile-user{flex:1.15;justify-content:flex-end}.mobile-brand-copy,.mobile-user-copy{min-width:0;display:grid;gap:1px;line-height:1.1}.mobile-brand-copy strong,.mobile-user-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800}.mobile-brand-copy strong{font-family:var(--display);font-size:16px;font-weight:600}.mobile-brand-copy span,.mobile-user-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-faint);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.mobile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--lavender));display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800;flex:0 0 32px}.mobile-logout{width:36px;height:36px;padding:8px;color:var(--pink-deep);background:var(--pink-soft);border-color:#f08aa047}.dash{display:block;min-width:0}.dash-main{width:100%;padding:calc(var(--mobile-topbar-height) + env(safe-area-inset-top) + 16px) 14px calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 18px)}.dash-title{font-size:24px;line-height:1.08}.dash-subtitle{font-size:13px;line-height:1.4}.dash-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}.dash-header>div{width:100%;min-width:0}.bubble{border-radius:var(--r-lg)}.btn{max-width:100%;min-height:40px;white-space:normal}.btn-sm{min-height:34px}.status{white-space:nowrap}.table-scroll{padding-bottom:4px}.brand-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin:0 -2px 16px}.brand-filter .brand-pill{flex:0 0 auto;padding:8px 12px;font-size:12px}.product-top,.product-footer,.sale-title,.size-row{align-items:flex-start;flex-direction:column}.mini-stepper{width:100%;justify-content:space-between}.mini-stepper input{flex:1;max-width:64px}.run-actions{align-items:stretch;flex-direction:column}.run-actions .btn{justify-content:center}.cart-item{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:flex-start}.cart-price{grid-column:1 / -1;align-items:center;flex-direction:row;justify-content:space-between;text-align:left}.cart-total .grand-total{font-size:18px}.customer-dropdown{left:10px;right:10px;top:74px}.brand-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin:0 -2px 16px}.brand-filters .brand-pill{flex:0 0 auto;padding:8px 13px;font-size:12px}.products-grid .product-body{padding:14px}.products-grid .product-mark{min-height:88px;padding:14px}.products-grid .product-code{font-size:15px}.products-grid .product-stock,.products-grid .product-actions{align-items:stretch;flex-direction:column}.products-grid .delete-button{width:100%;border-radius:var(--r-pill)}.orders-stats,.stock-stats{gap:10px;margin-bottom:14px}.orders-stats div,.stock-stats div{padding:14px 16px}.orders-stats strong,.stock-stats strong{font-size:24px}.status-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin:0 -2px 16px}.status-filters button{flex:0 0 auto;padding:8px 13px;font-size:12px}.order-summary{gap:9px;padding:16px}.order-detail{padding:12px 14px 16px}.order-product{gap:8px;padding:10px}.order-arrow{display:none}.stock-table-shell{padding:10px;overflow:visible}.stock-table,.stock-table thead,.stock-table tbody,.stock-table tr,.stock-table td{display:block;width:100%;min-width:0}.stock-table{border-spacing:0}.stock-table thead{display:none}.stock-table tr{padding:12px;border-radius:var(--r-md);background:var(--cream-100)}.stock-table tr+tr{margin-top:10px}.stock-table td{padding:8px 0;border-top:0}.stock-table td:not(:first-child):before{content:"";display:block;margin-bottom:4px;color:var(--ink-faint);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.stock-table td:nth-child(2):before{content:"Marca"}.stock-table td:nth-child(3):before{content:"Precios"}.stock-table td:nth-child(4):before{content:"Tallas"}.stock-table td:nth-child(5):before{content:"Stock"}.stock-table td:nth-child(6):before{content:"Estado"}.product-cell{align-items:flex-start}.sizes-cell{max-width:none}}