:root{--inde-navy:#071426;--inde-navy-2:#0d2340;--inde-blue:#0878d1;--inde-cyan:#27c4f4;--inde-green:#19b37a;--inde-bg:#f3f6fa;--inde-border:#dce5ef;--bs-primary:#0878d1;--bs-primary-rgb:8,120,209}
html{font-size:15px;min-height:100%}body{min-height:100vh;background:linear-gradient(125deg,rgba(243,246,250,.88),rgba(226,238,248,.84)),url('/images/datacenter-hero.jpg') center/cover fixed;color:#17263a;display:flex;flex-direction:column}body>main{flex:1}
.command-nav{background:linear-gradient(100deg,var(--inde-navy),var(--inde-navy-2));border-bottom:1px solid rgba(39,196,244,.25);box-shadow:0 8px 30px rgba(7,20,38,.18)}.navbar-brand{font-size:1.25rem;letter-spacing:.02em}.brand-mark{color:var(--inde-cyan);filter:drop-shadow(0 0 8px rgba(39,196,244,.6))}.command-nav .nav-link{color:rgba(255,255,255,.72);border-radius:.65rem;padding:.65rem .85rem}.command-nav .nav-link:hover{color:#fff;background:rgba(255,255,255,.08)}.btn-user{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.page-shell{padding:2rem max(1rem,calc((100vw - 1500px)/2))}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-kicker{color:var(--inde-blue);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.page-title{font-size:clamp(1.65rem,3vw,2.35rem);font-weight:750;letter-spacing:-.035em;color:var(--inde-navy);margin:.15rem 0}.page-subtitle{color:#64758a;margin:0;max-width:720px}
.card{border:1px solid var(--inde-border);border-radius:1rem}.shadow-soft{box-shadow:0 12px 30px rgba(26,53,82,.08)}.card-header{border-bottom:1px solid var(--inde-border);padding:1rem 1.25rem}.metric-card{position:relative;overflow:hidden;background:#fff}.metric-card:after{content:"";position:absolute;right:-22px;bottom:-36px;width:110px;height:110px;border-radius:50%;background:var(--metric-color,rgba(8,120,209,.09))}.metric-icon{width:48px;height:48px;border-radius:.8rem;display:grid;place-items:center;font-size:1.35rem;background:var(--metric-bg,#e8f4fd);color:var(--metric-text,var(--inde-blue))}.metric-value{font-size:2rem;font-weight:800;color:var(--inde-navy)}.metric-label{color:#6c7d91;font-weight:600}
.table{--bs-table-bg:transparent}.table thead th{background:#f7f9fc;color:#66768a;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;border-bottom:1px solid var(--inde-border);padding:.9rem 1rem}.table td{padding:1rem;vertical-align:middle;border-color:#e8eef5}.table-hover tbody tr:hover{--bs-table-hover-bg:#f1f7fc}.status-pill{display:inline-flex;align-items:center;gap:.4rem;border-radius:99px;padding:.35rem .65rem;font-size:.75rem;font-weight:700;background:#edf3f8}.status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-Operativo,.status-Exitoso,.status-Publicado{color:#087d57;background:#e6f7f0}.status-Error,.status-Fallido{color:#bd2440;background:#fdecef}.status-Detenido{color:#6c7580;background:#edf0f3}.status-Pendiente,.status-Desarrollo,.status-Demo{color:#a65d00;background:#fff3dc}
.btn{border-radius:.7rem;font-weight:650}.btn-primary{box-shadow:0 6px 16px rgba(8,120,209,.18)}.form-control,.form-select,.input-group-text{border-color:#ced9e5;border-radius:.7rem;min-height:43px}.form-control:focus,.form-select:focus{border-color:var(--inde-blue);box-shadow:0 0 0 .22rem rgba(8,120,209,.12)}code{color:#075f9f;background:#edf6fc;padding:.18rem .38rem;border-radius:.35rem}pre{white-space:pre-wrap;max-height:38rem}
.hero-panel{background:linear-gradient(115deg,rgba(7,20,38,.97),rgba(13,52,87,.88)),url('/images/datacenter-hero.jpg') center/cover;color:#fff;border-radius:1.2rem;padding:clamp(2rem,5vw,4rem);box-shadow:0 18px 50px rgba(7,20,38,.25);position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;inset:auto -12% -80% 40%;height:220px;background:radial-gradient(circle,rgba(39,196,244,.3),transparent 65%)}.hero-panel>*{position:relative;z-index:1}.hero-label{color:var(--inde-cyan);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;font-weight:800}.hero-title{font-size:clamp(2rem,5vw,4rem);max-width:800px;font-weight:800;letter-spacing:-.05em}.hero-copy{font-size:1.05rem;color:rgba(255,255,255,.7);max-width:650px}
.login-stage{min-height:calc(100vh - 70px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);background:var(--inde-navy)}.login-visual{background:linear-gradient(125deg,rgba(7,20,38,.9),rgba(7,51,88,.55)),url('/images/datacenter-hero.jpg') center/cover;display:flex;align-items:flex-end;padding:clamp(2rem,7vw,6rem);color:#fff}.login-panel{background:#fff;display:grid;place-items:center;padding:2rem}.login-card{width:min(430px,100%)}.login-brand{font-size:1.7rem;font-weight:800;color:var(--inde-navy)}.feature-list{display:grid;gap:1rem;margin-top:2rem}.feature-item{display:flex;align-items:center;gap:.8rem;color:rgba(255,255,255,.75)}.feature-item i{color:var(--inde-cyan);font-size:1.2rem}
.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.action-grid form{display:contents}.action-grid .btn{min-height:54px;display:flex;align-items:center;justify-content:center;gap:.45rem}.app-footer{padding:1.15rem 0;color:#7b8999;font-size:.8rem;border-top:1px solid var(--inde-border);background:#fff}.footer-product{display:flex;align-items:center;letter-spacing:.01em}.footer-product i{font-size:.58rem;color:var(--inde-blue)}.footer-signature{color:#53657a;letter-spacing:.015em}.footer-signature a{color:var(--inde-blue);text-decoration:none;transition:color .2s ease}.footer-signature a:hover{color:var(--inde-navy);text-decoration:underline}.footer-separator::before{content:"·";margin:0 .5rem;color:#a1adba}
.authenticated-main{position:relative;background:linear-gradient(125deg,rgba(243,246,250,.88),rgba(226,238,248,.84)),url('/images/datacenter-hero.jpg') center/cover fixed}.authenticated-main>:not(.page-shell):not(.global-back-wrap){width:min(1500px,calc(100% - 2rem));margin-left:auto;margin-right:auto}.authenticated-main>h1,.authenticated-main>.d-flex:first-child{margin-top:2rem}.authenticated-main>form.card,.authenticated-main>.card{margin-top:1.5rem;margin-bottom:2rem}.global-back-wrap{width:min(1500px,calc(100% - 2rem));margin:0 auto;padding-top:1rem}.global-back-button{display:inline-flex;align-items:center;gap:.45rem;color:var(--inde-navy);border:1px solid rgba(156,177,199,.7);background:rgba(255,255,255,.9);backdrop-filter:blur(8px)}.global-back-button:hover{color:var(--inde-blue);background:#fff;border-color:rgba(8,120,209,.35)}
@media(max-width:991px){.login-stage{grid-template-columns:1fr}.login-visual{min-height:280px}.page-heading{align-items:flex-start;flex-direction:column}.action-grid{grid-template-columns:1fr}}@media(max-width:575px){.page-shell{padding:1.25rem .75rem}.login-visual{display:none}.login-stage{display:block;background:#fff}.login-panel{min-height:calc(100vh - 70px)}}