:root{--MainBackground: #E3E8EF;--SecondaryBackground: #EDF1F5;--CardBackground: #FFFFFF;--FilterPagerCard: #D9E0E8;--TableRowSeparator: #C5CDD8;--Navy900: #10213A;--Navy800: #1A2F4D;--PrimaryBlue: #2F6FED;--SuccessGreen: #2E9E5B;--WarningAmber: #D89A1D;--ErrorRed: #C94B4B;--TextMain: #243447;--TextSecondary: #5F7085;--TextDisabled: #93A1B2;--White: #FFFFFF}*{box-sizing:border-box}body{margin:0;background:var(--MainBackground);color:var(--TextMain);font-family:Inter,Arial,Helvetica,sans-serif}button,input,select{font-family:inherit}.GirdabApp{min-height:100vh;display:flex;flex-direction:column}.TopBar{height:64px;background:linear-gradient(90deg,var(--Navy900),var(--Navy800));color:var(--White);display:flex;align-items:center;padding:0 18px;gap:16px;position:sticky;top:0;z-index:30}.MenuButton{border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:var(--White);width:38px;height:38px;border-radius:10px;cursor:pointer}.LogoText{font-weight:800;letter-spacing:.5px;font-size:22px}.TopTitle{font-size:15px;opacity:.86;flex:1}.TopSelector{background:#ffffff1c;border:1px solid rgba(255,255,255,.25);color:var(--White);padding:9px 12px;border-radius:10px}.TopIcon{width:34px;height:34px;border-radius:50%;background:#ffffff1f;display:grid;place-items:center;font-size:13px}.MainWrap{display:flex;flex:1;min-height:calc(100vh - 112px)}.SideRail{width:220px;background:#f6f8fb;border-right:1px solid var(--TableRowSeparator);padding:14px;display:none}.SideRail.Visible{display:block}.SideButton{width:100%;text-align:left;padding:10px 12px;border:1px solid transparent;background:transparent;border-radius:10px;color:var(--TextMain);cursor:pointer;margin-bottom:4px}.SideButton.Active,.SideButton:hover{background:var(--FilterPagerCard);border-color:var(--TableRowSeparator)}.ContentArea{flex:1;padding:18px;overflow:auto}.PageHeader{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;align-items:flex-end}.PageHeader h1{margin:0;font-size:24px;color:var(--TextMain)}.PageHeader p{margin:4px 0 0;color:var(--TextSecondary);font-size:13px}.Grid{display:grid;gap:14px}.KpiGrid{grid-template-columns:repeat(5,minmax(140px,1fr))}.Card{background:var(--CardBackground);border:1px solid var(--TableRowSeparator);border-radius:16px;box-shadow:0 8px 18px #10213a0f}.CardPad{padding:14px}.KpiCard{min-height:92px}.KpiLabel{color:var(--TextSecondary);font-size:12px}.KpiValue{font-size:28px;font-weight:800;margin-top:8px}.KpiNote{font-size:12px;margin-top:6px;color:var(--TextSecondary)}.SectionTitle{font-size:16px;font-weight:800;margin-bottom:10px}.FilterCard{background:var(--FilterPagerCard);border:1px solid var(--TableRowSeparator);border-radius:16px;padding:12px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:10px;margin-bottom:12px}.Input,.Select{border:1px solid #B8C2CF;background:#eef2f6;border-radius:10px;padding:10px 12px;color:var(--TextMain);min-width:0}.PrimaryButton{background:var(--PrimaryBlue);color:var(--White);border:none;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.SecondaryButton{background:#eef2f6;color:var(--TextMain);border:1px solid #B8C2CF;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.DataTable{width:100%;border-collapse:collapse;background:var(--CardBackground);border-radius:16px;overflow:hidden;border:1px solid var(--TableRowSeparator)}.DataTable th{background:#eef2f6;color:var(--TextMain);font-size:12px;text-align:left;padding:11px;border-bottom:1px solid var(--TableRowSeparator)}.DataTable td{padding:10px 11px;border-bottom:1px solid var(--TableRowSeparator);font-size:13px}.DataTable tr:last-child td{border-bottom:none}.StatusBadge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.StatusActive{background:#2e9e5b1f;color:var(--SuccessGreen)}.StatusWarning{background:#d89a1d29;color:#9a6b0a}.StatusError{background:#c94b4b24;color:var(--ErrorRed)}.StatusNeutral{background:#e9edf3;color:var(--TextSecondary)}.PagerCard{margin-top:10px;background:var(--FilterPagerCard);border:1px solid var(--TableRowSeparator);border-radius:14px;padding:10px 12px;display:flex;justify-content:space-between;font-size:13px;color:var(--TextSecondary)}.Rsp{border-left:1px solid var(--TableRowSeparator);background:#f8fafc;transition:width .2s ease;overflow:hidden}.RspInner{padding:16px;min-width:340px}.RspTitle{font-weight:800;margin-bottom:8px}.Footer{height:48px;background:var(--Navy900);color:#ffffffc7;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:12px}.ChartMock{height:220px;background:linear-gradient(to top,rgba(47,111,237,.12),transparent 70%),repeating-linear-gradient(to right,transparent,transparent 54px,#E2E8F0 55px),repeating-linear-gradient(to top,transparent,transparent 43px,#E2E8F0 44px);border:1px solid var(--TableRowSeparator);border-radius:14px;position:relative}.ChartMock:after{content:"";position:absolute;left:18px;right:18px;bottom:28px;height:96px;border-bottom:4px solid var(--PrimaryBlue);border-radius:50%;transform:skewY(-8deg);opacity:.85}.TwoColumn{grid-template-columns:1.2fr .8fr}@media(max-width:1000px){.KpiGrid,.TwoColumn,.FilterCard{grid-template-columns:1fr}}.FormGrid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px}.FieldLabel{display:grid;gap:6px;font-size:12px;color:var(--TextSecondary);font-weight:700}.DetailGrid{display:grid;grid-template-columns:140px 1fr;gap:8px;font-size:13px}.DetailKey{color:var(--TextSecondary);font-weight:700}.DetailValue{color:var(--TextMain)}@media(max-width:900px){.FormGrid{grid-template-columns:1fr}}