*{box-sizing:border-box}.admin-body{margin:0;background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif}.admin-shell{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr);background:linear-gradient(135deg,#f8f8f9 0%,#f1f1f4 100%)}.admin-side{position:sticky;top:0;height:100vh;padding:30px 16px 20px;background:linear-gradient(180deg,#171719,#101011);color:#fff;display:flex;flex-direction:column;box-shadow:16px 0 50px rgba(0,0,0,.07)}.admin-brand{padding:3px 12px 31px}.admin-brand-name{font-size:29px;font-weight:850;letter-spacing:-.06em}.admin-brand-sub{margin-top:8px;color:#8b8b91;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.admin-nav{display:grid;gap:8px}.admin-nav a{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 15px;border-radius:16px;color:#a9a9af;font-size:16px;text-decoration:none;transition:.2s}.admin-nav a:hover{background:#252528;color:#fff}.admin-nav a.active{background:#303034;color:#fff}.admin-nav a.new-sale{background:#1976ed;color:#fff;box-shadow:0 8px 25px rgba(25,118,237,.25);margin:1px 0 5px}.admin-nav a.new-sale:hover{background:#1670e5;transform:translateY(-1px)}.admin-nav a>span{display:flex;align-items:center;gap:12px}.admin-nav small{font-size:15px;opacity:.7}.ico{width:24px;text-align:center;font-style:normal;font-size:19px;opacity:.9}.ico.plus{font-size:27px;font-weight:300}.admin-logout{margin-top:auto;width:100%;height:48px;border:1px solid #444449;border-radius:999px;background:#222225;color:#fff;font-weight:700;cursor:pointer;font-size:14px}.admin-logout span{font-size:20px;margin-right:10px;vertical-align:-1px}.admin-content{min-width:0;padding:48px clamp(32px,5vw,78px) 70px}.admin-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.admin-topbar h1{margin:9px 0 8px;font-size:clamp(62px,6.5vw,94px);line-height:.86;letter-spacing:-.078em}.eyebrow{margin:0;font-size:11px;letter-spacing:.18em;font-weight:800;color:#8b8b91}.admin-lead{margin:0;color:#77777e;font-size:16px}.today-pill{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dedee4;border-radius:999px;padding:10px 17px;font-size:14px;color:#39393d;box-shadow:0 5px 18px rgba(0,0,0,.035)}.today-pill span{color:#777}.toolbar{display:flex;justify-content:flex-end;gap:10px;margin:2px 0 26px}.outline-btn,.period-select{height:48px;border:1px solid #dedee4;border-radius:999px;background:#fff;color:#2c2c30;font:inherit;font-size:14px;font-weight:650;padding:0 18px;box-shadow:0 5px 18px rgba(0,0,0,.035);cursor:pointer}.period-select{min-width:190px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric{position:relative;overflow:hidden;background:rgba(255,255,255,.9);border:1px solid #e0e0e5;border-radius:28px;padding:22px 27px 24px;min-height:166px;box-shadow:0 18px 55px rgba(0,0,0,.055);display:flex;flex-direction:column;justify-content:flex-end}.metric-icon{position:absolute;top:18px;left:20px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:750}.metric-icon.blue{background:#eaf3ff;color:#2f80ed}.metric-icon.green{background:#eaf9f1;color:#2ca36b}.metric-icon.purple{background:#f0ebff;color:#7a55df}.metric-icon.pink{background:#fff0f2;color:#e35d70}.metric small{margin-top:47px;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#85858b;font-weight:800}.metric b{margin-top:8px;font-size:39px;line-height:1;letter-spacing:-.055em}.metric em{margin-top:10px;font-style:normal;font-size:13px;color:#85858b}.dashboard-panel{margin-top:24px;background:rgba(255,255,255,.76);border:1px solid #e0e0e5;border-radius:29px;padding:27px;box-shadow:0 18px 55px rgba(0,0,0,.045)}.panel-head{margin-bottom:18px}.panel-head h2{margin:7px 0 0;font-size:31px;line-height:1;letter-spacing:-.045em}.performance-layout{display:grid;grid-template-columns:minmax(430px,.9fr) minmax(420px,1.1fr);gap:22px;align-items:center}.performance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.perf{padding:20px;border:1px solid #e1e1e5;background:#fff;border-radius:20px;min-height:103px}.perf span{display:block;color:#85858b;font-size:13px;margin-bottom:10px}.perf strong{font-size:28px;letter-spacing:-.045em}.sales-chart{height:180px;padding:0 3px}.sales-chart svg{width:100%;height:100%;overflow:visible}.gridline{stroke:#e4e5e9;stroke-width:1}.ylabel,.xlabel{fill:#92939a;font-size:11px}.chartline{fill:none;stroke:#2f80ed;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.dot{fill:#2f80ed;stroke:#fff;stroke-width:2}.chart-empty{height:100%;display:grid;place-items:center;color:#888;font-size:13px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compact-panel{min-height:230px}.mini-head{display:flex;align-items:center;gap:11px;margin-bottom:17px}.mini-head span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eaf3ff;color:#2f80ed;font-weight:800}.mini-head p{margin:0;color:#81828a;font-size:11px;font-weight:800;letter-spacing:.14em}.rank{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid #eeeef1}.rank:last-child{border-bottom:0}.rank-main{min-width:0;flex:1}.rank-main>span{display:block;font-size:14px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank b{font-size:12px;color:#73747b;white-space:nowrap}.bar{height:7px;border-radius:99px;background:#edf0f4;overflow:hidden}.bar i{display:block;height:100%;background:#6da8f5;border-radius:99px}.stock-panel{margin-bottom:30px}.stock-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px}.stock-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eeeef1;font-size:14px}.stock-row span{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-row b{font-weight:750}.empty{color:#888;font-size:13px;padding:10px 0}.admin-loading{grid-column:1/-1;padding:30px;background:#fff;border-radius:24px;color:#777}@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,1fr)}.performance-layout{grid-template-columns:1fr}.sales-chart{height:170px}}@media(max-width:800px){.admin-shell{grid-template-columns:1fr}.admin-side{position:relative;height:auto;padding:20px}.admin-brand{padding-bottom:22px}.admin-nav{grid-template-columns:1fr 1fr}.admin-nav a{min-height:48px}.admin-logout{margin-top:18px}.admin-content{padding:38px 18px 55px}.admin-topbar{flex-direction:column}.toolbar{justify-content:flex-start;flex-wrap:wrap}.detail-grid,.stock-list{grid-template-columns:1fr}}@media(max-width:560px){.metric-grid,.performance-stats{grid-template-columns:1fr}.admin-topbar h1{font-size:58px}.today-pill{width:max-content}.period-select{min-width:0;flex:1}.outline-btn{flex:1}.admin-nav{grid-template-columns:1fr}.performance-layout{grid-template-columns:1fr}.sales-chart{height:155px}.dashboard-panel{padding:20px}.metric{min-height:150px}}

/* Ajustes de identidad visual del menú + cotización */
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.exchange-pill{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dedee4;border-radius:18px;padding:8px 13px 8px 9px;min-width:142px;box-shadow:0 5px 18px rgba(0,0,0,.035)}
.exchange-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#edf7f1;color:#218a5b;font-weight:800;font-size:14px}
.exchange-pill>span:last-child{display:grid;line-height:1.05}
.exchange-pill small{font-size:8px;letter-spacing:.14em;font-weight:800;color:#8b8b91}
.exchange-pill b{font-size:15px;letter-spacing:-.02em;margin-top:3px}
.exchange-pill em{font-style:normal;font-size:9px;color:#8b8b91;margin-top:3px}
.exchange-error .exchange-icon{background:#f5f5f7;color:#777}

.admin-side{width:auto}
.admin-nav a{position:relative;min-height:50px;padding:0 13px;border-radius:15px;font-size:14px;font-weight:600}
.admin-nav a>span{gap:11px}
.admin-nav .ico{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#202023;color:#a9a9af;font-size:15px;line-height:1}
.admin-nav a:hover .ico,.admin-nav a.active .ico{color:#fff;background:#38383c}
.admin-nav a.active{background:#303034;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)}
.admin-nav a.new-sale{min-height:52px;margin:1px 0 5px;background:#1976ed;color:#fff;box-shadow:0 8px 25px rgba(25,118,237,.22)}
.admin-nav a.new-sale .ico{background:rgba(255,255,255,.13);color:#fff}
.admin-nav a.new-sale:hover{background:#1976ed;transform:translateY(-1px)}
.admin-nav small{font-size:17px;opacity:.55}
.admin-side:after{content:"";display:block;position:absolute;left:28px;right:28px;bottom:86px;height:1px;background:#2b2b2f}
.admin-logout{position:relative;z-index:1;height:50px;border:1px solid #3c3c40;background:#222225;color:#fff;font-size:14px;box-shadow:none}
.admin-logout:hover{background:#2b2b2f;transform:none;box-shadow:none}

@media(max-width:800px){
  .admin-side:after{display:none}
  .top-actions{justify-content:flex-start}
  .exchange-pill{flex:1;min-width:150px}
}
@media(max-width:560px){
  .top-actions{width:100%}
  .today-pill,.exchange-pill{flex:1}
  .admin-nav a{min-height:50px}
}

/* DONAAPPLE · responsive polish — mantiene la estética y la funcionalidad existentes */
html,body{max-width:100%;overflow-x:hidden}
.admin-content{min-width:0;max-width:100%}
.admin-content img,.admin-content video,.admin-content iframe{max-width:100%;height:auto}
button,input,select,textarea{max-width:100%}

@media(max-width:900px){
  .admin-content{padding-left:20px;padding-right:20px}
  .admin-topbar,.ventas-head,.stock-head,.gestion-toolbar{min-width:0}
  .admin-topbar>*,.ventas-head>*,.stock-head>*{min-width:0;max-width:100%}
  .metric-grid{gap:14px}
  .dashboard-panel,.stock-card,.gestion-card,.users-card,.card{max-width:100%}
  .filters,.stock-toolbar,.gestion-form,.users-layout{min-width:0}
  .table-wrap,.stock-table-wrap,.gestion-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media(max-width:650px){
  .admin-content{padding:28px 14px 50px}
  .admin-topbar h1{max-width:100%;overflow-wrap:anywhere}
  .admin-lead{font-size:14px;line-height:1.45}
  .dashboard-panel{border-radius:22px}
  .panel-head h2,.gestion-card-head h2,.users-card h2,.head h2{font-size:25px;line-height:1.05}
  .top-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}
  .today-pill,.exchange-pill{width:100%;min-width:0;box-sizing:border-box}
  .toolbar{width:100%;gap:8px}
  .toolbar>*{min-width:0}
  .outline-btn,.period-select{min-height:46px}
  .stock-actions{width:100%}
  .stock-actions>*{flex:1 1 auto}
  .stock-dialog,.modal .box{width:calc(100vw - 28px);max-width:calc(100vw - 28px);padding:20px;border-radius:22px}
  .modal{padding:14px}
  .content{padding:16px}
  .info{grid-template-columns:1fr!important}
  .payment-box{padding:17px}
  .payment-head{align-items:flex-start;flex-direction:column}
  .user-row{align-items:flex-start;flex-direction:column;gap:10px}
  .user-row-actions{width:100%}
  .user-row-actions button{flex:1}
  .stock-actions-cell{justify-content:flex-start;flex-wrap:wrap}
}

@media(max-width:480px){
  .metric{padding:20px;min-height:145px}
  .metric b{font-size:33px}
  .perf{padding:17px}
  .perf strong{font-size:25px}
  .exchange-pill{padding-right:10px}
  .stock-kpis{gap:9px}
  .stock-kpi{padding:16px;border-radius:18px}
  .stock-kpi strong{font-size:25px}
  .gestion-stat{min-height:125px}
}

/* DONAAPPLE ADMIN — RESPONSIVE FINAL PATCH */
.admin-body{width:100%;max-width:100%;overflow-x:hidden}.admin-shell{width:100%;max-width:100%;min-width:0}.admin-side,.admin-content{min-width:0;max-width:100%}.admin-content>*{min-width:0;max-width:100%}
@media(max-width:1100px){.admin-content{padding-left:28px;padding-right:28px}.performance-layout{grid-template-columns:1fr}.product-admin-layout{grid-template-columns:1fr}.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-row{grid-template-columns:repeat(4,minmax(0,1fr))}.variant-add-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.admin-shell{display:block}.admin-side{position:relative;width:100%;height:auto;padding:18px}.admin-brand{padding:3px 4px 20px}.admin-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.admin-nav a{min-height:48px;padding:0 10px}.admin-content{padding:32px 18px 55px}.admin-topbar{flex-direction:column;gap:18px}.toolbar{justify-content:flex-start;flex-wrap:wrap}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid,.stock-list{grid-template-columns:1fr}.performance-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-panel{padding:22px}.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap,.stock-table-wrap,.gestion-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:600px){.admin-content{padding:25px 14px 45px}.admin-topbar h1{font-size:clamp(48px,15vw,64px);line-height:.88}.admin-lead{font-size:14px}.top-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}.today-pill,.exchange-pill{width:100%;min-width:0}.toolbar{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.toolbar>*{width:100%;min-width:0}.metric-grid,.performance-stats{grid-template-columns:1fr}.metric{min-height:140px;padding:19px 20px}.metric b{font-size:34px}.dashboard-panel{padding:18px;border-radius:22px}.panel-head h2{font-size:25px}.sales-chart{height:150px}.product-list{grid-template-columns:1fr}.editor-grid{grid-template-columns:1fr}.editor-grid .wide{grid-column:auto}.product-editor{padding:18px}.editor-title{flex-direction:column;gap:12px}.editor-actions{flex-direction:column;align-items:stretch}.editor-actions>*{width:100%}.variant-row,.variant-add-grid{grid-template-columns:1fr}.image-upload-row{align-items:flex-start;flex-direction:column}.admin-preview{width:90px;height:90px}.stock-actions-cell{flex-wrap:wrap}.stock-actions-cell>*{flex:1 1 120px}.stock-dialog,.modal .box{width:calc(100vw - 28px);max-width:calc(100vw - 28px);padding:18px}}
@media(max-width:420px){.admin-nav{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.admin-content{padding-left:12px;padding-right:12px}.metric b{font-size:31px}.dashboard-panel{padding:15px}}