:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}:root{--acc-red:#E8483C;--acc-red-text:#C22E23;--acc-amber:#F2B90A;--acc-amber-text:#9A7A00;--acc-green:#1FB97A;--acc-green-text:#0F8F5C;--acc-purple:#5B4FE0;--acc-purple-text:#4A3FC7;--grid-header:#1E3A5F;--grid-header-text:#FFFFFF;--office-blue:#185ABD;--office-blue-hover:#134584;--row-band:#F4F6F9;--grid-line:#B7C0CC;--grid-line-soft:#D6DCE3;--ink-900:#1B1B1B;--ink-700:#33393F;--ink-500:#5B6570;--ink-400:#7C8792;--surface:#FFFFFF;--page:#E8EBEF;--radius:2px;--fs-xs: 11px;--fs-sm: 12.5px;--fs-table: 13.5px;--fs-body: 15px;--fs-tab: 15px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 22px;--bs-primary-rgb: 24,90,189;--bs-info-rgb: 91,79,224;--bs-warning-rgb: 242,185,10;--bs-danger-rgb: 232,72,60;--bs-success-rgb: 31,185,122}body{overflow-x:hidden}.app-wrapper{display:flex;min-height:100vh}.sidebar{width:220px;height:100vh;position:sticky;top:0;background-color:var(--grid-header);transition:width .25s ease;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.sidebar.collapsed{width:60px}.sidebar .sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 12px 12px;border-bottom:1px solid rgba(255,255,255,.12);min-height:60px}.sidebar .sidebar-title{color:#fff;font-size:var(--fs-md);font-weight:600;white-space:nowrap;overflow:hidden;transition:opacity .15s ease}.sidebar.collapsed .sidebar-title{opacity:0;width:0}.sidebar-toggle{background:none;border:none;color:#9db6d6;cursor:pointer;padding:4px 6px;border-radius:4px;flex-shrink:0;line-height:1}.sidebar-toggle:hover{color:#fff;background-color:#ffffff1f}.sidebar .nav-link{color:#9db6d6;white-space:nowrap;padding:10px 16px;display:flex;align-items:center;gap:10px;cursor:pointer}.sidebar .nav-link:hover{color:#fff;background-color:#ffffff1a}.sidebar .nav-link.active{color:#fff;background-color:var(--office-blue)}.sidebar .nav-link i{width:18px;text-align:center;flex-shrink:0}.sidebar .nav-link .nav-label{transition:opacity .15s ease;overflow:hidden}.sidebar.collapsed .nav-link .nav-label{opacity:0;width:0}.sidebar.collapsed .nav-link{justify-content:center;padding:10px 0}.main-content{flex:1;background-color:var(--page);min-height:100vh;min-width:0;padding:0 24px;font-family:Calibri,Segoe UI,Arial,sans-serif;color:var(--ink-900);font-size:var(--fs-body)}.main-content>.page-header-row{padding-top:1rem;padding-bottom:.85rem;margin-bottom:1rem;border-bottom:1px solid var(--grid-line)}.main-content>.page-header-row h1{font-size:var(--fs-lg);font-weight:700;color:var(--ink-900);margin:0}.btn-logout{display:inline-flex;align-items:center;gap:6px;background:#f3f4f6;border:1px solid var(--grid-line);color:var(--ink-700);padding:7px 12px;border-radius:var(--radius);font-size:var(--fs-sm);font-weight:600;cursor:pointer}.btn-logout:hover{background:#e8eaed;border-color:var(--acc-red);color:var(--acc-red-text)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:1.25rem}@media(max-width:992px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi{position:relative;background:var(--surface);border:1px solid var(--grid-line-soft);border-radius:8px;padding:16px 16px 14px;box-shadow:0 1px 2px #141e280f}.kpi:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--k-accent);border-radius:0 0 8px 8px}.kpi.red{--k-accent:var(--acc-red);--k-accent-text:var(--acc-red-text)}.kpi.amber{--k-accent:var(--acc-amber);--k-accent-text:var(--acc-amber-text)}.kpi.green{--k-accent:var(--acc-green);--k-accent-text:var(--acc-green-text)}.kpi.purple{--k-accent:var(--acc-purple);--k-accent-text:var(--acc-purple-text)}.kpi-top{display:flex;align-items:center;gap:9px;margin-bottom:10px}.kpi-ring{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--k-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-ring:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--k-accent)}.kpi-label{font-size:var(--fs-xs);color:var(--ink-500);font-weight:600}.kpi-title{font-size:var(--fs-sm);font-weight:800;color:#1e3a5f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-value{font-size:var(--fs-xl);font-weight:800;margin-bottom:5px;color:var(--k-accent-text)}.kpi-desc{font-size:var(--fs-table);font-weight:700;color:var(--ink-900);margin-bottom:3px}.kpi-sub{font-size:var(--fs-xs);color:var(--ink-500)}.main-content .card{border:1px solid var(--grid-line-soft);border-radius:8px;box-shadow:0 1px 2px #141e280f}.main-content .card-header{background:#f7f8fa;border-bottom:1px solid var(--grid-line);font-weight:700}.main-content table thead th{background:var(--grid-header);color:var(--grid-header-text);font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em;border-color:#33517a;vertical-align:middle}.main-content table.table-dark thead th{background:var(--grid-header);border-color:#33517a}.main-content table tbody tr:nth-child(2n){background-color:var(--row-band)}.main-content table tbody tr:hover{background-color:#eaf1fb}.main-content table td,.main-content table th{border-color:var(--grid-line-soft);vertical-align:middle}.main-content .nav-tabs{border-bottom-color:var(--grid-line)}.main-content .nav-tabs .nav-link{color:var(--ink-500);font-weight:700;font-size:var(--fs-tab);border-color:transparent;border-radius:3px 3px 0 0}.main-content .nav-tabs .nav-link:hover{border-color:var(--grid-line-soft)}.main-content .nav-tabs .nav-link.active{color:var(--ink-900);background-color:var(--surface);border-color:var(--grid-line) var(--grid-line) var(--surface)}.main-content .text-primary{color:var(--office-blue)!important}.main-content .text-success{color:var(--acc-green-text)!important}.main-content .text-warning{color:var(--acc-amber-text)!important}.main-content .text-danger{color:var(--acc-red-text)!important}.main-content .text-info{color:var(--acc-purple-text)!important}.main-content .btn-primary{background-color:var(--office-blue);border-color:var(--office-blue-hover)}.main-content .btn-primary:hover{background-color:var(--office-blue-hover);border-color:var(--office-blue-hover)}.main-content .btn-outline-primary{color:var(--office-blue);border-color:var(--office-blue)}.main-content .btn-outline-primary:hover{background-color:var(--office-blue);border-color:var(--office-blue)}.main-content .form-select,.main-content .form-control{border-radius:var(--radius);border-color:var(--grid-line);font-size:var(--fs-sm)}.main-content .form-select:focus,.main-content .form-control:focus{border-color:var(--office-blue);box-shadow:0 0 0 .2rem #185abd26}.main-content .form-check-input:checked{background-color:var(--acc-green);border-color:#17945f}.main-content .alert-success{background-color:#eafbf3;border-color:#bee9d4;color:var(--acc-green-text)}.main-content .alert-danger{background-color:#fdecea;border-color:#f3c3bd;color:var(--acc-red-text)}.main-content .page-link{color:var(--office-blue)}.main-content .page-item.active .page-link{background-color:var(--office-blue);border-color:var(--office-blue)}