:root{--bg:#080808;--panel:#111;--panel2:#171717;--pink:#ff2aa8;--text:#fff;--muted:#a8a8a8;--line:#292929}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}
.top{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;background:#080808ee;backdrop-filter:blur(10px);z-index:5}
.logo{font-size:26px;font-weight:900;letter-spacing:3px}.logo span{color:var(--pink)}.nav a{color:#ddd;text-decoration:none;margin-left:18px}.nav a:hover{color:var(--pink)}
.wrap{max-width:1200px;margin:0 auto;padding:35px 20px}.hero{padding:45px 0 25px}.hero h1{font-size:44px;margin:0 0 8px}.pink{color:var(--pink)}.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.product{overflow:hidden;padding:0}.pic{height:210px;background:#eee;display:flex;align-items:center;justify-content:center;color:#777}.pic img{width:100%;height:100%;object-fit:contain}.product-body{padding:16px}.price{font-size:22px;font-weight:800}.old{text-decoration:line-through;color:#777;margin-left:7px;font-size:14px}.btn{border:0;border-radius:10px;padding:11px 15px;background:var(--pink);color:#fff;font-weight:800}.btn.secondary{background:#222;border:1px solid #333}.btn.danger{background:#a51d5e}.actions{display:flex;gap:8px;flex-wrap:wrap}.search{width:100%;padding:13px;border-radius:10px;background:#111;border:1px solid #333;color:#fff;margin:15px 0}
.modal{position:fixed;inset:0;background:#000b;display:none;align-items:center;justify-content:center;padding:20px;z-index:20}.modal.show{display:flex}.modalbox{width:min(650px,100%);max-height:90vh;overflow:auto;background:#111;border:1px solid #333;border-radius:18px;padding:22px}
label{display:block;color:#bbb;font-size:13px;margin:10px 0 5px}input,select,textarea{width:100%;background:#090909;border:1px solid #333;color:#fff;padding:11px;border-radius:9px}textarea{min-height:90px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #282828;vertical-align:top}th{color:#aaa;font-size:13px}.status{display:inline-block;padding:5px 9px;border-radius:999px;background:#222;font-size:12px}
.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat strong{font-size:30px;display:block;margin-top:6px}
@media(max-width:700px){.hero h1{font-size:34px}.row,.statgrid{grid-template-columns:1fr}.top{padding:0 15px}.nav a{margin-left:8px;font-size:13px}}
.cartrow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0}.qty{width:75px!important}.check{display:flex;gap:8px;align-items:flex-start;margin-top:14px}.check input{width:auto;margin-top:3px}.success{text-align:center;padding:24px 8px}.success-icon{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:var(--pink);font-size:30px;font-weight:900}.success h2{margin:8px 0}.success strong{color:var(--pink)}

.catalog-tools{display:grid;grid-template-columns:1fr 220px 220px;gap:10px;align-items:center}.catalog-tools .search{margin:0}.product-click{display:block;width:100%;padding:0;background:none;border:0;color:inherit;text-align:left}.product-actions{display:flex;gap:8px}.product-actions .btn{flex:1}.badge{display:inline-block;margin-left:8px;padding:4px 7px;border-radius:999px;background:var(--pink);font-size:11px;font-weight:900}.featured{display:inline-block;margin-top:8px;font-size:10px;letter-spacing:1px;font-weight:900;color:var(--pink)}.detail-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:28px}.detail-main{height:360px;background:#eee;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-main img{width:100%;height:100%;object-fit:contain}.thumbs{display:flex;gap:8px;margin-top:10px;overflow:auto}.thumbs button{width:68px;height:68px;flex:0 0 68px;padding:0;background:#eee;border:1px solid #333;border-radius:8px;overflow:hidden}.thumbs img{width:100%;height:100%;object-fit:contain}
.customer-stats{margin-top:18px}.customer-stats .stat strong,.detail-stats .stat strong{display:block;font-size:26px;margin-top:6px}.customer-click{cursor:pointer;transition:transform .15s,border-color .15s}.customer-click:hover{transform:translateY(-2px);border-color:#ff20a6}.customer-main{display:flex;align-items:center;gap:14px}.avatar{width:48px;height:48px;border-radius:14px;background:#ff20a6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;flex:0 0 48px}.mini-active{display:inline-block;margin-left:7px;padding:3px 7px;border-radius:999px;background:#182b21;color:#75e0a0;font-size:10px;font-weight:900}.customer-metrics{display:flex;align-items:center;gap:20px}.customer-metrics>div{display:grid;gap:4px}.customer-metrics .btn{white-space:nowrap}.detail-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.detail-top h2{font-size:30px;margin:5px 0}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.detail-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.detail-info>div{background:#171717;border:1px solid #292929;border-radius:12px;padding:13px;display:grid;gap:6px}.customer-orders{display:grid;gap:10px}.customer-order{display:grid;grid-template-columns:170px 1fr auto;gap:15px;align-items:center;background:#171717;border:1px solid #292929;border-radius:12px;padding:14px}.customer-order .status{margin-left:8px}.customer-order-items{color:#ddd;line-height:1.6}
@media(max-width:800px){.catalog-tools{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.detail-main{height:280px}}


/* LPP v16 dashboard */
.admin-label{font-size:12px;color:#aaa}.nav a.active{color:var(--pink)}.dashboard-hero{padding-bottom:18px}.hero-line{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.hero-line h1{margin-bottom:4px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dashboard-stats .stat{min-height:125px}.dashboard-stats .stat strong{font-size:27px}.dashboard-stats .stat small{display:block;color:#777;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:18px;margin-top:18px}.bottom-grid{grid-template-columns:1fr 1fr}.chart-card{min-height:340px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.section-head h2{font-size:18px;margin:0 0 4px}.text-link{color:var(--pink);text-decoration:none;font-weight:800;font-size:13px}.bar-chart{height:230px;display:flex;align-items:flex-end;justify-content:space-around;gap:10px;border-bottom:1px solid var(--line);padding:10px 5px 0}.bar-item{height:100%;flex:1;max-width:90px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.bar-value{font-size:10px;color:#aaa;min-height:17px;text-align:center}.bar-track{height:160px;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:min(46px,65%);background:var(--pink);border-radius:7px 7px 2px 2px;min-height:4px}.bar-label{text-transform:capitalize;color:#bbb;font-size:11px;margin-top:7px}.bar-orders{color:#666;font-size:10px;margin-top:2px}.order-mini{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #222;text-decoration:none;color:inherit}.order-mini:last-child{border-bottom:0}.order-mini>div:first-child{display:flex;flex-direction:column;gap:3px}.order-mini>div:first-child span{color:#888;font-size:12px}.order-right{display:flex;align-items:flex-end;flex-direction:column;gap:5px}.order-right>span:first-child{font-weight:800;font-size:13px}.rank-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #222}.rank-row:last-child{border-bottom:0}.rank{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#222;color:#bbb;font-weight:800;font-size:12px}.rank-name{flex:1;min-width:0}.rank-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-meter{height:5px;background:#222;border-radius:99px;margin-top:8px;overflow:hidden}.rank-meter span{display:block;height:100%;background:var(--pink);border-radius:99px}.rank-row>strong{min-width:45px;text-align:right}.low-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #222}.low-row:last-child{border-bottom:0}.low-row div{display:flex;flex-direction:column;gap:4px}.low-row strong{font-size:18px;color:var(--pink)}
@media(max-width:900px){.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.hero-line{align-items:flex-start;flex-direction:column}.dashboard-stats{grid-template-columns:1fr}.bar-chart{gap:3px}.bar-value{font-size:8px}.top{overflow-x:auto}.nav{white-space:nowrap}.nav a{font-size:12px}}

/* LPP v17 catalog manager */
.product-admin-tools{display:grid;grid-template-columns:1fr 440px;gap:12px;align-items:center}.product-admin-tools .search{margin:0}.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-row select{height:46px}.product-cell{display:flex;align-items:center;gap:12px;min-width:260px}.table-thumb{width:58px;height:58px;border-radius:10px;background:#171717;border:1px solid #292929;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 58px}.table-thumb img{width:100%;height:100%;object-fit:contain}.product-editor{display:grid;grid-template-columns:320px 1fr;gap:24px}.upload-preview{height:270px;border-radius:14px;background:#eee;display:flex;align-items:center;justify-content:center;color:#777;overflow:hidden;border:1px solid #333}.upload-preview img{width:100%;height:100%;object-fit:contain}.gallery-preview{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.gallery-preview div{width:58px;height:58px;background:#eee;border-radius:8px;overflow:hidden;border:1px solid #333}.gallery-preview img{width:100%;height:100%;object-fit:contain}.editor-checks{display:flex;gap:20px;flex-wrap:wrap;margin:12px 0}.editor-checks label{display:flex;align-items:center;gap:8px}.editor-checks input{width:auto}.category-add{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:15px}.category-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #242424}.category-item .btn{padding:7px 10px;font-size:12px}.category-box{max-width:560px}.login-box{max-width:520px}.section-head{margin-bottom:16px}.section-head h2{margin:3px 0 0}
@media(max-width:900px){.product-admin-tools{grid-template-columns:1fr}.product-editor{grid-template-columns:1fr}.upload-preview{height:240px}}
@media(max-width:700px){.tool-row{grid-template-columns:1fr}.product-cell{min-width:210px}.category-add{grid-template-columns:1fr}.product-editor .row{grid-template-columns:1fr}}

/* LPP v18 — navegación administrativa unificada */
.top .logo { white-space: nowrap; }
.top .nav { display:flex; align-items:center; justify-content:flex-end; gap:22px; flex-wrap:wrap; }
.top .nav a { text-decoration:none; }
.top .nav a.active { color: var(--pink, #ff1ea8); }
.admin-label { font-size:12px; color:#aaa; letter-spacing:2px; margin-left:8px; vertical-align:middle; }
@media (max-width: 800px) {
  .top { gap:16px; align-items:flex-start; }
  .top .nav { justify-content:flex-start; gap:12px 16px; }
}

/* LPP v18 — páginas administrativas unificadas */
.order-tools{margin-bottom:18px}.orders-list,.customer-list,.inventory-list{display:grid;gap:14px;margin-top:18px}.order-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.order-card .order-main{display:grid;grid-template-columns:1fr auto;gap:18px}.order-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.order-items{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:14px 0;color:#ddd;line-height:1.7}.order-total{font-size:20px;font-weight:900}.customer-card,.inventory-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.customer-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.customer-spent{text-align:right}.inventory-card{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.inventory-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.inventory-stock{font-size:20px;font-weight:900}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.analytics-stats{margin-top:0}.movement-row{padding:13px 0;border-bottom:1px solid #222}.movement-row:last-child{border-bottom:0}.movement-positive{color:#75e0a0}.movement-negative{color:#ff6d9d}
.customer-stats{margin-top:18px}.customer-stats .stat strong,.detail-stats .stat strong{display:block;font-size:26px;margin-top:6px}.customer-click{cursor:pointer;transition:transform .15s,border-color .15s}.customer-click:hover{transform:translateY(-2px);border-color:#ff20a6}.customer-main{display:flex;align-items:center;gap:14px}.avatar{width:48px;height:48px;border-radius:14px;background:#ff20a6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;flex:0 0 48px}.mini-active{display:inline-block;margin-left:7px;padding:3px 7px;border-radius:999px;background:#182b21;color:#75e0a0;font-size:10px;font-weight:900}.customer-metrics{display:flex;align-items:center;gap:20px}.customer-metrics>div{display:grid;gap:4px}.customer-metrics .btn{white-space:nowrap}.detail-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.detail-top h2{font-size:30px;margin:5px 0}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.detail-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.detail-info>div{background:#171717;border:1px solid #292929;border-radius:12px;padding:13px;display:grid;gap:6px}.customer-orders{display:grid;gap:10px}.customer-order{display:grid;grid-template-columns:170px 1fr auto;gap:15px;align-items:center;background:#171717;border:1px solid #292929;border-radius:12px;padding:14px}.customer-order .status{margin-left:8px}.customer-order-items{color:#ddd;line-height:1.6}
@media(max-width:800px){.order-card .order-main,.customer-card,.inventory-card,.analytics-grid{grid-template-columns:1fr}.customer-spent{text-align:left}.inventory-actions{justify-content:flex-start}.customer-metrics{align-items:flex-start;flex-wrap:wrap}.detail-stats,.detail-info{grid-template-columns:1fr}.customer-order{grid-template-columns:1fr}.detail-top{align-items:center}}
/* LPP — inventario profesional */
.inventory-stats{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.inventory-stats .stat{min-height:118px}.inventory-stats .stat strong{font-size:26px}.inventory-stats .stat small{display:block;color:#777;margin-top:8px}.inventory-toolbar{margin-bottom:18px}.inventory-filters{display:grid;grid-template-columns:1fr 220px 220px;gap:10px}.inventory-filters .search{margin:0}.professional-inventory{display:grid;grid-template-columns:1fr auto;gap:22px}.inventory-product{display:flex;gap:15px;align-items:center;min-width:0}.inventory-thumb{width:76px;height:76px;border-radius:12px;background:#171717;border:1px solid #292929;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 76px;color:#666}.inventory-thumb img{width:100%;height:100%;object-fit:contain}.inventory-info{min-width:0}.inventory-info h3{margin:4px 0 6px;font-size:18px}.inventory-status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900;margin-bottom:7px}.inventory-status.ok{background:#182b21;color:#75e0a0}.inventory-status.low{background:#332718;color:#ffc76d}.inventory-status.out{background:#3a1825;color:#ff6d9d}.stock-bar{height:6px;max-width:460px;background:#222;border-radius:99px;overflow:hidden}.stock-bar span{display:block;height:100%;background:var(--pink);border-radius:99px}.inventory-numbers{font-size:12px;color:#999;margin-top:7px}.inventory-numbers b{font-size:16px;color:#fff}.inventory-actions-pro{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.inventory-value{display:grid;text-align:right;font-weight:900;font-size:16px;margin-right:8px}.inventory-value small{font-size:10px;color:#777;font-weight:400;margin-top:3px}.empty-state{padding:30px;text-align:center;color:#777}.movement-table-wrap{overflow:auto}.movement-table-wrap table{min-width:820px}.movement-badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#222}.movement-badge.positive{background:#182b21;color:#75e0a0}.movement-badge.negative{background:#3a1825;color:#ff6d9d}.movement-badge.neutral{color:#ccc}.movement-qty{font-weight:900}.movement-qty.positive{color:#75e0a0}.movement-qty.negative{color:#ff6d9d}.inventory-modal-product{margin-bottom:14px}.inventory-modal-card{display:flex;justify-content:space-between;gap:12px;padding:14px;background:#171717;border:1px solid #292929;border-radius:12px}.inventory-modal-card span{color:#aaa}.inventory-modal-card strong{color:#fff}@media(max-width:1000px){.inventory-stats{grid-template-columns:repeat(2,1fr)}.inventory-filters{grid-template-columns:1fr 1fr}.inventory-filters .search{grid-column:1/-1}.professional-inventory{grid-template-columns:1fr}.inventory-actions-pro{justify-content:flex-start}.inventory-value{text-align:left;margin-right:auto}}@media(max-width:700px){.inventory-stats{grid-template-columns:1fr}.inventory-filters{grid-template-columns:1fr}.inventory-filters .search{grid-column:auto}.inventory-product{align-items:flex-start}.inventory-thumb{width:60px;height:60px;flex-basis:60px}.inventory-modal-card{flex-direction:column}.inventory-actions-pro{align-items:flex-start}.inventory-value{margin-right:0}}

/* LPP — Analytics profesional */
.analytics-filters{margin-bottom:18px}.preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filter-btn{background:#171717;color:#ddd;border:1px solid #333;border-radius:10px;padding:9px 13px;font-weight:800}.filter-btn:hover,.filter-btn.active{border-color:var(--pink);color:#fff;background:#24101d}.date-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.date-row label{margin-top:0}.range-label{margin:12px 0 0}.analytics-main-stats{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.analytics-main-stats .stat{min-height:128px}.analytics-main-stats .stat small{display:block;color:#777;margin-top:8px}.analytics-primary{margin-top:0}.chart-card{min-height:360px}.sales-chart{height:260px;display:flex;align-items:flex-end;gap:7px;padding:12px 4px 0;border-bottom:1px solid #292929;overflow-x:auto}.sale-col{height:100%;min-width:38px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.sale-bar{width:100%;max-width:46px;background:var(--pink);border-radius:7px 7px 0 0;min-height:5px}.sale-value{font-size:9px;color:#aaa;white-space:nowrap;transform:rotate(-35deg);height:18px}.sale-label{font-size:10px;color:#888;white-space:nowrap}.status-chart{display:grid;gap:18px;margin-top:10px}.status-line>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.status-line small{display:block;color:#777;margin-top:5px}.status-track{height:8px;background:#222;border-radius:99px;overflow:hidden}.status-track span{display:block;height:100%;background:var(--pink);border-radius:99px}.rank-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #222}.rank-row:last-child{border-bottom:0}.rank-num{width:28px;height:28px;border-radius:9px;background:#222;display:grid;place-items:center;font-weight:900;color:#aaa}.rank-name{flex:1;min-width:0}.rank-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-meter{height:5px;background:#222;border-radius:99px;margin-top:8px;overflow:hidden}.rank-meter span{display:block;height:100%;background:var(--pink);border-radius:99px}.rank-row>strong{min-width:48px;text-align:right}.low-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #222}.low-row:last-child{border-bottom:0}.low-row div{display:grid;gap:4px}.low-row small{color:#777}.low-row strong{font-size:20px;color:var(--pink)}.recent-analytics{margin-top:18px}.analytics-orders{display:grid;gap:10px}.analytics-order{display:grid;grid-template-columns:230px 1fr auto;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid #222}.analytics-order:last-child{border-bottom:0}.analytics-order>div:first-child{display:grid;gap:6px}.analytics-order small{color:#888}.analytics-order strong{font-size:17px}.analytics-note{margin:16px 0}.empty-state{padding:25px;text-align:center;color:#777}
@media(max-width:900px){.analytics-main-stats{grid-template-columns:repeat(2,1fr)}.analytics-order{grid-template-columns:1fr}.analytics-order strong{text-align:left}.date-row{grid-template-columns:1fr 1fr}.date-row .btn{grid-column:1/-1}}
@media(max-width:700px){.analytics-main-stats{grid-template-columns:1fr}.date-row{grid-template-columns:1fr}.date-row .btn{grid-column:auto}.sales-chart{gap:5px}.sale-col{min-width:34px}.sale-value{font-size:8px}.analytics-primary{grid-template-columns:1fr}}

/* LPP — Configuración */
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.settings-grid .card{display:grid;gap:10px;align-content:start}.settings-grid textarea{min-height:110px}.settings-save{margin-top:18px;justify-content:flex-start}.settings-save .muted{min-height:20px}
@media(max-width:800px){.settings-grid{grid-template-columns:1fr}}

.auth-page{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(520px,100%);padding:28px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.auth-tab{background:#171717;border:1px solid #333;color:#ddd;border-radius:10px;padding:12px;font-weight:800}.auth-tab.active{background:var(--pink);border-color:var(--pink);color:#fff}.auth-btn{width:100%;margin-top:18px}.account-card{max-width:700px}.account-data{line-height:1.7;margin-bottom:24px}