:root{--control-navy:#071f43;--control-navy-2:#0b2f65;--control-blue:#1768f2;--control-text:#101c33;--control-muted:#718096;--control-line:#e1e7ef;--control-bg:#f5f7fa;--control-green:#16a55b;--control-red:#ee3345;--control-amber:#f2a900;--control-purple:#7c3aed;--control-teal:#0ea5a8;--control-radius:11px;--control-shadow:0 3px 12px rgba(15,34,63,.055)}
html,body{font-family:"Segoe UI",Inter,Arial,sans-serif;background:var(--control-bg);color:var(--control-text)}
.control-shell{grid-template-columns:230px minmax(0,1fr);background:var(--control-bg)}.control-sidebar{width:230px;padding:23px 10px 15px;background:linear-gradient(180deg,#061a38 0%,#082a59 58%,#061f43 100%);box-shadow:none}.control-brand{display:block;text-align:center;padding:1px 8px 31px}.control-brand .chef-mark{display:block;color:#e89b33;font-size:30px;line-height:1}.control-brand strong{font-family:Georgia,serif;font-size:20px;letter-spacing:-.02em;margin-top:9px}.control-brand small{color:#efa640;font-size:17px;letter-spacing:.02em;margin-top:5px}.control-sidebar nav{gap:10px}.control-sidebar nav a{height:50px;padding:0 16px;border-radius:7px;font-size:14px;font-weight:500;color:#e6eefb}.control-sidebar nav a:hover{background:rgba(255,255,255,.07)}.control-sidebar nav a.active{background:linear-gradient(100deg,#1768f2,#0c55d8);box-shadow:0 8px 18px rgba(0,75,206,.28);color:#fff}.control-sidebar .nav-icon{width:24px;height:24px;display:grid;place-items:center}.control-sidebar .nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-account{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:17px 10px 8px;display:grid;grid-template-columns:28px 1fr 16px;gap:9px;align-items:center;color:#fff}.sidebar-account strong,.sidebar-account small{display:block}.sidebar-account strong{font-size:12px}.sidebar-account small{font-size:10px;color:#a8bddb;margin-top:3px}.account-icon{width:27px;height:27px;border:1px solid rgba(255,255,255,.3);border-radius:8px;display:grid;place-items:center}.sidebar-version{text-align:center;color:#7894ba;font-size:9px;padding-top:6px}.control-page{background:var(--control-bg)}.control-topbar{height:86px;padding:0 26px;background:#fff;border-bottom:1px solid var(--control-line);box-shadow:none}.control-topbar .topbar-title strong{font-size:22px;letter-spacing:-.02em}.control-topbar .topbar-title small{display:none}.topbar-tools{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:12px}.top-date{font-weight:600}.period-chip{border:1px solid var(--control-line);border-radius:7px;padding:10px 14px;background:#fff}.top-live{display:flex;align-items:center;gap:8px;border-left:1px solid var(--control-line);padding-left:20px}.top-live i,.live-chip i,.auto-refresh i{width:8px;height:8px;border-radius:50%;background:var(--control-green);box-shadow:none;animation:controlPulse 2s infinite}.topbar-tools form{margin:0}.topbar-tools button{padding:8px 10px!important;color:#59677b}.control-topbar .menu-toggle{width:40px;height:40px;padding:9px}.control-topbar .menu-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.control-content{padding:16px 22px 28px;max-width:1680px;width:100%}
.control-card,.health-overview,.executive-kpi{background:#fff;border:1px solid var(--control-line);border-radius:var(--control-radius);box-shadow:var(--control-shadow)}.overview-grid{display:grid;grid-template-columns:minmax(440px,2.25fr) repeat(3,minmax(170px,.72fr));gap:14px;margin-bottom:14px}.health-overview{min-height:164px;display:grid;grid-template-columns:90px minmax(210px,.72fr) minmax(230px,1.28fr);gap:16px;align-items:center;padding:20px 24px}.health-symbol{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:400}.health-symbol.healthy{color:var(--control-green);background:#e5f7ec;border:2px solid #bce8cd}.health-symbol.incident{color:var(--control-red);background:#ffeaed;border:2px solid #f9c6cc}.health-copy h2{margin:0 0 9px;font-size:20px;letter-spacing:-.02em}.health-copy>span{display:flex;align-items:center;gap:6px;color:#26364d;font-size:12px}.health-copy>span i{width:8px;height:8px;border-radius:50%;background:var(--control-green)}.health-copy p{margin:21px 0 0;color:var(--control-muted);font-size:12px}.health-copy p strong{color:#253348}.health-overview canvas{height:92px;width:100%}.executive-kpi{padding:20px 17px;display:grid;grid-template-columns:48px 1fr;gap:13px;align-content:start}.kpi-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:700}.kpi-icon.blue{background:#e8f0ff;color:var(--control-blue)}.kpi-icon.red{background:#ffeaed;color:var(--control-red)}.executive-kpi small,.executive-kpi strong,.executive-kpi em{display:block}.executive-kpi small{font-size:12px;line-height:1.35;color:#27354a;min-height:33px}.executive-kpi strong{font-size:27px;margin:10px 0 8px;letter-spacing:-.04em}.executive-kpi em{font-size:10px;font-style:normal;color:var(--control-muted)}.executive-kpi em.good{color:var(--control-green)}
.analytics-main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(380px,.95fr);gap:14px;margin-bottom:14px}.control-card{overflow:hidden}.control-card-head{min-height:60px;padding:15px 16px;border-bottom:1px solid var(--control-line);display:flex;justify-content:space-between;align-items:center;gap:14px}.control-card-head h2{margin:0;font-size:16px;letter-spacing:-.01em}.control-card-head p{margin:4px 0 0;color:var(--control-muted);font-size:10px}.control-card-head select{width:auto;min-width:142px;padding:8px 30px 8px 10px;border-radius:6px;font-size:11px}.performance-card{min-height:420px}.chart-legend{display:flex;align-items:center;gap:17px;flex-wrap:wrap;padding:12px 18px 0;color:#4e5d72;font-size:10px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:8px;height:8px;border-radius:50%}.performance-card>canvas{height:325px;width:100%;padding:0 8px}.systems-status-card{min-height:420px}.system-status-list{display:grid}.system-status-row{min-height:71px;padding:10px 13px;display:grid;grid-template-columns:40px minmax(85px,1fr) 64px minmax(75px,135px) 12px;gap:9px;align-items:center;border-bottom:1px solid var(--control-line)}.system-status-row:last-child{border-bottom:0}.system-round-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--system-color) 12%,white);color:var(--system-color);font-size:13px;font-weight:900}.system-status-copy strong,.system-status-copy small{display:block}.system-status-copy strong{font-size:12px}.system-status-copy small{font-size:9px;margin-top:3px;color:var(--control-muted);display:flex;align-items:center;gap:5px}.system-status-copy small i{width:7px;height:7px;border-radius:50%;background:#aab4c3}.system-status-copy small.up{color:var(--control-green)}.system-status-copy small.up i{background:var(--control-green)}.system-status-copy small.down{color:var(--control-red)}.system-status-copy small.down i{background:var(--control-red)}.system-status-copy small.degraded{color:#a96f00}.system-status-copy small.degraded i{background:var(--control-amber)}.system-status-row>b{font-size:11px;text-align:right}.mini-spark{height:38px;width:100%}.row-chevron{font-size:23px;color:#213550}
.analytics-bottom-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(380px,.95fr);gap:14px}.flow-card,.modules-card{min-height:284px}.auto-refresh{display:flex;align-items:center;gap:8px;color:var(--control-green);font-size:10px}.professional-flow{padding:0 14px 9px}.flow-table-head,.flow-table-row{display:grid;grid-template-columns:82px 118px 1fr 1.15fr 78px 68px;gap:8px;align-items:center}.flow-table-head{height:35px;color:#67758a;font-size:9px;border-bottom:1px solid var(--control-line)}.flow-table-row{min-height:35px;border-bottom:1px solid #edf1f5;font-size:10px}.flow-table-row:last-child{border-bottom:0}.flow-table-row time{display:flex;align-items:center;gap:8px}.flow-state{width:7px;height:7px;border-radius:50%;background:var(--control-green)}.flow-state.warning{background:var(--control-amber)}.flow-state.error,.flow-state.critical{background:var(--control-red)}.flow-system{display:flex;align-items:center;gap:7px}.flow-system b{width:20px;height:20px;border-radius:6px;background:#e7efff;color:var(--control-blue);display:grid;place-items:center;font-size:9px}.flow-table-row>strong{font-size:10px}.flow-table-row>strong.slow{color:var(--control-amber)}.flow-success{color:var(--control-green);font-weight:700}.modules-ranking{padding:6px 16px 12px}.module-rank-row{min-height:42px;display:grid;grid-template-columns:22px minmax(95px,.85fr) minmax(100px,1.4fr) 38px;gap:10px;align-items:center;font-size:10px}.module-rank-row>b{font-size:11px}.module-rank-row>div strong,.module-rank-row>div small{display:block}.module-rank-row>div strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-rank-row>div small{font-size:8px;color:var(--control-muted);margin-top:2px}.module-bar{height:6px;background:#e8edf4;border-radius:10px;overflow:hidden}.module-bar i{display:block;height:100%;background:var(--control-blue);border-radius:10px}.module-rank-row em{font-style:normal;text-align:right}.hidden-live-metrics{display:none}
/* Shared pages */
.control-content>.hero-row{margin:2px 0 14px;align-items:center}.control-content>.hero-row h1{font-size:22px;margin:2px 0 4px}.control-content>.hero-row p{font-size:11px}.control-content>.hero-row .eyebrow{font-size:9px}.control-content>.panel{border-color:var(--control-line);border-radius:var(--control-radius);box-shadow:var(--control-shadow);padding:16px;margin-bottom:14px}.control-content table{font-size:11px}.control-content th{background:#f7f9fc;color:#66758a;padding:10px;font-size:9px}.control-content td{padding:12px 10px}.control-content .filter-panel{padding:14px}.control-content .filter-form{gap:10px}.control-content .primary{border-radius:7px;padding:10px 15px;box-shadow:none}.control-content .status-pill,.control-content .severity{border-radius:6px}.control-content .link-button{border-radius:6px}.control-content dialog{border-radius:13px}.control-content .dialog-form{padding:20px}.control-content input,.control-content select{border-radius:7px}.control-content canvas#performanceChart{height:380px}.flash{border-radius:8px}.live-empty{padding:35px 12px;text-align:center;color:var(--control-muted);font-size:11px}
.page-performance-card{margin-bottom:14px;min-height:475px}.page-performance-card>canvas{height:385px;width:100%;padding:0 10px}
.mobile-backdrop{display:none}.auth-shell .auth-card{border-radius:14px;box-shadow:0 25px 65px rgba(7,31,67,.15)}
@keyframes controlPulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:1380px){.overview-grid{grid-template-columns:minmax(420px,1.8fr) repeat(3,minmax(145px,.65fr))}.health-overview{grid-template-columns:76px minmax(185px,.8fr) minmax(180px,1fr);padding:18px}.activity-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1180px){.overview-grid{grid-template-columns:repeat(3,1fr)}.health-overview{grid-column:1/-1}.analytics-main-grid,.analytics-bottom-grid{grid-template-columns:1fr}.systems-status-card{min-height:auto}.system-status-list{grid-template-columns:repeat(2,1fr)}.system-status-row:nth-child(odd){border-right:1px solid var(--control-line)}.topbar-tools{gap:10px}.analytics-bottom-grid{margin-bottom:20px}}
@media(max-width:820px){.control-shell{display:block}.control-sidebar{position:fixed;left:-244px;width:230px;z-index:80;transition:left .22s ease}.control-sidebar.open{left:0}.mobile-backdrop{display:block;position:fixed;inset:0;background:rgba(5,20,44,.54);z-index:70;opacity:0;pointer-events:none;transition:opacity .2s}.menu-open .mobile-backdrop{opacity:1;pointer-events:auto}.control-topbar{height:70px;padding:0 13px}.control-topbar .menu-toggle{display:grid;place-items:center}.control-topbar .topbar-title strong{font-size:17px}.topbar-tools .top-date,.topbar-tools .period-chip{display:none}.top-live{border-left:0;padding-left:0;font-size:10px}.control-content{padding:12px}.overview-grid{grid-template-columns:repeat(2,1fr)}.health-overview{grid-column:1/-1;grid-template-columns:65px 1fr;padding:16px;min-height:140px}.health-symbol{width:58px;height:58px;font-size:29px}.health-copy h2{font-size:17px}.health-copy p{margin-top:13px}.health-overview canvas{grid-column:1/-1;height:65px}.executive-kpi{grid-template-columns:40px 1fr;padding:14px}.kpi-icon{width:40px;height:40px}.executive-kpi strong{font-size:22px}.performance-card>canvas{height:280px}.system-status-list{grid-template-columns:1fr}.system-status-row:nth-child(odd){border-right:0}.flow-table-head{display:none}.flow-table-row{grid-template-columns:72px minmax(95px,1fr) minmax(90px,1fr) 65px;min-height:48px}.flow-table-row>span:nth-child(4),.flow-table-row>span:nth-child(6){display:none}.control-content>.hero-row{align-items:flex-start;flex-direction:row}.control-content .filter-form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.top-live{font-size:0}.top-live:after{content:'En vivo';font-size:9px}.topbar-tools{gap:6px}.topbar-tools button{font-size:0;width:34px;height:34px}.topbar-tools button:after{content:'↪';font-size:16px}.overview-grid{grid-template-columns:1fr}.health-overview{grid-template-columns:52px 1fr}.executive-kpi{grid-template-columns:42px 1fr}.analytics-main-grid,.analytics-bottom-grid{gap:10px}.control-card-head{padding:13px;min-height:56px}.control-card-head h2{font-size:14px}.control-card-head select{min-width:120px}.chart-legend{gap:9px;padding:10px 12px 0}.performance-card>canvas{height:240px}.system-status-row{grid-template-columns:36px minmax(78px,1fr) 58px 75px 8px;padding:9px}.system-round-icon{width:34px;height:34px}.professional-flow{padding:0 10px}.flow-table-row{grid-template-columns:65px minmax(85px,1fr) 68px}.flow-table-row>span:nth-child(3){display:none}.module-rank-row{grid-template-columns:18px minmax(80px,.8fr) 1fr 32px}.control-content>.hero-row{flex-direction:column}.control-content>.hero-row .primary{width:100%}.control-content .filter-form{grid-template-columns:1fr}.control-content .table-wrap{margin:0 -16px;padding:0 16px}.dialog-form .form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}}

/* Technical support login */
.auth-shell{display:block;background:#fff;overflow-x:hidden}.support-login{width:100%;min-height:100vh;display:grid;grid-template-columns:minmax(560px,61%) minmax(420px,39%);background:#fff}.support-visual{position:relative;min-height:100vh;overflow:hidden;color:#fff;padding:42px 54px;background:radial-gradient(circle at 52% 60%,rgba(21,103,241,.2),transparent 31%),linear-gradient(145deg,#06162f,#071f43 58%,#061a38)}.support-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(67,133,227,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(67,133,227,.18) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent 5%,#000 26%,#000 90%,transparent)}.support-visual:after{content:'';position:absolute;inset:30% 0 0;background:radial-gradient(ellipse at center,transparent 0 18%,rgba(21,103,241,.04) 19% 20%,transparent 21% 30%,rgba(21,103,241,.05) 31% 32%,transparent 33%),linear-gradient(90deg,transparent 49.8%,rgba(47,127,242,.08) 50%,transparent 50.2%);pointer-events:none}.support-brand{position:relative;z-index:3;display:grid;width:max-content}.support-brand strong{font-size:23px;letter-spacing:.015em}.support-brand i{width:48px;height:4px;background:#efa640;border-radius:3px;margin:8px 0 8px}.support-brand span{font-size:17px;color:#b9c9df}.support-copy{position:relative;z-index:3;margin-top:44px;max-width:720px}.support-copy h1{margin:0 0 14px;font-size:39px;line-height:1.12;letter-spacing:-.025em}.support-copy p{margin:0;color:#aebfd7;font-size:19px}.connected-label{display:flex;align-items:center;gap:9px;margin-top:31px;color:#73dd8e;font-size:15px}.connected-label i{width:12px;height:12px;background:#6dde88;border-radius:50%;box-shadow:0 0 0 5px rgba(109,222,136,.08);animation:supportConnected 2s infinite}.system-network{position:absolute;z-index:2;left:5%;right:5%;top:33%;bottom:4%}.network-core{position:absolute;left:50%;top:55%;width:134px;height:134px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#0a4aa6 0,#072853 53%,rgba(7,40,83,.4) 54%,transparent 55%);filter:drop-shadow(0 0 22px rgba(34,126,255,.42))}.network-core svg{width:71px;height:80px;fill:none;stroke:#6ab1ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #1976ff)}.core-ring{position:absolute;inset:-18px;border:1px solid rgba(60,145,255,.45);border-radius:50%;animation:corePulse 2.6s ease-out infinite}.core-ring.ring-two{inset:-43px;animation-delay:.65s}.network-node{position:absolute;width:110px;height:110px;border:1px solid rgba(77,159,255,.7);border-radius:50%;display:grid;place-items:center;align-content:center;gap:7px;background:radial-gradient(circle,#0a315f,#071d3d 72%);box-shadow:0 0 0 8px rgba(25,104,211,.08),inset 0 0 18px rgba(35,119,235,.12)}.network-node span{font-size:28px;color:#78b8ff}.network-node small{font-size:12px}.node-central{left:50%;top:0;transform:translateX(-50%)}.node-pos{left:2%;top:41%}.node-sucursal{right:2%;top:41%}.node-pedidos{left:17%;bottom:0}.node-delivery{right:17%;bottom:0}.network-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#3ea6ff,#79d6ff,#3ea6ff,transparent);transform-origin:left center;filter:drop-shadow(0 0 4px #2398ff);animation:lineFlow 2.4s ease-in-out infinite}.line-central{width:185px;left:50%;top:20%;transform:rotate(90deg)}.line-pos{width:285px;left:13%;top:53%;transform:rotate(7deg)}.line-sucursal{width:285px;left:51%;top:55%;transform:rotate(-7deg)}.line-pedidos{width:265px;left:27%;top:78%;transform:rotate(-33deg)}.line-delivery{width:265px;left:51%;top:57%;transform:rotate(53deg)}.support-access{position:relative;min-height:100vh;display:grid;place-items:center;padding:55px 68px;background:linear-gradient(135deg,#fff,#fafcff)}.support-form-wrap{width:min(100%,460px);animation:formArrive .65s ease both}.support-eyebrow{display:block;color:var(--control-blue);font-size:12px;font-weight:800;letter-spacing:.02em;margin-bottom:18px}.support-form-wrap h2{font-size:39px;line-height:1;margin:0 0 13px;letter-spacing:-.035em}.support-form-wrap>p{max-width:350px;margin:0 0 31px;color:#66758a;line-height:1.45;font-size:15px}.support-form{display:grid;gap:20px}.support-form>label{display:grid;gap:9px;color:#46566d;font-size:13px}.support-field{height:55px;border:1px solid #d7e0ec;border-radius:7px;display:flex;align-items:center;background:#fff;transition:border-color .2s,box-shadow .2s}.support-field:focus-within{border-color:var(--control-blue);box-shadow:0 0 0 3px rgba(23,104,242,.1)}.support-field>svg{width:20px;height:20px;margin-left:15px;fill:none;stroke:#a2b1c5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.support-field input{height:100%;border:0!important;box-shadow:none!important;padding:0 13px;background:transparent}.support-field input::placeholder{color:#a9b6c8}.password-toggle{width:46px;height:100%;border:0;background:transparent;padding:0;display:grid;place-items:center}.password-toggle svg{width:21px;height:21px;fill:none;stroke:#65758b;stroke-width:1.8}.support-submit{position:relative;height:56px;margin-top:5px;border:0;border-radius:6px;background:linear-gradient(100deg,#1768f2,#0759e7);color:#fff;font-size:15px;font-weight:700;box-shadow:0 9px 22px rgba(23,104,242,.2);overflow:hidden}.support-submit:before{content:'';position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:transform .55s}.support-submit:hover:before{transform:translateX(110%)}.support-submit i{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:buttonSpin .7s linear infinite}.support-submit.loading span{display:none}.support-submit.loading i{display:inline-block}.support-access footer{position:absolute;right:35px;bottom:25px;color:#7c899c;font-size:11px}.login-transition{position:fixed;z-index:100;inset:0;background:#071f43;color:#fff;display:grid;place-items:center;align-content:center;gap:19px;opacity:0;visibility:hidden;transition:opacity .35s}.login-transition span{width:78px;height:78px;border:2px solid #398fff;border-radius:50%;position:relative;box-shadow:0 0 40px rgba(33,132,255,.35)}.login-transition span:before{content:'✓';position:absolute;inset:10px;border:1px solid #4c9cff;border-radius:50%;display:grid;place-items:center;color:#7bb8ff;font-size:29px}.login-transition strong{font-size:14px;letter-spacing:.02em}.auth-entering .login-transition{opacity:1;visibility:visible}.auth-entering .support-access{animation:accessExit .8s ease both}.auth-entering .network-core{animation:coreConfirm .8s ease both}.auth-entering .network-node{animation:nodeConfirm .65s ease both}.portal-reveal .control-page{animation:portalReveal .55s ease both}
@keyframes corePulse{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.22);opacity:0}}@keyframes supportConnected{50%{opacity:.42}}@keyframes lineFlow{50%{filter:drop-shadow(0 0 9px #4dbaff);opacity:.55}}@keyframes formArrive{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}@keyframes buttonSpin{to{transform:rotate(360deg)}}@keyframes accessExit{to{opacity:0;transform:translateX(-35px)}}@keyframes coreConfirm{50%{filter:drop-shadow(0 0 55px #3a9aff);transform:translate(-50%,-50%) scale(1.12)}}@keyframes nodeConfirm{50%{box-shadow:0 0 28px rgba(62,166,255,.6)}}@keyframes portalReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.support-login{grid-template-columns:54% 46%}.support-visual{padding:35px}.support-copy h1{font-size:31px}.support-copy p{font-size:16px}.system-network{left:2%;right:2%}.network-node{width:88px;height:88px}.network-core{width:112px;height:112px}.support-access{padding:45px}.node-pedidos{left:10%}.node-delivery{right:10%}}
@media(max-width:760px){.support-login{display:flex;flex-direction:column;min-height:100vh}.support-visual{min-height:250px;padding:25px 24px;flex:0 0 250px}.support-brand strong{font-size:18px}.support-brand span{font-size:13px}.support-copy{margin-top:26px}.support-copy h1{font-size:26px;margin-bottom:9px}.support-copy p{font-size:13px}.connected-label{margin-top:18px;font-size:12px}.system-network{left:auto;right:18px;top:18px;bottom:auto;width:230px;height:210px;opacity:.55}.network-core{left:55%;top:58%;width:85px;height:85px}.network-core svg{width:48px}.network-node{width:48px;height:48px;gap:0}.network-node span{font-size:14px}.network-node small{font-size:7px}.node-central{top:0}.node-pos{left:0;top:45%}.node-sucursal{right:0;top:45%}.node-pedidos{left:18%;bottom:0}.node-delivery{right:13%;bottom:0}.network-line{display:none}.support-access{min-height:calc(100vh - 250px);padding:38px 24px 60px;place-items:start center}.support-form-wrap h2{font-size:32px}.support-form-wrap>p{margin-bottom:25px}.support-access footer{left:0;right:0;bottom:18px;text-align:center}}
@media(max-width:480px){.support-visual{min-height:220px;flex-basis:220px}.support-copy h1{font-size:22px;max-width:250px}.support-copy p{max-width:250px}.system-network{width:180px;height:170px;right:-6px;opacity:.35}.support-access{min-height:calc(100vh - 220px);padding:31px 18px 55px}.support-eyebrow{font-size:10px;margin-bottom:14px}.support-form-wrap h2{font-size:29px}.support-form-wrap>p{font-size:13px}.support-field{height:51px}.support-submit{height:52px}}
@media(prefers-reduced-motion:reduce){.support-form-wrap,.network-core,.network-node,.network-line,.core-ring,.connected-label i,.portal-reveal .control-page{animation:none!important}.login-transition{transition:none}}
.auth-shell main.support-login{padding:0;max-width:none;margin:0}.type-central{--system-color:#2563eb!important}.type-pos{--system-color:#f2a900!important}.type-sucursal{--system-color:#18a957!important}.type-pedidos{--system-color:#7c3aed!important}.type-delivery{--system-color:#0ea5a8!important}.type-otro{--system-color:#64748b!important}.chart-legend i[class*="type-"]{background:var(--system-color)}.module-progress{width:100%;height:6px;border:0;border-radius:10px;overflow:hidden;background:#e8edf4}.module-progress::-webkit-progress-bar{background:#e8edf4;border-radius:10px}.module-progress::-webkit-progress-value{background:var(--control-blue);border-radius:10px}.module-progress::-moz-progress-bar{background:var(--control-blue);border-radius:10px}
.network-map{position:absolute;inset:2% 0 0;width:100%;height:96%;fill:rgba(44,115,207,.055);stroke:rgba(77,150,241,.08);stroke-width:2}.network-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.network-links path{fill:none;stroke:#48a8ee;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 5;filter:drop-shadow(0 0 4px rgba(40,151,255,.8));animation:networkDash 12s linear infinite}.network-links path:nth-child(2){animation-delay:-2s}.network-links path:nth-child(3){animation-delay:-4s}.network-links path:nth-child(4){animation-delay:-6s}.network-links path:nth-child(5){animation-delay:-8s}.network-line{display:none}.network-node svg{width:34px;height:34px;fill:none;stroke:#78b8ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(50,145,255,.45))}.support-field input:-webkit-autofill,.support-field input:-webkit-autofill:hover,.support-field input:-webkit-autofill:focus{-webkit-text-fill-color:#18253b;-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;transition:background-color 9999s ease-out}.support-field input:autofill{background:#fff;color:#18253b}@keyframes networkDash{to{stroke-dashoffset:-120}}
@media(max-width:760px){.network-node svg{width:18px;height:18px}.network-map{opacity:.3}.network-links{display:none}}
/* Salud por componentes */
.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 22px}
.health-card{background:#fff;border:1px solid #dce6f2;border-left:4px solid #94a3b8;border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(15,35,64,.06)}
.health-card.status-up{border-left-color:#18a957}.health-card.status-degraded{border-left-color:#f2a900}.health-card.status-down{border-left-color:#e34b5f}
.health-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.health-card h2{margin:4px 0 0;font-size:19px;color:#10213d}.health-card .app-type{font-size:10px;font-weight:900;letter-spacing:.12em;color:#6d7e96}
.health-diagnosis{margin:16px 0;padding:14px 15px;border-radius:13px;background:#f5f8fc;border:1px solid #e4ebf4}.health-diagnosis span{display:block;font-size:11px;color:#73839a;font-weight:800;text-transform:uppercase}.health-diagnosis strong{display:block;margin:4px 0;color:#10213d}.health-diagnosis p{margin:0;color:#5f7088;font-size:13px;line-height:1.45}
.component-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.component-list div{padding:11px;border:1px solid #e3eaf3;border-radius:11px}.component-list span{display:block;color:#75859c;font-size:11px}.component-list strong{display:block;margin-top:4px;color:#10213d;font-size:15px}
.health-card footer{margin-top:14px;border-top:1px solid #e6edf5;padding-top:12px;color:#73839a;font-size:12px}.health-card footer p{margin:6px 0 0;line-height:1.45;color:#54667e}.health-history .empty-cell{text-align:center;color:#77869a;padding:28px}
@media(max-width:1050px){.health-grid{grid-template-columns:1fr}.component-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.health-card{padding:16px}.component-list{grid-template-columns:1fr 1fr}.health-card>header{align-items:center}.health-history .table-wrap{overflow-x:auto}}

.health-live-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:13px 16px;margin:-4px 0 18px;border:1px solid #dbe6f2;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(15,35,64,.05)}
.health-live-bar>span{display:flex;align-items:center;gap:9px;color:#13874b}.health-live-bar>span i{width:9px;height:9px;border-radius:50%;background:#1db56a;box-shadow:0 0 0 5px rgba(29,181,106,.12)}.health-live-bar p{margin:0;color:#62728a;font-size:12px}.health-live-bar time{font-size:11px;color:#7a889c}.health-live-bar.needs-config>span{color:#9a6500}.health-live-bar.needs-config>span i{background:#f2a900;box-shadow:0 0 0 5px rgba(242,169,0,.13)}.health-live-bar.checking>span i{animation:livePulse .8s infinite}.health-live-bar.failed>span{color:#bf2f43}.health-live-bar.failed>span i{background:#e34b5f;box-shadow:0 0 0 5px rgba(227,75,95,.12)}
.user-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.user-summary article{padding:18px 20px;background:#fff;border:1px solid #dce6f2;border-radius:16px;box-shadow:0 9px 25px rgba(15,35,64,.05)}.user-summary span,.user-summary strong{display:block}.user-summary span{font-size:11px;font-weight:800;color:#718198}.user-summary strong{font-size:27px;margin-top:7px;color:#10213d}.users-table td{vertical-align:middle}.role-pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900}.role-pill.admin{background:#e8f0ff;color:#1d5fd5}.role-pill.viewer{background:#edf7f1;color:#16884d}.inline-form{margin:0}.danger-link{color:#c83245!important;border-color:#f2c5cc!important}.muted-action{color:#8a98aa;font-size:11px}.access-note{align-self:end;min-height:70px;padding:12px 14px;border:1px solid #dbe7f7;border-radius:12px;background:#f4f8fe}.access-note b,.access-note small{display:block}.access-note b{color:#1d5fd5;font-size:12px}.access-note small{margin-top:5px;color:#718198}.dialog-head p{margin:4px 0 0;color:#718198;font-size:12px}
@media(max-width:820px){.health-live-bar{grid-template-columns:1fr auto}.health-live-bar p{grid-column:1/-1;grid-row:2}.user-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.health-live-bar{grid-template-columns:1fr}.health-live-bar time{grid-row:3}.user-summary{grid-template-columns:1fr}.users-hero .primary{width:100%}.users-table{min-width:760px}}
