:root{
  --cvb-bg:#f4f7fb;
  --cvb-surface:#ffffff;
  --cvb-text:#1f2937;
  --cvb-muted:#64748b;
  --cvb-primary:#0f4c81;
  --cvb-primary-2:#2563eb;
  --cvb-success:#16a34a;
  --cvb-warning:#f59e0b;
  --cvb-danger:#dc2626;
  --cvb-border:#e2e8f0;
  --cvb-shadow:0 10px 24px rgba(15,23,42,.08);
  --cvb-radius:18px;
}
*{box-sizing:border-box}
body{background:var(--cvb-bg);color:var(--cvb-text);font-size:14px}
a{color:var(--cvb-primary-2);text-decoration:none}a:hover{text-decoration:underline}
.app-shell{padding:18px 18px 32px}.container{max-width:1560px}.container-fluid>.container{padding-left:0;padding-right:0}
.navbar{border-radius:0 0 20px 20px;box-shadow:var(--cvb-shadow);background:linear-gradient(135deg,#0f172a,#0f4c81)!important}.navbar-brand{font-weight:800;letter-spacing:.2px}.navbar .nav-link{border-radius:999px;padding:.48rem .8rem!important}.navbar .nav-link:hover,.navbar .nav-link.active{background:rgba(255,255,255,.12);text-decoration:none}
.page-title{font-weight:800;margin:0}.page-subtitle{color:var(--cvb-muted);margin-top:4px}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:8px 0 18px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.card{border:1px solid var(--cvb-border);border-radius:var(--cvb-radius);box-shadow:var(--cvb-shadow);overflow:hidden}.card-header{background:#fff;border-bottom:1px solid var(--cvb-border);font-weight:700}.card-body{background:#fff}.filter-card{border-left:5px solid var(--cvb-primary)}
.metric-card{position:relative;min-height:112px;border:0;background:linear-gradient(135deg,#fff,#f8fbff);border-radius:20px;box-shadow:var(--cvb-shadow);padding:18px;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-28px;top:-28px;width:92px;height:92px;border-radius:50%;background:rgba(37,99,235,.09)}.metric-label{font-size:12px;color:var(--cvb-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:26px;font-weight:850;line-height:1.15;margin-top:8px}.metric-hint{font-size:12px;color:var(--cvb-muted);margin-top:4px}.metric-card.success:after{background:rgba(22,163,74,.10)}.metric-card.warning:after{background:rgba(245,158,11,.12)}.metric-card.danger:after{background:rgba(220,38,38,.10)}
.table{vertical-align:middle}.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.035em;color:#475569;background:#f8fafc;border-bottom:1px solid var(--cvb-border)}.table td{border-color:#edf2f7}.table-responsive{border-radius:14px}.badge-soft{display:inline-flex;align-items:center;border-radius:999px;padding:.28rem .55rem;font-size:12px;font-weight:700;background:#eef2ff;color:#3730a3}.badge-soft.success{background:#dcfce7;color:#166534}.badge-soft.warning{background:#fef3c7;color:#92400e}.badge-soft.danger{background:#fee2e2;color:#991b1b}.badge-soft.muted{background:#f1f5f9;color:#475569}
.btn{border-radius:12px;font-weight:700}.btn-primary{background:var(--cvb-primary);border-color:var(--cvb-primary)}.btn-outline-primary{border-color:var(--cvb-primary);color:var(--cvb-primary)}.btn-outline-primary:hover{background:var(--cvb-primary);border-color:var(--cvb-primary)}
.form-control,.form-select{border-radius:12px;border-color:#dbe3ee}.form-control:focus,.form-select:focus{border-color:#93c5fd;box-shadow:0 0 0 .18rem rgba(37,99,235,.12)}.form-label{font-weight:700;color:#334155}.section-title{font-size:15px;font-weight:800;margin:0 0 12px;color:#0f172a}.muted-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:14px;color:#475569}
.actions-cell{white-space:nowrap}.scroll-area{max-height:430px;overflow:auto}.sla-box{border-left:4px solid var(--cvb-primary);background:#f8fbff;border-radius:14px;padding:14px}.empty-state{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:18px;padding:22px;text-align:center;color:#64748b}.report-tabs .btn{min-width:130px}
@media(max-width:768px){.page-header{display:block}.toolbar{margin-top:10px}.metric-value{font-size:22px}.app-shell{padding:12px}.table-responsive{font-size:12px}}