:root{--navy-sidebar:#0f2a4a;--navy-sidebar-hover:#173d69;--navy-sidebar-active:#1f6feb;--primary-blue:#1f6feb;--primary-blue-hover:#1856bd;--primary-blue-light:#ebf3fe;--page-bg:#f4f6f9;--card-bg:#fff;--border-color:#d9dee5;--border-light:#eaeff5;--text-main:#1c2733;--text-secondary:#576574;--text-muted:#8395a7;--success-green:#2e9e6b;--success-green-bg:#eaf8f1;--warning-amber:#d99a1e;--warning-amber-bg:#fdf7eb;--error-red:#c8423a;--error-red-bg:#fbefeb;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--font-family:"Segoe UI", Calibri, -apple-system, BlinkMacSystemFont, Roboto, sans-serif;--header-height:52px;--sidebar-width:250px;--sidebar-collapsed-width:64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--page-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;line-height:1.45;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#eceff3}::-webkit-scrollbar-thumb{background:#c3cad3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9faec0}h1,.text-h1{color:#0f2a4a;letter-spacing:-.2px;font-size:20px;font-weight:700}h2,.text-h2{color:#0f2a4a;font-size:15px;font-weight:600}h3,.text-h3{color:#223246;font-size:13px;font-weight:600}.text-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.4px;font-size:11px;font-weight:600}.text-muted{color:var(--text-muted)}.btn{border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background-color:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.btn-primary:hover{background-color:var(--primary-blue-hover);border-color:var(--primary-blue-hover)}.btn-secondary{color:var(--text-main);border-color:var(--border-color);background-color:#fff}.btn-secondary:hover{background-color:#f8fafc;border-color:#bac2cc}.btn-success{background-color:var(--success-green);color:#fff;border-color:var(--success-green)}.btn-success:hover{background-color:#268559}.btn-danger{background-color:var(--error-red);color:#fff;border-color:var(--error-red)}.btn-danger:hover{background-color:#ae3730}.btn-sm{height:24px;padding:0 8px;font-size:11px}.btn:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;outline:none;padding:6px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #1f6eeb26}.civet-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px;box-shadow:0 1px 3px #00000008}.civet-table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff;overflow-x:auto}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}table.civet-table,table{text-align:left;width:100%;font-size:11px;border-collapse:collapse!important;border:1px solid #000!important}table.civet-table thead th,table thead th{color:#fff;white-space:nowrap;background-color:#0f2a4a;padding:8px 10px;font-size:11px;font-weight:600;border:1px solid #000!important}table.civet-table tbody tr,table tbody tr{height:32px;transition:background .1s;border-bottom:1px solid #000!important}table.civet-table tbody tr:hover,table tbody tr:hover{background-color:#f8fafd}table.civet-table tbody tr:nth-child(2n),table tbody tr:nth-child(2n){background-color:#f9fafb}table.civet-table tbody td,table tbody td{color:#111827;white-space:nowrap;padding:6px 10px;border:1px solid #000!important}.badge{border-radius:3px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:600;line-height:1.2;display:inline-flex}.badge-success{background-color:var(--success-green-bg);color:var(--success-green);border:1px solid #2e9e6b40}.badge-warning{background-color:var(--warning-amber-bg);color:var(--warning-amber);border:1px solid #d99a1e40}.badge-danger{background-color:var(--error-red-bg);color:var(--error-red);border:1px solid #c8423a40}.badge-info{background-color:var(--primary-blue-light);color:var(--primary-blue);border:1px solid #1f6eeb40}.badge-neutral{color:#556270;background-color:#f1f4f8;border:1px solid #d9dee5}.grid-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;display:grid}.grid-charts-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid-charts-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.grid-form-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.civet-tab-bar{background-color:#e2e8f0;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:4px;display:flex;overflow-x:auto}.civet-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:#0000;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.civet-tab-btn:hover{color:#0f2a4a;background-color:#cbd5e1}.civet-tab-btn.active{color:#1f6feb;background-color:#fff;border-color:#cbd5e1;font-weight:600;box-shadow:0 1px 3px #0f2a4a14}.civet-nav-item{position:relative}.civet-nav-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:99999;background-color:#071a2e;border:1px solid #ffffff2e;border-radius:4px;padding:6px 12px;font-size:11.5px;font-weight:600;display:none;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 4px 16px #00000080}.civet-nav-tooltip:before{content:"";border:5px solid #0000;border-right-color:#071a2e;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.civet-nav-item:hover .civet-nav-tooltip{align-items:center;gap:6px;animation:.12s ease-in-out civetTooltipFade;display:flex}@keyframes civetTooltipFade{0%{opacity:0;transform:translateY(-50%)translate(-4px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.civet-top-header{z-index:90;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #d9dee5;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.top-header-left{flex-shrink:0;align-items:center;gap:12px;display:flex}.top-header-breadcrumbs{color:#576574;align-items:center;gap:6px;font-size:11px;display:flex}.top-header-right{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.sidebar-mobile-close-btn{display:none!important}@media (width<=1024px){.grid-charts-3,.grid-form-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.grid-charts-2{grid-template-columns:1fr}}@media (width<=768px){.civet-top-header{flex-wrap:wrap;gap:8px;height:auto;min-height:48px;padding:6px 12px}.top-header-breadcrumbs{display:none!important}.top-header-right{white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:3px;overflow-x:auto}.civet-sidebar{top:0;bottom:0;left:0;box-shadow:6px 0 24px #00000073;z-index:1000!important;width:250px!important;max-width:82vw!important;height:100vh!important;position:fixed!important}.civet-sidebar.collapsed{pointer-events:none;transform:translate(-100%)!important}.civet-sidebar.expanded{pointer-events:auto;transform:translate(0)!important}.sidebar-mobile-close-btn{display:flex!important}.grid-charts-3{grid-template-columns:1fr}}@media (width<=600px){.grid-form-4{grid-template-columns:1fr;gap:10px}.civet-card{padding:10px}.grid-kpis{grid-template-columns:1fr;gap:8px}}