:root{--brand:#155eef;--ink:#16213e;--surface:#f5f7fb}.body{}body{background:var(--surface);color:var(--ink)}.sidebar{min-height:calc(100vh - 56px);background:#fff;border-right:1px solid #e6eaf0}.sidebar .nav-link{color:#536076;border-radius:.55rem;margin:.15rem 0;padding:.7rem .8rem}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:var(--brand);background:#edf3ff;font-weight:600}.card{border-radius:.85rem}.metric{border-left:4px solid var(--brand)}.metric-danger{border-left-color:#dc3545}.metric-warning{border-left-color:#f59f00}.sla-ok{color:#198754;font-weight:600}.sla-warning{color:#b76e00;font-weight:700}.sla-breached{color:#dc3545;font-weight:800}.sla-resolved{color:#6c757d}.timeline{border-left:2px solid #dbe3ef;margin-left:.7rem;padding-left:1.5rem}.timeline-item{position:relative;margin-bottom:1.25rem}.timeline-item:before{content:"";position:absolute;left:-1.86rem;top:.25rem;width:.65rem;height:.65rem;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px #fff}.internal-note{background:#fff8db;border-color:#ffe69c!important}@media(max-width:991px){.sidebar{min-height:100vh;width:280px}}