:root{--btp-blue:#003e87;--btp-blue2:#064a99;--btp-yellow:#fcc802;--btp-ink:#112033;--btp-bg:#f4f7fb;--btp-border:#e4eaf2}*{box-sizing:border-box}body{margin:0;background:var(--btp-bg);color:var(--btp-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:28px 22px;background:linear-gradient(180deg,var(--btp-blue),#002a5d);z-index:20}.brand{color:#fff;text-decoration:none}.brand img{display:block;width:190px;max-height:58px;object-fit:contain;object-position:left center;background:#fff;padding:6px 8px;border-radius:8px}.brand span{display:block;margin-top:12px;font-weight:700;letter-spacing:.04em}.sidebar .nav-link{color:#cbd8e8;border-radius:10px;margin:4px 0;padding:12px 14px}.sidebar .nav-link:hover{color:#fff;background:rgba(255,255,255,.09)}.main{width:100%;padding-left:250px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--btp-border);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:10}.content{padding:28px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h2{font-weight:800;margin:2px 0 4px}.page-head p{margin:0;color:#6e7b8c}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:var(--btp-blue)}.btn-primary{--bs-btn-bg:var(--btp-blue);--bs-btn-border-color:var(--btp-blue);--bs-btn-hover-bg:#002e68}.kpi-card,.panel{background:#fff;border:1px solid var(--btp-border);box-shadow:0 8px 26px rgba(17,32,51,.045);border-radius:16px}.kpi-card{padding:18px;min-height:124px}.kpi-label{font-size:.78rem;font-weight:700;color:#6f7d8e;min-height:38px}.kpi-value{font-size:1.85rem;font-weight:800;color:var(--btp-blue);line-height:1.1}.kpi-card small{color:#9aa5b3}.panel{padding:22px}.panel-title{font-weight:800;margin-bottom:18px}.rank{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--btp-border);padding:10px 0}.rank>span{width:28px;height:28px;border-radius:9px;background:#edf3fb;color:var(--btp-blue);display:grid;place-items:center;font-weight:800}.rank div{display:flex;flex-direction:column}.rank small{color:#8490a0}.status-pill{display:inline-flex;padding:5px 10px;border-radius:99px;font-size:.74rem;font-weight:800;background:#edf1f5}.status-success{background:#e8f7ef;color:#137344}.status-failed{background:#fdecec;color:#b42318}.status-running{background:#fff6d6;color:#8a6d00}.table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#6c7887;white-space:nowrap}.table td{font-size:.88rem}.detail-label{font-size:.68rem;font-weight:800;color:#8490a0;letter-spacing:.07em}.detail-value{font-weight:600;padding-top:3px;overflow-wrap:anywhere}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--btp-border);z-index:30;display:flex;justify-content:space-around;align-items:center}.mobile-bottom a{font-size:.78rem;font-weight:700;text-decoration:none;color:var(--btp-blue)}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 10%,rgba(252,200,2,.18),transparent 22%),linear-gradient(135deg,#eef4fb,#fff)}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--btp-border);border-radius:22px;padding:34px;box-shadow:0 24px 70px rgba(0,62,135,.13);border-top:5px solid var(--btp-yellow)}.login-logo{width:265px;max-width:100%;height:85px;object-fit:contain;object-position:left center;margin-bottom:20px}.login-card h1{font-weight:850;font-size:1.65rem}.login-foot{text-align:center;margin-top:25px;font-size:.75rem;color:#8b96a5}@media(max-width:991.98px){.main{padding-left:0}.topbar{height:66px;padding:0 14px}.content{padding:18px 14px 88px}.page-head{align-items:center}.page-head h2{font-size:1.35rem}.panel{padding:16px}.kpi-card{min-height:110px;padding:14px}.kpi-value{font-size:1.5rem}.login-card{padding:26px 22px}}