*{box-sizing:border-box;margin:0;padding:0}:root{--page:#eaf0f7;--white:#fff;--text:#09152f;--muted:#778398;--border:#d8e0eb;--blue:#0758b7;--blue-light:#0879e8;--blue-dark:#031833;--orange:#ff7412;--orange-light:#ff9828;--shadow:0 28px 72px #081d3c2e}html,body{min-height:100%}body{color:var(--text);background:var(--page);-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}.loginPage{background:radial-gradient(circle at 7% 12%, #0758b71f, transparent 30%), radial-gradient(circle at 92% 90%, #ff741212, transparent 28%), var(--page);justify-content:center;align-items:safe center;width:100%;min-height:100svh;padding:24px;display:flex}.loginShell{background:var(--white);width:min(1480px,100%);min-height:720px;box-shadow:var(--shadow);border:1px solid #ffffffe6;border-radius:30px;grid-template-columns:minmax(0,1.58fr) minmax(440px,.92fr);display:grid;overflow:hidden}.loginHero{color:#fff;background-image:linear-gradient(90deg,#000e27f7 0%,#011532e8 42%,#021834ab 100%),url(/branding/login-fondo.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:720px;position:relative;overflow:hidden}.heroShade{pointer-events:none;background:linear-gradient(#00112c14,#00112c0d 52%,#000f27d4 100%);position:absolute;inset:0}.heroContent{z-index:1;flex-direction:column;min-height:720px;padding:34px 54px 38px;display:flex;position:relative}.loganLogo{width:430px;max-width:76%;height:116px;position:relative;overflow:hidden}.loganLogoImage{object-fit:cover;object-position:center center}.loganLogoSmall{width:340px;max-width:82%;height:105px;margin:0 auto 20px}.heroText{width:min(590px,74%);margin-top:20px}.heroEyebrow{color:#8dbdff;letter-spacing:.18em;text-transform:uppercase;margin-bottom:15px;font-size:11px;font-weight:800}.heroText h1{color:#fff;letter-spacing:-.045em;font-size:clamp(44px,4.1vw,69px);font-weight:800;line-height:1.03}.heroText h1 span{color:var(--orange)}.heroDescription{color:#c9d3e2;max-width:510px;margin-top:20px;font-size:15px;line-height:1.7}.orangeLine{background:linear-gradient(90deg, var(--orange), var(--orange-light));border-radius:10px;width:68px;height:3px;margin-top:21px}.heroFeatures{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:auto;padding-top:34px;display:grid}.heroFeature{border-right:1px solid #ffffff2e;align-items:flex-start;gap:13px;min-width:0;padding:0 22px;display:flex}.heroFeature:first-child{padding-left:0}.heroFeature:last-child{border-right:0;padding-right:0}.featureIcon{width:48px;height:48px;color:var(--orange);background:#04438c6e;border:1px solid #0879e8c7;border-radius:14px;flex:0 0 48px;place-items:center;display:grid}.featureIcon svg{width:27px;height:27px}.miniChart{align-items:flex-end;gap:4px;height:25px;display:flex}.miniChart span{background:linear-gradient(180deg, var(--orange-light), var(--orange));border-radius:3px 3px 1px 1px;width:5px}.miniChart span:first-child{height:11px}.miniChart span:nth-child(2){height:18px}.miniChart span:nth-child(3){height:25px}.heroFeature strong{color:#fff;margin:2px 0 5px;font-size:13px;display:block}.heroFeature p{color:#b5c1d1;font-size:11px;line-height:1.6}.loginPanel{background:linear-gradient(#fff,#fbfcff);min-height:720px;padding:42px 62px;display:flex}.loginContent{width:min(440px,100%);margin:auto}.loginHeading{text-align:center}.loginHeading h2{color:var(--text);letter-spacing:-.035em;font-size:35px;font-weight:800;line-height:1.15}.loginHeading p{color:var(--muted);margin-top:9px;font-size:14px}.loginForm{gap:21px;margin-top:31px;display:grid}.field{gap:8px;display:grid}.field label{color:#172946;font-size:13px;font-weight:700}.inputBox{position:relative}.field input{border:1px solid var(--border);width:100%;height:56px;color:var(--text);background:#fff;border-radius:11px;outline:none;padding:0 48px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#a4aebd}.field input:hover{border-color:#c3cfde}.field input:focus{border-color:var(--blue-light);box-shadow:0 0 0 4px #0879e81a}.passwordBox input{padding-right:94px}.inputIcon{z-index:1;width:22px;height:22px;color:var(--blue);place-items:center;display:grid;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.inputIcon svg{width:22px;height:22px}.passwordBox .inputIcon{color:#738097}.showPassword{color:var(--blue-light);background:0 0;border:0;padding:7px;font-size:12px;font-weight:750;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.loginButton{background:linear-gradient(135deg, var(--blue), var(--blue-light));color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:16px;height:58px;margin-top:3px;padding:0 24px;font-size:15px;font-weight:760;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 14px 27px #0758b73d}.loginButton:hover{transform:translateY(-1px);box-shadow:0 17px 32px #0758b74d}.loginButton:active{transform:none}.buttonArrow{font-size:24px;line-height:1}.loginMessage{color:#315da8;background:#f2f7ff;border:1px solid #cfe0ff;border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.5}.securityArea{margin-top:31px}.securityDivider{grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;display:grid}.securityDivider>span{background:var(--border);height:1px}.securityLock{width:40px;height:40px;color:var(--blue);background:#edf5ff;border-radius:50%;place-items:center;display:grid}.securityLock svg{width:18px;height:18px}.securityArea p{color:var(--muted);text-align:center;margin-top:11px;font-size:12px;line-height:1.5}@media (max-width:1100px){.loginShell{grid-template-columns:minmax(0,1.2fr) minmax(400px,.8fr)}.heroContent{padding:32px 38px 35px}.heroText{width:92%}.heroFeatures{grid-template-columns:1fr;gap:12px}.heroFeature{border-right:0;padding:0}.heroFeature p{display:none}.featureIcon{flex-basis:38px;width:38px;height:38px}.featureIcon svg{width:21px;height:21px}}@media (max-width:820px){.loginPage{align-items:flex-start;padding:16px}.loginShell{grid-template-columns:1fr;width:min(580px,100%);min-height:auto}.loginHero{background-position:50% 58%;min-height:370px}.heroContent{min-height:370px;padding:23px 28px}.loganLogo{width:300px;height:85px}.heroText{width:100%;margin-top:2px}.heroText h1{font-size:40px}.heroDescription{max-width:440px;font-size:13px}.heroFeatures{display:none}.loginPanel{min-height:auto;padding:38px clamp(24px,7vw,50px) 43px}.loganLogoSmall{display:none}}@media (max-width:520px){.loginPage{padding:0}.loginShell{min-height:100svh;box-shadow:none;border:0;border-radius:0}.loginHero{min-height:290px}.heroContent{min-height:290px;padding:18px 22px}.loganLogo{width:250px;height:72px}.heroText h1{font-size:32px}.heroDescription{margin-top:12px;font-size:12px;line-height:1.55}.orangeLine{margin-top:13px}.loginPanel{padding:31px 22px 36px}.loginHeading h2{font-size:29px}}.rolePage{background:radial-gradient(circle at 15% 15%,#0758b721,#0000 34%),#edf2f8;place-items:center;min-height:100svh;padding:32px;display:grid}.roleCard{background:#fff;border-radius:24px;width:min(620px,100%);padding:48px;box-shadow:0 24px 70px #081d3c24}.roleEyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800}.roleCard h1{color:var(--text);letter-spacing:-.04em;font-size:38px}.roleWelcome{color:#46546b;margin-top:16px;font-size:17px}.roleBadge{width:fit-content;color:var(--blue);letter-spacing:.08em;background:#edf5ff;border-radius:8px;margin-top:22px;padding:8px 12px;font-size:11px;font-weight:800}.roleDescription{color:#748095;margin-top:22px;line-height:1.65}.logoutButton{background:var(--blue);color:#fff;border:0;border-radius:10px;height:46px;margin-top:30px;padding:0 20px;font-weight:700}.logoutButton:disabled,.loginButton:disabled{cursor:wait;opacity:.7}.adminDashboard{background:#f1f5f9;grid-template-columns:245px minmax(0,1fr);min-height:100svh;display:grid}.adminSidebar{color:#fff;background:linear-gradient(#061a38,#031126);flex-direction:column;height:100svh;padding:26px 20px;display:flex;position:sticky;top:0}.adminBrand{border-bottom:1px solid #ffffff1a;padding:0 8px 24px}.adminLogo{width:190px;height:70px;position:relative;overflow:hidden}.adminNav{gap:8px;margin-top:26px;display:grid}.adminNavItem{color:#aebbd0;border-radius:10px;align-items:center;gap:12px;min-height:46px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.adminNavItem span{color:#6ca9ff;width:20px;font-size:18px}.adminNavItem.active{color:#fff;background:#0879e82e}.adminNavItem.disabled{opacity:.48}.adminSidebarFooter{border-top:1px solid #ffffff1a;margin-top:auto;padding:20px 8px 0}.adminSidebarFooter p{color:#72829a;font-size:10px}.adminSidebarFooter strong{color:#fff;margin-top:5px;font-size:13px;display:block}.adminSidebarFooter>span{color:#6ca9ff;letter-spacing:.1em;margin-top:4px;font-size:9px;font-weight:800;display:block}.adminSidebarFooter .logoutButton{background:#ffffff17;width:100%;margin-top:16px}.adminMain{min-width:0;padding:34px clamp(26px,4vw,58px) 52px}.adminHeader{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.adminEyebrow{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800}.adminHeader h1{color:#0b1730;letter-spacing:-.04em;font-size:34px}.adminSubtitle{color:#748096;margin-top:8px;font-size:13px}.adminHeaderBadge{color:var(--blue);letter-spacing:.08em;background:#e7f1ff;border-radius:8px;padding:8px 11px;font-size:10px;font-weight:800}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:30px;display:grid}.statCard{background:#fff;border:1px solid #e0e7f0;border-radius:15px;padding:21px;box-shadow:0 8px 26px #0c1f3e0d}.statLabel{color:#778398;font-size:11px;font-weight:700}.statCard strong{color:#0b1730;margin-top:8px;font-size:30px;display:block}.statCard p{color:#9aa4b3;margin-top:5px;font-size:10px;line-height:1.4}.companiesSection{background:#fff;border:1px solid #e0e7f0;border-radius:18px;margin-top:24px;padding:24px;box-shadow:0 8px 30px #0c1f3e0b}.sectionHeader{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.sectionHeader h2{color:#0b1730;font-size:20px}.sectionHeader p{color:#8994a5;margin-top:4px;font-size:11px}.readOnlyBadge{color:#778398;text-transform:uppercase;background:#f2f5f9;border-radius:7px;padding:7px 10px;font-size:9px;font-weight:800}.companiesGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.companyCard{background:linear-gradient(#fff,#fbfcfe);border:1px solid #e3e9f1;border-radius:15px;min-width:0;padding:20px}.companyTop{align-items:center;gap:12px;display:flex}.companyAvatar{background:linear-gradient(135deg, var(--blue), var(--blue-light));color:#fff;border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:grid}.companyHeading{flex:1;min-width:0}.companyHeading h3{color:#0d1930;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.companyHeading p{color:#9aa5b5;margin-top:3px;font-size:10px}.statusPill{color:#6f7b8d;letter-spacing:.04em;background:#edf1f5;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:800;display:inline-flex}.statusACTIVA{color:#128157;background:#e8f8f1}.statusPRUEBA{color:#c56812;background:#fff2df}.statusSUSPENDIDA,.statusVENCIDA{color:#c84646;background:#fff0f0}.companyData{gap:10px;margin-top:18px;display:grid}.companyData>div{grid-template-columns:80px minmax(0,1fr);gap:10px;min-width:0;display:grid}.companyData span,.subscriptionDetails span{color:#99a3b1;font-size:10px}.companyData strong,.subscriptionDetails strong{overflow-wrap:anywhere;color:#41506a;font-size:11px;font-weight:650}.subscriptionBox{background:#f6f8fb;border-radius:11px;margin-top:18px;padding:15px}.subscriptionHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.subscriptionHeader>span{color:#5d6b81;font-size:11px;font-weight:800}.subscriptionDetails{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px;display:grid}.subscriptionDetails div{gap:4px;min-width:0;display:grid}.subscriptionEmpty{color:#8c98a9;margin-top:11px;font-size:10px}.emptyState{color:#7c8797;text-align:center;border:1px dashed #d8e0e9;border-radius:13px;padding:40px;font-size:12px}@media (max-width:1050px){.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.companiesGrid{grid-template-columns:1fr}}@media (max-width:760px){.adminDashboard{display:block}.adminSidebar{width:100%;height:auto;padding:15px 18px;display:block;position:static}.adminBrand{border:0;padding:0}.adminLogo{width:155px;height:55px}.adminNav{margin-top:12px;display:flex;overflow-x:auto}.adminNavItem{flex:none}.adminSidebarFooter{display:none}.adminMain{padding:23px 17px 38px}.adminHeader h1{font-size:29px}.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.statCard,.companiesSection{padding:16px}.subscriptionDetails{grid-template-columns:1fr;gap:8px}}@media (max-width:430px){.adminHeader{display:block}.adminHeaderBadge{width:fit-content;margin-top:14px}.statsGrid{grid-template-columns:1fr 1fr}.statCard strong{font-size:25px}.companyTop{align-items:flex-start}.companyTop>.statusPill{margin-left:auto}.companyData>div{grid-template-columns:1fr;gap:3px}}.subscriptionActions{border-top:1px solid #e1e7ef;margin-top:16px;padding-top:15px}.subscriptionActionGroup+.subscriptionActionGroup{margin-top:13px}.subscriptionActionTitle{color:#728096;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:800;display:block}.subscriptionButtons{flex-wrap:wrap;gap:7px;display:flex}.subscriptionButton{color:#41516b;background:#fff;border:1px solid #d9e2ec;border-radius:8px;min-height:34px;padding:0 12px;font-size:10px;font-weight:750;transition:border-color .14s,background .14s,transform .14s}.subscriptionButton:hover:not(:disabled){transform:translateY(-1px)}.subscriptionButton.trial{color:#c75d08;background:#fff7ee;border-color:#ffd3ad}.subscriptionButton.activate{color:#147854;background:#effaf5;border-color:#bfe9d7}.subscriptionButton.suspend{color:#bd4141;background:#fff4f4;border-color:#f2c9c9}.subscriptionButton:disabled{cursor:not-allowed;opacity:.45}.subscriptionActionMessage{color:#167252;background:#ecf8f3;border-radius:7px;margin-top:11px;padding:9px 10px;font-size:9px;line-height:1.45}.subscriptionActionMessage.error{color:#bd4141;background:#fff1f1}@media (max-width:430px){.subscriptionButtons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.subscriptionButton{width:100%}}.adminLogoWrap{width:100%}.adminLogo{width:175px;height:54px}.adminLogoImage{object-fit:cover;object-position:center 43%}.adminBrandSubtitle{color:#fff;letter-spacing:.16em;text-transform:uppercase;margin-top:-2px;padding-left:8px;font-size:10px;font-weight:800;line-height:1.3}.adminNavItem{min-height:50px;font-size:14px}.adminNavItem span{font-size:19px}.adminSidebarFooter p{font-size:11px}.adminSidebarFooter strong{font-size:14px}.adminSidebarFooter>span{font-size:10px}.adminSidebarFooter .logoutButton{min-height:46px;font-size:13px}.adminEyebrow{font-size:12px}.adminHeader h1{font-size:38px}.adminSubtitle{font-size:14px;line-height:1.5}.adminHeaderBadge{font-size:11px}.statLabel{font-size:13px}.statCard strong{font-size:34px}.statCard p{font-size:11px;line-height:1.5}.sectionHeader h2{font-size:23px}.sectionHeader p{font-size:12px}.readOnlyBadge{font-size:10px}.companyHeading h3{font-size:16px}.companyHeading p{font-size:11px}.statusPill{font-size:10px}.companyData span,.subscriptionDetails span{font-size:11px}.companyData strong,.subscriptionDetails strong{font-size:12px;line-height:1.45}.subscriptionHeader>span{font-size:13px}.subscriptionActionTitle{font-size:10px}.subscriptionButton{min-height:38px;padding-left:14px;padding-right:14px;font-size:11px}@media (max-width:760px){.adminLogo{width:150px;height:47px}.adminBrandSubtitle{padding-left:4px;font-size:8px}.adminNavItem{font-size:13px}.adminHeader h1{font-size:32px}.statLabel{font-size:12px}.statCard strong{font-size:29px}.companyHeading h3{font-size:15px}.subscriptionButton{font-size:11px}}