:root{--black:#000;--white:#fff;--cream:#f9f6f3;--beige:#d3c3ac;--lime:#e3f271;--muted:#6b665f;--border:#e7dfd6;--soft:#f2ede8;--danger:#b94334;--shadow:0 18px 50px #0000001a}*{box-sizing:border-box}html{background:var(--cream)}body{background:var(--cream);color:var(--black);margin:0;font-family:Inter,Arial,sans-serif}.shell{grid-template-columns:258px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--black);color:var(--white);z-index:5;height:100vh;padding:26px 18px;position:sticky;top:0}.brand{align-items:center;gap:14px;margin:0 4px 30px;display:flex}.brandMark{letter-spacing:-1px;font-size:22px;font-weight:300;line-height:.82}.brand strong,.brand span{display:block}.brand span{color:#999;margin-top:5px;font-size:11px}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;padding:12px;font-weight:750;display:flex}.sidebar nav button:hover{color:#fff;background:#151515}.sidebar nav button.active{background:var(--lime);color:var(--black)}.navDot{border:1px solid;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.branch{color:#aaa;font-size:12px;line-height:1.6;position:absolute;bottom:22px;left:22px}.branch button{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:99px;margin-top:10px;padding:6px 9px;font-size:10px;display:block}.content{width:100%;max-width:1600px;padding:34px 36px 70px;overflow:hidden}.content>header{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.headerActions{align-items:center;gap:10px;display:flex}.avatar{background:var(--black);width:38px;height:38px;color:var(--white);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}h1{letter-spacing:-1.7px;margin:2px 0 0;font-size:44px;font-weight:900}h2{letter-spacing:-.5px;margin:4px 0 12px;font-size:22px}h3{text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:12px}.eyebrow{letter-spacing:1.35px;color:var(--muted);font-size:10px;font-weight:900}.status{background:var(--white);border:1px solid var(--border);border-radius:99px;padding:10px 14px;font-size:11px;font-weight:700}.status i{background:var(--lime);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.cards{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.cards.five{grid-template-columns:repeat(5,1fr)}.cards.mini{grid-template-columns:repeat(3,1fr);margin-top:18px}.metric{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:19px}.metric>span{color:var(--muted);font-size:11px;font-weight:800;display:block}.metric strong{letter-spacing:-1px;margin-top:7px;font-size:29px;display:block}.metric small{color:#8a8179;margin-top:6px;font-size:10px;display:block}.panel{background:var(--white);border:1px solid var(--border);border-radius:24px;margin-bottom:18px;padding:22px;overflow:auto}.panel.compact{padding:13px}.panel.accent{background:var(--beige)}.panelTitle{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.panelTitle p{color:var(--muted);margin:4px 0;font-size:12px}.panel button,.primary{border:1px solid var(--black);cursor:pointer;background:0 0;border-radius:99px;padding:10px 14px;font-weight:900}.panel button:hover{background:var(--soft)}.panel button.primary,.primary{background:var(--black);color:var(--white)}.panel button.primary:hover,.primary:hover{background:#222}.grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.gridDashboard{grid-template-columns:minmax(0,2.2fr) minmax(300px,.8fr);gap:18px;display:grid}.gridDashboard .panel{min-width:0}.wide{overflow:visible}.sidePanel{padding:24px}.divider{background:var(--border);height:1px;margin:22px 0}.orderLanes{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.lane{background:var(--cream);border-radius:18px;min-height:245px;padding:12px}.laneTitle{justify-content:space-between;align-items:center;padding:3px 2px 10px;display:flex}.laneTitle strong{font-size:12px}.laneTitle span{background:var(--white);border:1px solid var(--border);border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.laneEmpty{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:14px;padding:30px 10px;font-size:11px}.orderCard{text-align:left;width:100%;margin-bottom:9px;border:1px solid var(--border)!important;background:var(--white)!important;border-radius:15px!important;padding:12px!important;display:block!important}.orderCard>div:first-child{justify-content:space-between;gap:8px;display:flex}.orderCard>div:first-child span{color:var(--muted);font-size:10px}.orderCard .statusChip{margin:10px 0}.orderMeta{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.orderMeta b{color:var(--black)}.branchBar{margin:17px 0}.branchBar>div:first-child{justify-content:space-between;gap:12px;font-size:11px;display:flex}.branchBar span{color:var(--muted)}.bar{background:var(--soft);border-radius:99px;height:7px;margin-top:8px;overflow:hidden}.bar i{background:var(--black);border-radius:99px;height:100%;display:block}.integrationMini{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 0;font-size:12px;display:flex}.integrationMini b{background:var(--beige);border-radius:99px;padding:5px 7px;font-size:9px}.toolbar{align-items:center;gap:9px;display:flex;overflow:visible}.toolbar input{flex:1}.toolbar select{min-width:150px}.searchInput{background:#fff!important}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:860px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 12px;font-size:12px}th{letter-spacing:.9px;color:var(--muted);text-transform:uppercase;font-size:9px}.clickRow{cursor:pointer}.clickRow:hover{background:#fcfaf8}.subcell{color:var(--muted);margin-top:4px;font-size:10px;display:block}.chip{background:var(--lime);white-space:nowrap;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:900;display:inline-block}.chip.warning{background:var(--beige);margin-bottom:12px}.mutedChip{background:var(--soft);color:var(--muted)}.statusChip.nuevo{color:#fff;background:#000}.statusChip.confirmado{background:#ede6dd}.statusChip.preparando{background:#f4eab8}.statusChip.listo,.statusChip.listo-para-retirar{background:var(--lime)}.statusChip.repartidor-asignado,.statusChip.en-camino{background:#dce9f1}.statusChip.entregado,.statusChip.retirado{background:#dfeadf}.statusChip.cancelado{color:#8d3025;background:#f3d8d4}.toggle{width:44px;height:25px;background:#ddd!important;border:0!important;border-radius:99px!important;padding:2px!important}.toggle span{background:var(--white);border-radius:50%;width:21px;height:21px;transition:all .2s;display:block}.toggle.on{background:var(--black)!important}.toggle.on span{background:var(--lime);transform:translate(19px)}.formGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.formGrid.two{grid-template-columns:repeat(2,1fr)}label{letter-spacing:.3px;color:var(--muted);gap:7px;font-size:10px;font-weight:900;display:grid}input,select,textarea{border:1px solid var(--border);background:var(--cream);font:inherit;color:var(--black);border-radius:12px;outline:none;padding:12px}input:focus,select:focus,textarea:focus{border-color:#a99d91;box-shadow:0 0 0 3px #d3c3ac40}textarea{resize:vertical;width:100%;min-height:120px;margin-bottom:14px}.empty{background:var(--cream);color:var(--muted);border-radius:18px;padding:28px;font-size:12px}.notificationGrid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:18px;display:grid}.notificationHistory{grid-column:1/-1}.actionRow{gap:9px;display:flex}.phonePanel{flex-direction:column;display:flex}.phonePreview{color:#fff;background:#111;border-radius:32px;flex-direction:column;justify-content:flex-start;min-height:350px;padding:18px 14px;display:flex}.phoneTop{text-align:center;margin-bottom:80px;font-size:10px}.pushCard{color:#111;background:#f5f5f5f0;border-radius:18px;grid-template-columns:38px 1fr auto;align-items:start;gap:10px;padding:12px;display:grid}.pushIcon{background:#000;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.pushIcon img{object-fit:cover;width:100%;height:100%;display:block}.pushCard strong,.pushCard b,.pushCard span{display:block}.pushCard strong{font-size:10px}.pushCard b{margin:3px 0;font-size:11px}.pushCard span{color:#555;font-size:10px}.pushCard small{color:#777;font-size:9px}.noticeRow{border-bottom:1px solid var(--border);grid-template-columns:1.2fr 1fr;gap:20px;padding:14px 0;display:grid}.noticeRow strong,.noticeRow b,.noticeRow span{display:block}.noticeRow strong{font-size:12px}.noticeRow b{font-size:10px}.noticeRow span{color:var(--muted);margin-top:4px;font-size:10px}.overlay{z-index:30;background:#00000052;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--cream);width:min(500px,94vw);height:100%;box-shadow:var(--shadow);padding:24px;overflow:auto}.drawerHead{justify-content:space-between;align-items:flex-start;display:flex}.drawerHead h2{margin:2px 0;font-size:34px}.closeBtn{cursor:pointer;background:0 0;border:0;font-size:31px}.drawerHero{color:#fff;background:#000;border-radius:20px;margin:16px 0;padding:18px}.drawerHero .chip{margin-bottom:13px}.drawerHero>strong{font-size:32px;display:block}.drawerHero>span{color:#aaa;margin-top:4px;font-size:11px;display:block}.drawerSection{border:1px solid var(--border);background:#fff;border-radius:18px;margin:12px 0;padding:17px}.drawerSection>strong,.drawerSection>span{display:block}.drawerSection>span{color:var(--muted);margin-top:5px;font-size:11px}.lineItem{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:8px 0;font-size:12px;display:flex}.lineItem:last-child{border-bottom:0}.driverBox{background:var(--cream);border-radius:13px;margin-top:11px;padding:12px}.driverBox b,.driverBox span{display:block}.driverBox span{color:var(--muted);margin-top:4px;font-size:10px}.flowSteps{gap:6px;display:grid}.flowSteps button{text-align:left;color:#999;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px}.flowSteps button.done{color:#555}.flowSteps button.current{background:var(--lime);color:#000;font-weight:900}.drawerActions{gap:8px;padding:7px 0 30px;display:grid}.drawerActions button{cursor:pointer;border:1px solid #000;border-radius:99px;padding:13px;font-weight:900}.dangerGhost{color:var(--danger);background:0 0;border-color:#d7aaa4!important}.toast{color:#fff;z-index:50;box-shadow:var(--shadow);background:#000;border-radius:12px;padding:13px 17px;font-size:12px;position:fixed;bottom:24px;right:24px}p{color:var(--muted);font-size:12px;line-height:1.55}@media (max-width:1250px){.cards.five{grid-template-columns:repeat(3,1fr)}.gridDashboard{grid-template-columns:1fr}.orderLanes{grid-template-columns:repeat(3,1fr)}}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidebar nav{grid-template-columns:repeat(3,1fr)}.branch{display:none}.cards,.cards.five{grid-template-columns:repeat(2,1fr)}.grid2,.notificationGrid{grid-template-columns:1fr}.notificationHistory{grid-column:auto}.content{padding:20px}.content>header{flex-direction:column;align-items:flex-start;gap:14px}.formGrid,.formGrid.two,.orderLanes{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select{width:100%;min-width:0}.headerActions{justify-content:space-between;width:100%}}@media (max-width:620px){.cards,.cards.five,.cards.mini{grid-template-columns:1fr}.sidebar nav{grid-template-columns:repeat(2,1fr)}h1{font-size:36px}.content{padding:16px}.panel{border-radius:18px}.noticeRow{grid-template-columns:1fr}}.quickActions{flex-wrap:wrap;gap:9px;display:flex;overflow:visible}.catalogIntro{overflow:visible}.catalogStats{flex-wrap:wrap;gap:10px;display:flex}.catalogStats span{background:var(--cream);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:9px 12px;font-size:10px}.catalogStats b{color:var(--black);margin-right:4px;font-size:12px}.productPanel{padding-bottom:10px}.productTable{min-width:1040px}.productCell{align-items:center;gap:12px;min-width:260px;display:flex}.productCell img,.imagePlaceholder{object-fit:cover;border:1px solid var(--border);background:var(--cream);border-radius:13px;flex:none;width:58px;height:58px}.imagePlaceholder{place-items:center;font-weight:900;display:grid}.productCell strong,.productCell span{display:block}.productCell span{color:var(--muted);margin-top:4px;font-size:10px}.productDrawer{width:min(680px,96vw)}.productForm{gap:13px;display:grid}.sectionLine{justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;display:flex}.sectionLine h3{margin:0}.hint{color:var(--muted);margin-top:4px;font-size:10px;display:block}.uploadButton{border:1px solid var(--black);color:var(--black);cursor:pointer;background:var(--white);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-size:10px;font-weight:900;display:inline-flex}.uploadButton:hover{background:var(--soft)}.fullUpload{width:100%;margin-top:12px}.imageDropEmpty{border:1px dashed var(--border);text-align:center;color:var(--muted);background:var(--cream);border-radius:16px;padding:28px 18px;font-size:11px}.imageManager{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.imageCard{border:1px solid var(--border);background:var(--cream);cursor:grab;border-radius:16px;position:relative;overflow:hidden}.imageCard.cover{box-shadow:inset 0 0 0 2px var(--black)}.imageCard img{object-fit:cover;width:100%;height:180px;display:block}.imageCardTop{position:absolute;top:9px;left:9px}.imageCardTop span{color:#fff;letter-spacing:.5px;background:#000000d1;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900}.imageCardActions{flex-wrap:wrap;align-items:center;gap:6px;padding:9px;display:flex}.imageCardActions button,.imageCardActions a{background:var(--white);color:var(--black);cursor:pointer;border:0;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:800;text-decoration:none}.imageCardActions .dangerText{color:var(--danger)}.toggleRows{gap:2px;display:grid}.toggleRows>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:11px 0;font-size:12px;display:flex}.toggleRows>div:last-child{border-bottom:0}.demoNote{color:var(--muted)!important;margin:12px 0 0!important;font-size:10px!important}.homeGrid{align-items:start}.bannerList{gap:12px;display:grid}.bannerRow{border:1px solid var(--border);background:var(--cream);border-radius:18px;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px;display:grid}.bannerThumb{background:var(--soft);width:130px;height:86px;color:var(--muted);border-radius:12px;place-items:center;font-size:10px;display:grid;overflow:hidden}.bannerThumb img{object-fit:cover;width:100%;height:100%}.bannerCopy strong,.bannerCopy span,.bannerCopy small{display:block}.bannerCopy strong{font-size:13px}.bannerCopy span{color:var(--muted);margin-top:4px;font-size:10px}.bannerCopy small{margin-top:8px;font-size:9px;font-weight:900}.bannerControls{align-items:center;gap:10px;display:flex}.miniActions{gap:5px;display:flex}.miniActions button{min-width:34px;padding:7px 9px!important}.miniActions button:disabled{opacity:.35;cursor:not-allowed}.appPreviewPanel{position:sticky;top:24px}.appPreview{border:1px solid var(--border);background:var(--cream);border-radius:28px;max-width:390px;margin:14px auto 0;padding:15px}.appPreviewTop{justify-content:space-between;align-items:center;gap:12px;padding:4px 3px 13px;display:flex}.appPreviewTop b{font-size:15px}.appPreviewTop span{color:var(--muted);font-size:8px;font-weight:800}.heroPreview{color:#fff;background-position:50%;background-size:cover;border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:230px;padding:18px;display:flex;overflow:hidden}.heroPreview>span{letter-spacing:-.8px;font-size:27px;font-weight:900}.heroPreview p{color:#fff;margin:5px 0 12px;font-size:11px}.heroPreview button{font-size:9px;color:#000!important;background:#fff!important;border:0!important;padding:9px 12px!important}.emptyHero{background:var(--beige);color:var(--black);justify-content:center;align-items:center;font-size:12px}.previewSectionTitle{text-transform:uppercase;letter-spacing:.6px;margin:18px 2px 10px;font-size:11px;font-weight:900}.previewProducts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.previewProducts>div{min-width:0}.previewProducts img,.previewProducts .imagePlaceholder{object-fit:cover;background:var(--white);border-radius:12px;width:100%;height:90px}.previewProducts b,.previewProducts span{display:block}.previewProducts b{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:9px;overflow:hidden}.previewProducts span{color:var(--muted);margin-top:2px;font-size:9px}.bannerEditorImage{background:var(--cream);width:100%;height:260px;color:var(--muted);border-radius:18px;place-items:center;font-size:11px;display:grid;overflow:hidden}.bannerEditorImage img{object-fit:cover;width:100%;height:100%}@media (max-width:1100px){.homeGrid{grid-template-columns:1fr}.appPreviewPanel{position:static}.bannerRow{grid-template-columns:110px minmax(0,1fr)}.bannerControls{grid-column:1/-1;justify-content:space-between}.bannerThumb{width:110px}}@media (max-width:700px){.imageManager{grid-template-columns:1fr}.imageCard img{height:220px}.bannerRow{grid-template-columns:1fr}.bannerThumb{width:100%;height:150px}.sectionLine{flex-direction:column;align-items:flex-start}.catalogStats{grid-template-columns:1fr 1fr;display:grid}.quickActions{display:grid}.quickActions button{width:100%}}.authPage{background:var(--cream);place-items:center;min-height:100vh;padding:24px;display:grid}.authCard{border:1px solid var(--border);width:min(520px,94vw);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:32px}.authBrand{letter-spacing:-2px;margin-bottom:28px;font-size:34px;font-weight:900;line-height:.78}.authCard h1{margin:5px 0 12px;font-size:42px}.authCard p{margin-bottom:22px;font-size:13px}.authCard label{gap:7px;margin:12px 0;font-size:11px;font-weight:900;display:grid}.authCard input{border:1px solid var(--border);background:var(--cream);width:100%;font:inherit;border-radius:12px;padding:13px 14px}.authActions{gap:9px;margin-top:18px;display:flex}.authActions button,.authCard>button{cursor:pointer;background:#fff;border:1px solid #000;border-radius:999px;padding:12px 18px;font-weight:900}.authActions .primary,.authCard>button.primary{color:#fff;background:#000}.authMessage{background:var(--cream);border:1px solid var(--border);border-radius:12px;margin-top:10px;padding:11px 13px;font-size:11px}.signOutButton{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900}