:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#090a12;color:#f5f4fb}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#090a12}button,input,select{font:inherit}button{transition:transform .16s ease,border-color .16s ease,background .16s ease}button:not(:disabled):hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed!important;opacity:.5}input:focus,select:focus{border-color:#9b84ff!important;box-shadow:0 0 0 3px #9b84ff1f}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);background:#10101a}.login-intro{position:relative;overflow:hidden;min-height:100vh;padding:56px clamp(36px,7vw,104px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 18% 8%,#493c9e,#28225d 34%,#161430 69%,#111025)}.login-intro:before,.login-intro:after{content:"";position:absolute;pointer-events:none;border:2px solid rgba(162,143,255,.13);border-radius:50%}.login-intro:before{width:660px;height:660px;top:-355px;right:-120px}.login-intro:after{width:850px;height:850px;bottom:-680px;left:-540px}.brand{position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;letter-spacing:-.03em;font-size:1rem}.brand--large{font-size:1.05rem}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(205,196,255,.72);border-radius:8px;color:#d4c8ff;font-family:ui-monospace,Consolas,monospace;font-size:.72rem;font-style:normal;box-shadow:inset 0 0 18px #a98dff24}.intro-copy{position:relative;z-index:1;max-width:570px;margin:auto 0}.eyebrow{display:block;color:#a892ff;font-family:ui-monospace,Consolas,monospace;font-size:.67rem;font-weight:500;letter-spacing:.09em}.intro-copy h1{margin:20px 0;color:#fbfaff;font-size:clamp(2.6rem,5vw,4.75rem);line-height:.98;letter-spacing:-.07em}.intro-copy p{max-width:470px;color:#d0c8f0;font-family:ui-monospace,Consolas,monospace;font-size:.88rem;line-height:1.75}.benefit-list{display:grid;gap:12px;padding:0;margin:34px 0 0;list-style:none;color:#f0edff;font-family:ui-monospace,Consolas,monospace;font-size:.73rem}.benefit-list li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;border:1px solid #a892ff;border-radius:50%;color:#d4c8ff}.intro-footer{position:relative;z-index:1;margin:0;color:#958bd0;font-family:ui-monospace,Consolas,monospace;font-size:.6rem;letter-spacing:.08em}.login-access{display:grid;place-items:center;padding:42px;background:radial-gradient(circle at 88% 2%,rgba(130,92,248,.09),transparent 26rem),#101019}.login-card{width:min(400px,100%);display:grid;gap:14px}.login-card h2{margin:8px 0 0;font-size:2rem;letter-spacing:-.06em}.form-copy{margin:0 0 18px;color:#9996ab;font-size:.83rem;line-height:1.6}.form-label{display:grid;gap:8px;color:#c8c5d7;font-family:ui-monospace,Consolas,monospace;font-size:.67rem}.form-label input{min-height:46px;padding:0 14px;border:1px solid #363443;border-radius:10px;outline:0;background:#15151f;color:#f4f2fc;font-size:.83rem}.primary-button{min-height:50px;margin-top:10px;border:0;border-radius:999px;background:linear-gradient(100deg,#8f72f5,#a28bff);color:#161120;font-family:ui-monospace,Consolas,monospace;font-size:.76rem;font-weight:700;cursor:pointer;box-shadow:0 10px 26px #7450de33}.form-error{padding:11px 13px;margin:4px 0;border:1px solid #823b55;border-radius:8px;color:#ffb1bf;background:#82314a2b;font-size:.72rem}.form-note{margin:0;color:#6e6a7e;text-align:center;font-size:.65rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:#0d0d15}.sidebar{display:flex;flex-direction:column;padding:28px 16px 16px;border-right:1px solid #242330;background:linear-gradient(180deg,#151421,#10101a)}.sidebar-caption{margin:40px 12px 10px;color:#777286;font-family:ui-monospace,Consolas,monospace;font-size:.58rem;letter-spacing:.1em}.sidebar-nav{display:grid;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#a5a1b4;font-size:.75rem;font-weight:600;text-align:left;cursor:pointer}.nav-item:hover{background:#1d1b2a;color:#e7e1ff}.nav-item.is-active{border-color:#997eff40;background:linear-gradient(90deg,#795ce445,#795ce412);color:#eee9ff}.nav-icon{width:17px;text-align:center}.status-dot{display:inline-block;width:7px;height:7px;margin-left:auto;border-radius:50%;background:#5c5869}.status-dot.is-online{background:#52d7a1;box-shadow:0 0 0 4px #52d7a11c}.sidebar-footer{display:flex;align-items:center;gap:9px;margin-top:auto;padding:15px 7px 4px;border-top:1px solid #292735}.account-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#352c57;color:#d6cbff;font-family:ui-monospace,Consolas,monospace;font-size:.7rem}.sidebar-footer div:nth-child(2){display:grid;gap:1px;flex:1}.sidebar-footer strong{color:#d9d6e6;font-size:.67rem}.sidebar-footer span{color:#716d80;font-size:.57rem}.sign-out{border:0;background:transparent;color:#8a849b;cursor:pointer}.dashboard-main{min-width:0;background:radial-gradient(circle at 90% 0,rgba(118,83,222,.09),transparent 30rem),#0d0d15}.dashboard-header{min-height:144px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px clamp(24px,4vw,56px);border-bottom:1px solid #252330}.breadcrumb{margin-bottom:10px;color:#777286;font-family:ui-monospace,Consolas,monospace;font-size:.63rem}.breadcrumb span{margin:0 7px;color:#4b475a}.dashboard-header h1{margin:0;color:#f2effa;font-size:1.8rem;letter-spacing:-.055em}.dashboard-header p{margin:6px 0 0;color:#8e899e;font-size:.76rem}.service-status{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #353241;border-radius:999px;color:#bdb8c9;font-family:ui-monospace,Consolas,monospace;font-size:.62rem;white-space:nowrap}.dashboard-content{max-width:1120px;padding:32px clamp(24px,4vw,56px) 64px}.empty-state{padding:24px;border:1px dashed #393545;border-radius:12px;color:#928ca2;font-size:.78rem}.dashboard-content input,.dashboard-content select{border-color:#34313e!important;background:#15151f!important;color:#e8e5ef!important}.dashboard-content button{font-family:Manrope,system-ui,sans-serif}.dashboard-content{position:relative}.dashboard-content:before{content:"CENTRO ADMINISTRATIVO";display:block;margin:0 0 18px;color:#8176a3;font-family:ui-monospace,Consolas,monospace;font-size:.58rem;letter-spacing:.13em}.dashboard-content>div{width:100%;max-width:1080px!important}.dashboard-content h3{letter-spacing:-.02em}.dashboard-content code{border:1px solid #302d3b!important;background:#11111a!important;color:#bba9ff!important}.dashboard-content [style*=border]{border-color:#9d89ee2e!important}.dashboard-content button{border-color:#9d89ee52!important}.dashboard-content button:hover{border-color:#b8a4ffb8!important;background-color:#8769e61f!important}.app-shell{grid-template-columns:236px minmax(0,1fr);background:#0e0d13}.sidebar{position:sticky;top:0;height:100vh;padding:20px 10px 14px;border-right-color:#282535;background:#14131a}.brand{gap:9px;padding:4px 10px;font-size:.92rem}.brand small{display:block;margin-top:2px;color:#8b78ba;font-family:ui-monospace,Consolas,monospace;font-size:.48rem;font-weight:700;letter-spacing:.11em}.brand-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(145deg,#a98bff,#7355c5);color:#161020;border:0;box-shadow:0 8px 18px #815ce647}.sidebar-caption{margin:35px 11px 9px;color:#716b80;font-size:.55rem;letter-spacing:.14em}.sidebar-caption--secondary{margin-top:28px}.sidebar-nav{gap:3px}.nav-item{min-height:38px;gap:10px;padding:9px 10px;border-radius:8px;font-size:.71rem}.nav-item:hover{background:#201d2a}.nav-item.is-active{border-color:transparent;background:linear-gradient(90deg,#8e6ef14d,#8e6ef11f);box-shadow:inset 2px 0 #a68cff}.nav-icon{color:#ba9cff;font-size:.9rem}.status-dot{width:6px;height:6px}.sidebar-footer{padding:13px 7px 2px;border-top-color:#292633}.dashboard-main{background:radial-gradient(circle at 79% -5%,rgba(128,88,220,.13),transparent 26rem),#0e0d13}.dashboard-header{min-height:128px;padding:28px clamp(28px,5vw,84px) 24px;border-bottom-color:#272430}.breadcrumb{color:#817993;font-size:.59rem}.dashboard-header h1{font-size:1.72rem;letter-spacing:-.06em}.dashboard-header p{max-width:650px;color:#9891a5}.service-status{padding:8px 11px;background:#17151e;border-color:#373142;color:#c1b8d0}.dashboard-content{max-width:1260px;padding:34px clamp(28px,5vw,84px) 80px}.dashboard-content:before{display:none}.dashboard-content>div{max-width:1180px!important}.usage-overview{display:grid;gap:18px;max-width:100%}.overview-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:3px 0 10px}.section-kicker,.card-title small{color:#a68cff;font-family:ui-monospace,Consolas,monospace;font-size:.58rem;font-weight:700;letter-spacing:.12em}.overview-heading h2{margin:8px 0 7px;color:#f3f0fa;font-size:clamp(1.45rem,3vw,2.15rem);letter-spacing:-.06em}.overview-heading p{max-width:600px;margin:0;color:#938c9e;font-size:.78rem;line-height:1.6}.overview-action{flex:0 0 auto;border:1px solid #6e57a2;border-radius:8px;padding:10px 13px;color:#e6dcff;background:#201a2c;font-size:.68rem;font-weight:700;cursor:pointer}.overview-action span{margin-left:8px;color:#b99aff}.overview-filter-row{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px;border-top:1px solid #282531}.overview-filter-row span{margin-top:12px;border:1px solid #393443;border-radius:999px;padding:7px 10px;color:#7e768a;font-family:ui-monospace,Consolas,monospace;font-size:.56rem}.overview-filter-row b{margin-left:7px;color:#cfc6dc}.overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.overview-metrics article,.routing-card,.providers-card{border:1px solid #332f3d;border-radius:12px;background:linear-gradient(135deg,#23202cf0,#19171ff0)}.overview-metrics article{min-height:130px;display:grid;align-content:center;gap:6px;padding:20px}.overview-metrics small{color:#9c94a6;font-size:.66rem;font-weight:700}.overview-metrics strong{color:#f2eff8;font-size:2rem;letter-spacing:-.07em;line-height:1}.overview-metrics span{color:#7f7888;font-size:.65rem}.metric-good{color:#63d7ab!important}.metric-warning{color:#f0b06b!important}.overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:12px}.routing-card,.providers-card{padding:20px}.card-title{display:flex;align-items:start;justify-content:space-between;gap:10px}.card-title h3{margin:7px 0 0;color:#e8e3f0;font-size:.96rem}.card-title button{border:0;padding:5px 0;color:#b99aff;background:transparent;font-size:.65rem;cursor:pointer}.live-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #315e50;border-radius:999px;padding:5px 8px;color:#77d9ad;font-size:.58rem}.live-pill i{width:6px;height:6px;border-radius:50%;background:#57cf99;box-shadow:0 0 0 3px #57cf9921}.route-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:27px 0 18px}.route-steps span{display:grid;gap:7px;color:#a9a0b3;font-size:.61rem}.route-steps i{width:25px;height:25px;display:grid;place-items:center;border:1px solid #5b477d;border-radius:7px;color:#cdbbff;background:#211a2e;font-family:ui-monospace,Consolas,monospace;font-size:.52rem;font-style:normal}.routing-card p{margin:0;color:#8e869a;font-size:.69rem;line-height:1.65}.provider-bars{display:grid;gap:13px;margin-top:22px}.provider-bars>div{display:grid;gap:6px}.provider-bars span{display:flex;justify-content:space-between;color:#c5bdcf;font-size:.64rem}.provider-bars em{color:#7f7888;font-style:normal}.provider-bars>div>i{height:5px;overflow:hidden;border-radius:99px;background:#292532}.provider-bars>div>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#805fe1,#b39aff)}.overview-empty{color:#7f7888;font-size:.68rem}.dashboard-content{max-width:none;padding-inline:clamp(28px,5vw,84px)}.dashboard-content>.usage-overview{width:min(1280px,100%);max-width:none!important;margin:0 auto}.module-surface{width:min(1360px,100%);margin:0 auto}.module-surface>div{width:100%!important;max-width:none!important}.module-surface>div>div[style*=border],.module-surface>div>form,.module-surface>div>section{border:1px solid #34303e!important;border-radius:12px!important;background:linear-gradient(135deg,#23202cf0,#19171ff0)!important;box-shadow:none}.module-surface>div>div[style*=border]{padding:19px!important}.module-surface h3{color:#eee9f6!important;font-size:.92rem!important}.module-surface p{color:#958d9f!important}.module-surface code{background:#121018!important;color:#c6b0ff!important}.module-surface button{color:#d8ccf0!important}.module-surface button[style*=linear-gradient]{border-color:#8066c7!important;background:linear-gradient(100deg,#765bd3,#9a7ff1)!important;color:#160f24!important}.module-surface input,.module-surface select{min-height:38px!important;border-color:#3a3546!important;background:#131119!important;color:#ede8f5!important}.module-surface>div>div:first-child{min-height:46px;display:flex!important;align-items:center;gap:8px!important;padding:4px 0 12px;border-bottom:1px solid #2f2b37}.module-surface>div>div:first-child button{border-radius:7px!important}.module-surface>div>div:first-child button[style*=borderBottom]{border-bottom:2px solid #a88dff!important;background:#8f70f51f!important}.module-surface>div>div[style*=marginBottom]{background:#1a1721!important}.module-surface [style*='color: "#5a7a6e"']{color:#898191!important}.module-surface [style*='color: "#8ba5a0"'],.module-surface [style*='color: "#a8c8c0"']{color:#ded6e9!important}.module-surface [style*="rgba(80,200,160"]{border-color:#9477f07a!important;color:#c6afff!important}.module-surface [style*="rgba(220,90,80"]{color:#ffacba!important}.module-surface>div>div[style*="display: grid"][style*="gap: 8px"]{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.module-surface>div>div[style*="display: grid"][style*="gap: 8px"]>div{min-height:94px}.module-surface>div>div[style*="display: grid"][style*="gap: 8px"]>div>div:last-child{margin-left:0!important}@media(max-width:900px){.overview-grid{grid-template-columns:1fr}.dashboard-content{padding-inline:28px}}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-intro{min-height:440px;padding:32px}.intro-copy{margin:48px 0 0}.intro-copy h1{font-size:2.65rem}.login-access{padding:46px 28px}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px;border-right:0;border-bottom:1px solid #242330}.sidebar-caption,.sidebar-footer{display:none}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:17px}.dashboard-header{align-items:flex-start;flex-direction:column;padding:24px}.dashboard-content{padding:24px}.overview-heading{align-items:start;flex-direction:column}.overview-metrics{grid-template-columns:1fr}.route-steps{grid-template-columns:repeat(2,1fr)}}.observability-panel{display:grid;gap:14px;width:min(1360px,100%);margin:0 auto}.obs-loading{padding:28px;color:#9b93a8}.obs-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:8px}.obs-toolbar h2{margin:7px 0 5px;color:#f3effa;font-size:1.55rem;letter-spacing:-.05em}.obs-toolbar p{margin:0;color:#8d8599;font-size:.72rem}.obs-window{display:flex;gap:4px;padding:4px;border:1px solid #34303e;border-radius:9px;background:#15131b}.obs-window button{border:0!important;border-radius:6px;padding:7px 10px;color:#8f879b!important;background:transparent;font-size:.63rem;cursor:pointer}.obs-window button.is-active{color:#eee8ff!important;background:#33294b!important}.obs-message{padding:10px 13px;border:1px solid #703c49;border-radius:8px;color:#ffb5c0;background:#682a372e;font-size:.68rem}.obs-message.is-success{border-color:#315e50;color:#85dfb7;background:#2b664e29}.obs-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.obs-metrics article,.obs-card,.obs-chart-card{border:1px solid #34303e;border-radius:12px;background:linear-gradient(135deg,#221f2bf5,#18161ef5)}.obs-metrics article{display:grid;gap:6px;min-height:114px;align-content:center;padding:17px}.obs-metrics small,.obs-card-head small{color:#91889c;font-family:ui-monospace,Consolas,monospace;font-size:.56rem;font-weight:700;letter-spacing:.1em}.obs-metrics strong{color:#f2edf8;font-size:1.7rem;letter-spacing:-.06em;line-height:1}.obs-metrics span{color:#7e7688;font-size:.62rem}.obs-metrics strong.is-good{color:#68d7aa}.obs-metrics strong.is-warning{color:#efae69}.obs-chart-card,.obs-card{padding:17px;overflow:hidden}.obs-card-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.obs-card-head h3{margin:6px 0 0;color:#e9e4f0;font-size:.88rem}.obs-card-head>span{color:#82798d;font-size:.61rem}.obs-sparkline{width:100%;height:150px;margin:10px 0 -6px;overflow:visible}.obs-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.obs-provider-list,.obs-alert-list{display:grid;gap:9px;margin-top:18px}.obs-provider{display:grid;grid-template-columns:1fr auto;gap:5px 14px;padding:10px 0;border-bottom:1px solid #2f2b37}.obs-provider>div:first-child{display:grid;gap:3px}.obs-provider b{color:#dcd5e5;font-size:.7rem;text-transform:capitalize}.obs-provider span{color:#837b8d;font-size:.59rem}.obs-provider-values{display:grid;justify-items:end;gap:2px}.obs-provider-values b{color:#bca8f2}.obs-provider>i{grid-column:1 / -1;height:4px;overflow:hidden;border-radius:99px;background:#292532}.obs-provider>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#795bd1,#65d4aa)}.obs-alert-count{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;color:#78d7ae!important;background:#469d7724}.obs-alert-count.has-alerts{color:#ffb072!important;background:#be683829}.obs-alert{display:grid;grid-template-columns:7px 1fr;gap:10px;padding:11px;border:1px solid #393340;border-radius:9px;background:#17151d}.obs-alert>i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#8f87a0}.obs-alert div{display:grid;gap:3px}.obs-alert b,.obs-all-clear b{color:#ded7e7;font-size:.67rem}.obs-alert span,.obs-all-clear span{color:#847c8d;font-size:.59rem;line-height:1.4}.obs-alert.is-critical>i{background:#f07878;box-shadow:0 0 0 4px #f078781a}.obs-alert.is-warning>i{background:#efb267}.obs-alert.is-info>i{background:#8e82c6}.obs-all-clear{display:flex;align-items:center;gap:11px;padding:18px 4px}.obs-all-clear>i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#6dd5a9;background:#4eab7f21;font-style:normal}.obs-all-clear div{display:grid;gap:3px}.obs-empty{color:#837b8d;font-size:.66rem}.obs-table-wrap{margin-top:15px;overflow-x:auto}.obs-table{width:100%;border-collapse:collapse;font-size:.62rem}.obs-table th{padding:8px;border-bottom:1px solid #393440;color:#81798d;font-weight:600;text-align:left}.obs-table td{max-width:180px;padding:9px 8px;border-bottom:1px solid #2d2933;color:#c5bdcf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obs-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.obs-settings label{display:grid;gap:5px;color:#8f879a;font-size:.61rem}.obs-settings input{min-height:36px;padding:6px 9px;border:1px solid #393440;border-radius:7px;background:#121117;color:#e6e0ed}.obs-settings button{grid-column:1 / -1;min-height:38px;border:1px solid #735bbc;border-radius:7px;color:#e5dcff;background:#251c36;cursor:pointer}@media(max-width:980px){.obs-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-columns{grid-template-columns:1fr}}@media(max-width:650px){.obs-toolbar{align-items:start;flex-direction:column}.obs-window{width:100%;overflow-x:auto}.obs-window button{flex:1;white-space:nowrap}.obs-metrics,.obs-settings{grid-template-columns:1fr}.obs-settings button{grid-column:auto}}