*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:#101828;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans,system-ui,sans-serif}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd2dc;border-radius:6px}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}.app{background:#f4f5f7;min-height:100vh}.topbar{color:#fff;z-index:20;background:#101828;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:16px;display:flex}.brand{align-items:baseline;gap:9px;display:flex}.brand-name{letter-spacing:.16em;font-size:20px;font-weight:700}.brand-sub{letter-spacing:.24em;color:#98a2b3;font-family:IBM Plex Mono,monospace;font-size:10px}.topbar-divider{background:#344054;width:1px;height:20px}.topbar-label{color:#cbd2dc;font-size:13px}.topbar-right{align-items:center;gap:18px;display:flex}.topbar-timestamp{letter-spacing:.08em;color:#98a2b3;font-family:IBM Plex Mono,monospace;font-size:11px}.sync-indicator{align-items:center;gap:7px;display:flex}.sync-dot{background:#34d399;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot}.sync-text{color:#cbd2dc;font-size:12px}.avatar{letter-spacing:.04em;background:#2563a8;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:flex}.layout{min-height:calc(100vh - 59px);display:flex}.sidebar{background:#101828;flex-direction:column;flex-shrink:0;gap:4px;width:212px;height:calc(100vh - 59px);padding:22px 14px;display:flex;position:sticky;top:59px;overflow-y:auto}.sidebar-label{padding:0 10px 14px}.mono-label{letter-spacing:.16em;color:#667085;font-family:IBM Plex Mono,monospace;font-size:10px}.nav-item{cursor:pointer;text-align:left;color:#98a2b3;background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:13px;font-weight:400;transition:all .15s;display:flex}.nav-item:hover{color:#cbd2dc;background:#1d2839}.nav-item.active{color:#fff;background:#1d2839;font-weight:600}.nav-marker{border-radius:2px;flex-shrink:0;width:7px;height:7px}.data-sources{background:#1d2839;border-radius:8px;margin-top:auto;padding:12px}.data-sources .mono-label{margin-bottom:6px;display:block}.source-tags{flex-wrap:wrap;gap:5px;display:flex}.source-tag{color:#cbd2dc;background:#101828;border-radius:4px;padding:3px 7px;font-size:10px}.content{flex:1;min-width:0;padding:24px 32px 48px}.screen-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.screen-title{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.screen-subtitle{color:#667085;margin-top:2px;font-size:13px}.period-toggle{background:#fff;border:1px solid #e4e7ec;border-radius:8px;gap:4px;padding:4px;display:flex}.period-btn{color:#667085;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:6px 12px;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:12px}.period-btn.active{color:#fff;background:#101828;font-weight:500}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpi-card{background:#fff;border:1px solid #e4e7ec;border-radius:10px;padding:16px 18px}.kpi-label{letter-spacing:.08em;color:#667085;font-family:IBM Plex Mono,monospace;font-size:10px}.kpi-value{font-variant-numeric:tabular-nums;margin-top:6px;font-size:26px;font-weight:600}.kpi-value.large{font-size:28px}.kpi-detail{color:#667085;margin-top:4px;font-size:12px}.card{background:#fff;border:1px solid #e4e7ec;border-radius:10px;padding:20px 22px}.card-title{margin:0;font-size:15px;font-weight:600}.card-subtitle{color:#667085;margin-top:2px;font-size:12px}.table-header{border-bottom:1px solid #e4e7ec;gap:8px;padding:0 8px 10px;display:grid}.table-header span{letter-spacing:.05em;color:#98a2b3;font-family:IBM Plex Mono,monospace;font-size:10px}.table-row{border-bottom:1px solid #f0f2f5;align-items:center;gap:8px;padding:12px 8px;display:grid}.table-row:last-child{border-bottom:none}.table-row.summary{background:#fafbfc;border-bottom:none;padding:13px 8px}.text-green{color:#067a52}.text-red{color:#c0392b}.text-amber{color:#b5791a}.text-muted{color:#667085}.text-subtle{color:#98a2b3}.text-dark{color:#475467}.bg-green-light{background:#e7f4ee}.bg-red-light{background:#fbecea}.bg-amber-light{background:#fbf3e4}.mono{font-family:IBM Plex Mono,monospace}.fw-500{font-weight:500}.fw-600{font-weight:600}.text-right{text-align:right}.badge{white-space:nowrap;border-radius:5px;padding:2px 8px;font-size:11px}.badge-green{color:#067a52;background:#e7f4ee}.badge-red{color:#c0392b;background:#fbecea}.badge-amber{color:#b5791a;background:#fbf3e4}.badge-blue{color:#2563a8;background:#eaf1f9}.badge-gray{color:#475467;background:#eef1f4}.badge-muted{color:#98a2b3;background:#f0f2f5}.progress-bar{background:#eef1f4;border-radius:3px;height:5px;overflow:hidden}.progress-bar.thick{height:6px}.progress-bar.thicker{height:7px}.progress-bar.fat{height:9px}.progress-fill{border-radius:inherit;height:100%}.progress-blue{background:#2563a8}.progress-green{background:#067a52}.progress-light-blue{background:#9ec0e0}.progress-amber{background:#e0a13a}.sync-banner{background:#eef4fb;border:1px solid #d4e4f5;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:9px 14px;display:flex}.sync-banner-dot{background:#2563a8;border-radius:50%;flex-shrink:0;width:7px;height:7px}.sync-banner-text{color:#1d3a5c;font-size:12px}.info-label{color:#98a2b3;font-family:IBM Plex Mono,monospace;font-size:11px}