:root{--navy:#0b2378;--orange:#ff6320;--blue:#1580db;--purple:#8a6fa0;--gradient:linear-gradient(90deg, #ff6320 0%, #8a6fa0 50%, #1580db 100%);--bg:#f4f6fa;--surface:#fff;--surface-alt:#f7f9fd;--border:#d9dfeb;--divider:#e3e8f2;--text:#1b2440;--text-2:#34405e;--text-3:#5b6680;--text-4:#7a86a3;--ok-bg:#e6f6ee;--ok-fg:#15803d;--ok:#22a55b;--warn-bg:#fff4d6;--warn-fg:#a16207;--warn:#f5b82e;--alert-bg:#fff1ea;--alert-fg:#c2410c;--danger-bg:#fde8e8;--danger-fg:#b91c1c;--danger:#e5484d;--info-bg:#e7f1fc;--info-fg:#1267b8;--neutral-bg:#eef1f7;--neutral-fg:#5b6680;--neutral:#9aa3b8;--radius:10px;--radius-md:16px;--radius-lg:22px;--shadow:0 2px 10px #0b23780f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:"Exo 2",system-ui,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{color:var(--navy);margin:0;font-style:italic;font-weight:800}.container{max-width:1140px;margin:0 auto;padding:0 20px}.topbar{background:var(--surface);box-shadow:0 1px 0 var(--divider);position:relative}.topbar:after{content:"";background:var(--gradient);height:3px;position:absolute;bottom:-3px;left:0;right:0}.topbar-inner{align-items:center;gap:26px;height:76px;display:flex}.logo-img{width:auto;height:34px;display:block}.logo-wrap{align-items:center;gap:12px;display:flex}.logo-tag{color:var(--text-4);border-left:1px solid var(--divider);padding-left:12px;font-size:13px;font-weight:600}.logo{color:var(--navy);font-size:20px;font-style:italic;font-weight:800}.logo b{color:var(--orange)}.nav{align-items:center;gap:22px;height:100%;display:flex}.nav a{color:var(--text-3);align-items:center;height:100%;font-size:14px;font-weight:600;display:flex;position:relative}.nav a:after{content:"";background:0 0;border-radius:2px;height:3px;transition:background .12s;position:absolute;bottom:22px;left:0;right:0}.nav a:hover{color:var(--navy)}.nav a:hover:after{background:#ff632066}.nav a.active{color:var(--navy);font-weight:700}.nav a.active:after{background:var(--orange)}.topbar-right{color:var(--text-3);align-items:center;gap:14px;margin-left:auto;font-size:13px;display:flex}.user-chip{color:var(--text-2);border-radius:999px;align-items:center;gap:8px;padding:4px 6px;font-weight:600;transition:background .12s;display:flex}a.user-chip:hover{background:var(--surface-alt);color:var(--navy)}.user-avatar{background:var(--navy);color:#fff;border-radius:999px;place-items:center;width:30px;height:30px;font-size:13px;font-style:normal;font-weight:700;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:16px 18px}.page-head{justify-content:space-between;align-items:center;margin:24px 0 14px;display:flex}.page-head h2{font-size:26px;line-height:1.1}.page-head h2:after{content:".";color:var(--orange)}.page-head h3{font-size:16px}.btn{background:var(--orange);color:#fff;border-radius:var(--radius);cursor:pointer;border:0;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:filter .12s}.btn:hover{filter:brightness(.95)}.btn:disabled{opacity:.6;cursor:default}.btn-secondary{background:var(--navy);color:#fff;border-radius:var(--radius);cursor:pointer;border:0;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700}.btn-outline{background:var(--surface);color:var(--navy);border:1.5px solid var(--navy);border-radius:var(--radius);cursor:pointer;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:700}.btn-outline:hover{background:var(--surface-alt)}.btn-sm{padding:5px 14px;font-size:13px}.btn-ghost{color:var(--text-3);cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:13px;font-weight:600}.btn-ghost:hover{color:var(--navy)}label.field{color:var(--text-4);flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}input,select,textarea{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:10px 12px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--info-bg);outline:none}.form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}table.tbl{border-collapse:collapse;width:100%}table.tbl th{text-align:left;color:var(--navy);text-transform:uppercase;letter-spacing:.3px;background:var(--surface-alt);border-bottom:1px solid var(--divider);padding:10px;font-size:12px;font-weight:700}table.tbl td{border-bottom:1px solid var(--divider);padding:11px 10px;font-size:13px}table.tbl tr:hover td{background:var(--surface-alt)}table.tbl tr.grupo td{background:var(--info-bg);color:var(--navy);padding:7px 10px;font-size:12px;font-weight:700}table.tbl tr.grupo a:hover{text-decoration:underline}.r{text-align:right}table.tbl th.r,table.tbl td.r{text-align:right;white-space:nowrap}.num{font-variant-numeric:tabular-nums}.badge{border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;display:inline-block}.badge-ok{background:var(--ok-bg);color:var(--ok-fg)}.badge-warn{background:var(--warn-bg);color:var(--warn-fg)}.badge-alert{background:var(--alert-bg);color:var(--alert-fg)}.badge-danger{background:var(--danger-bg);color:var(--danger-fg)}.badge-info{background:var(--info-bg);color:var(--info-fg)}.badge-neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.in{color:var(--ok-fg)}.out{color:var(--alert-fg)}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:16px 0;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);border-top:4px solid var(--blue);padding:14px 16px}.kpi small{color:var(--text-4);margin-bottom:4px;font-size:12px;display:block}.kpi strong{color:var(--navy);letter-spacing:-.3px;font-size:20px;font-weight:700;line-height:1.1}.filters{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.filters select,.filters input{width:auto;min-width:140px}.filters-bar{justify-content:space-between;align-items:flex-start;gap:16px;margin:12px 0;display:flex}.filters-bar .filters{flex:1;margin:0}.filters-bar .btn{white-space:nowrap;flex-shrink:0}.muted{color:var(--text-4);font-size:12px}.err{color:var(--danger-fg);font-size:13px}.stack{flex-direction:column;gap:14px;display:flex}.gradient-line{background:var(--gradient);border-radius:2px;height:3px}.login-wrap{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:400px;max-width:100%;overflow:hidden;box-shadow:0 10px 40px #0b23781a}.login-card .gradient-line{border-radius:0}.login-body{padding:34px 34px 28px}.login-logo{width:auto;height:42px;margin:0 auto 6px;display:block}.login-title{text-align:center;color:var(--navy);margin:18px 0 2px;font-size:24px;font-style:italic;font-weight:800}.login-title:after{content:".";color:var(--orange)}.login-sub{text-align:center;color:var(--text-4);margin-bottom:24px;font-size:13px}.login-card .btn{width:100%;margin-top:6px;padding:12px;font-size:15px}.login-foot{text-align:center;color:var(--text-4);padding:0 34px 26px;font-size:11px}.login-foot b{color:var(--orange);font-weight:700}