@font-face{font-family:AfraVazir;src:url(/fonts/design/Vazirmatn-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:AfraVazir;src:url(/fonts/design/Vazirmatn-Bold.woff2)format("woff2");font-weight:600 900;font-display:swap}.afra-redesign{--background:#f4f7fb;--foreground:#122547;--border:#e0e8f2;--shadow-card:0 6px 24px #112d5210;--font-sans:AfraVazir,Vazirmatn,Tahoma,sans-serif}.afra-redesign body{background:#f4f7fb;font-family:AfraVazir,Vazirmatn,Tahoma,sans-serif}.afra-redesign .app-shell{background:radial-gradient(at 0 0,#e9f2ff,#0000 50%),#f4f7fb}.afra-redesign .app-sidebar{background:linear-gradient(160deg,#0a203d,#07162c);border-color:#ffffff12}.afra-redesign .brand-mark{background:linear-gradient(135deg,#42a5ff,#1452dc);border-radius:12px;box-shadow:0 5px 22px #1d6bff3d}.afra-redesign .app-sidebar>div:first-child{min-height:95px}.afra-redesign .app-sidebar nav{padding:16px 12px}.afra-redesign .app-sidebar summary{color:#c9daf0;border-radius:11px;font-size:13px}.afra-redesign .sidebar-link{color:#b8cde8;font-size:12px}.afra-redesign .sidebar-link-active{color:#fff;box-shadow:none;background:linear-gradient(110deg,#143663,#1e4374);border-right:3px solid #2682ff}.afra-redesign .app-topbar{min-height:78px;box-shadow:none;gap:12px;padding-block:12px;background:#ffffffed!important}.afra-redesign .topbar-kicker{color:#184c89}.afra-redesign .executive-page{max-width:1780px;padding:24px 26px 40px}.afra-redesign .design-page-heading{box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding:0;display:flex}.afra-redesign .design-page-heading h1{letter-spacing:-.5px;color:#122547;font-size:29px;font-weight:800;line-height:1.6}.afra-redesign .design-eyebrow{color:#61738f;font-size:11px}.afra-redesign .design-page-heading p{color:#61738f;margin-top:3px;font-size:12px}.afra-redesign .design-primary-action{color:#fff;background:#1763ef;border-radius:11px;flex-shrink:0;align-items:center;gap:8px;min-height:44px;padding:10px 17px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #1763ef22}.afra-redesign .executive-page>header:not(.design-page-heading){display:none}.afra-redesign .executive-page section[aria-labelledby=kpi-heading]>div:first-child{margin-bottom:12px}.afra-redesign #kpi-heading{font-size:17px}.afra-redesign .executive-kpi-card{--tone:#1763ef;--soft:#eef6ff;min-height:196px;color:var(--tone);box-shadow:0 6px 20px #112d5209;border:1px solid color-mix(in srgb,var(--tone) 19%,white)!important;background:linear-gradient(125deg,white,var(--soft))!important;border-radius:15px!important;padding:20px!important}.afra-redesign .executive-kpi-card[data-design-accent=violet]{--tone:#7d3ddb;--soft:#f4efff}.afra-redesign .executive-kpi-card[data-design-accent=cyan]{--tone:#a65d04;--soft:#fff7e8}.afra-redesign .executive-kpi-card[data-design-accent=emerald]{--tone:#00885d;--soft:#ebfaf5}.afra-redesign .executive-kpi-card[data-design-accent=teal]{--tone:#087f9c;--soft:#ecf8fc}.afra-redesign .executive-kpi-card[data-design-accent=rose]{--tone:#d12b4c;--soft:#fff0f3}.afra-redesign .executive-kpi-card>span[aria-hidden]{display:none}.afra-redesign .executive-kpi-card strong{letter-spacing:-.3px;font-size:clamp(20px,1.65vw,29px);font-weight:800;line-height:1.7;color:var(--tone)!important}.afra-redesign .executive-kpi-card>div:first-of-type>span>span:first-child{color:var(--tone);box-shadow:none;border-radius:13px;width:44px;height:44px;background:color-mix(in srgb,var(--tone) 11%,white)!important}.afra-redesign .executive-kpi-card>a{min-height:36px;color:var(--tone);font-size:11px}.afra-redesign .executive-kpi-card:hover{transform:translateY(-2px);box-shadow:0 9px 26px #12304716}.afra-redesign .dashboard-card{background:#fff!important;border:1px solid #e0e8f2!important;border-radius:18px!important;box-shadow:0 6px 24px #112d5210!important}.afra-redesign .dashboard-card h2{color:#122547;font-size:18px}.afra-redesign section[aria-labelledby=monthly-performance-title]{border-color:#e0e8f2;border-radius:18px;padding:20px;box-shadow:0 6px 24px #112d5210}.afra-redesign #decision-views>div:last-child>div:nth-child(7n+1){--quick:#1763ef;--quick-soft:#edf5ff}.afra-redesign #decision-views>div:last-child>div:nth-child(7n+2){--quick:#7d3ddb;--quick-soft:#f4efff}.afra-redesign #decision-views>div:last-child>div:nth-child(7n+3){--quick:#00885d;--quick-soft:#ebfaf5}.afra-redesign #decision-views>div:last-child>div:nth-child(7n+4){--quick:#a65d04;--quick-soft:#fff7e8}.afra-redesign #decision-views>div:last-child>div:nth-child(7n+5){--quick:#087f9c;--quick-soft:#ecf8fc}.afra-redesign #decision-views>div:last-child>div:nth-child(7n+6){--quick:#d12b4c;--quick-soft:#fff0f3}.afra-redesign #decision-views>div:last-child>div:nth-child(7n+7){--quick:#184c89;--quick-soft:#edf2fb}.afra-redesign #decision-views button[aria-pressed]{border-color:color-mix(in srgb,var(--quick) 17%,white);background:var(--quick-soft);min-height:130px;color:var(--quick);border-radius:14px;padding:20px 15px;font-size:12px}.afra-redesign #decision-views button[aria-pressed] svg{color:inherit}.afra-redesign #decision-views button[aria-pressed=true]{background:var(--quick);color:#fff}.afra-redesign #detail-panel{border-radius:18px;box-shadow:0 6px 24px #112d5210}.afra-redesign :is(button,a,input,select,summary):focus-visible{outline-offset:3px;outline:3px solid #1763ef}.afra-redesign input{min-width:0;font-size:16px}.afra-redesign .app-mobile-nav{border:0;background:linear-gradient(120deg,#0b2849,#071931)!important}.afra-redesign .app-mobile-nav a,.afra-redesign .app-mobile-nav button{color:#b8cde8;font-size:11px}.afra-redesign .app-mobile-nav .mobile-nav-link-active{color:#a8d3ff;background:#ffffff08}@media (min-width:1024px){.afra-redesign .app-shell{padding-right:230px}.afra-redesign .app-sidebar{width:230px}.afra-redesign .app-topbar{padding-inline:26px}}@media (min-width:1450px){.afra-redesign .executive-page{padding-inline:32px}.afra-redesign .executive-kpi-card{padding:24px!important}}@media (max-width:640px){.afra-redesign .app-topbar{min-height:70px;padding:10px 14px}.afra-redesign .executive-page{padding:20px 14px 30px}.afra-redesign .design-page-heading{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:18px}.afra-redesign .design-page-heading h1{font-size:24px}.afra-redesign .design-page-heading p{font-size:11px;line-height:2}.afra-redesign .design-primary-action{min-height:44px;padding:8px 13px;font-size:11px}.afra-redesign .executive-kpi-card{min-height:205px;padding:14px!important}.afra-redesign .executive-kpi-card strong{overflow-wrap:anywhere;font-size:20px}.afra-redesign .executive-kpi-card>div:first-of-type>span{flex-wrap:wrap;gap:8px}.afra-redesign .executive-kpi-card>div:first-of-type>span>span:first-child{width:36px;height:36px}.afra-redesign .executive-kpi-card>div:first-of-type>span>span:last-child{font-size:11px;line-height:1.8}.afra-redesign .executive-kpi-card>div.flex:not(:first-of-type){flex-wrap:wrap;font-size:10px}.afra-redesign .dashboard-card{border-radius:15px!important}.afra-redesign section[aria-labelledby=monthly-performance-title]{border-radius:15px;padding:14px}.afra-redesign #decision-views button[aria-pressed]{min-height:108px;padding:16px 12px}}@media (prefers-reduced-motion:reduce){.afra-redesign *,.afra-redesign :before,.afra-redesign :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@font-face{font-family:PreviewVazir;src:url(/fonts/design/Vazirmatn-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:PreviewVazir;src:url(/fonts/design/Vazirmatn-Bold.woff2)format("woff2");font-weight:600 900;font-display:swap}.afra-design-preview{--background:#f4f7fb;--foreground:#122547;--border:#e0e8f2;--shadow-card:0 6px 24px #112d5210;--font-sans:PreviewVazir,Vazirmatn,Tahoma,sans-serif}.afra-design-preview body{background:#f4f7fb;font-family:PreviewVazir,Vazirmatn,Tahoma,sans-serif}.afra-design-preview .app-shell{background:radial-gradient(at 0 0,#e9f2ff,#0000 50%),#f4f7fb}.afra-design-preview .app-sidebar{background:linear-gradient(160deg,#0a203d,#07162c);border-color:#ffffff12}.afra-design-preview .brand-mark{background:linear-gradient(135deg,#42a5ff,#1452dc);border-radius:12px;box-shadow:0 5px 22px #1d6bff3d}.afra-design-preview .app-sidebar>div:first-child{min-height:95px}.afra-design-preview .app-sidebar nav{padding:16px 12px}.afra-design-preview .app-sidebar summary{color:#c9daf0;border-radius:11px;font-size:13px}.afra-design-preview .sidebar-link{color:#b8cde8;font-size:12px}.afra-design-preview .sidebar-link-active{color:#fff;box-shadow:none;background:linear-gradient(110deg,#143663,#1e4374);border-right:3px solid #2682ff}.afra-design-preview .app-topbar{min-height:78px;box-shadow:none;gap:12px;padding-block:12px;background:#ffffffed!important}.afra-design-preview .topbar-kicker{color:#184c89}.afra-design-preview .preview-notice{color:#345781;background:#edf4ff;border-bottom:1px solid #dbe7f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:9px 26px;font-size:11px;line-height:1.8;display:flex}.afra-design-preview .preview-notice a{color:#174fc1;align-items:center;min-height:32px;font-weight:700;display:inline-flex}.afra-design-preview .executive-page{max-width:1780px;padding:24px 26px 40px}.afra-design-preview .preview-page-heading{box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding:0;display:flex}.afra-design-preview .preview-page-heading h1{letter-spacing:-.5px;color:#122547;font-size:29px;font-weight:800;line-height:1.6}.afra-design-preview .preview-eyebrow{color:#61738f;font-size:11px}.afra-design-preview .preview-page-heading p{color:#61738f;margin-top:3px;font-size:12px}.afra-design-preview .preview-primary-action{color:#fff;background:#1763ef;border-radius:11px;flex-shrink:0;align-items:center;gap:8px;min-height:44px;padding:10px 17px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #1763ef22}.afra-design-preview .executive-page>header:not(.preview-page-heading){display:none}.afra-design-preview .executive-page section[aria-labelledby=kpi-heading]>div:first-child{margin-bottom:12px}.afra-design-preview #kpi-heading{font-size:17px}.afra-design-preview .executive-kpi-card{--tone:#1763ef;--soft:#eef6ff;min-height:196px;color:var(--tone);box-shadow:0 6px 20px #112d5209;border:1px solid color-mix(in srgb,var(--tone) 19%,white)!important;background:linear-gradient(125deg,white,var(--soft))!important;border-radius:15px!important;padding:20px!important}.afra-design-preview .executive-kpi-card[data-preview-accent=violet]{--tone:#7d3ddb;--soft:#f4efff}.afra-design-preview .executive-kpi-card[data-preview-accent=cyan]{--tone:#a65d04;--soft:#fff7e8}.afra-design-preview .executive-kpi-card[data-preview-accent=emerald]{--tone:#00885d;--soft:#ebfaf5}.afra-design-preview .executive-kpi-card[data-preview-accent=teal]{--tone:#087f9c;--soft:#ecf8fc}.afra-design-preview .executive-kpi-card[data-preview-accent=rose]{--tone:#d12b4c;--soft:#fff0f3}.afra-design-preview .executive-kpi-card>span[aria-hidden]{display:none}.afra-design-preview .executive-kpi-card strong{letter-spacing:-.3px;font-size:clamp(20px,1.65vw,29px);font-weight:800;line-height:1.7;color:var(--tone)!important}.afra-design-preview .executive-kpi-card>div:first-of-type>span>span:first-child{color:var(--tone);box-shadow:none;border-radius:13px;width:44px;height:44px;background:color-mix(in srgb,var(--tone) 11%,white)!important}.afra-design-preview .executive-kpi-card>a{min-height:36px;color:var(--tone);font-size:11px}.afra-design-preview .executive-kpi-card:hover{transform:translateY(-2px);box-shadow:0 9px 26px #12304716}.afra-design-preview .dashboard-card{background:#fff!important;border:1px solid #e0e8f2!important;border-radius:18px!important;box-shadow:0 6px 24px #112d5210!important}.afra-design-preview .dashboard-card h2{color:#122547;font-size:18px}.afra-design-preview section[aria-labelledby=monthly-performance-title]{border-color:#e0e8f2;border-radius:18px;padding:20px;box-shadow:0 6px 24px #112d5210}.afra-design-preview #decision-views>div:last-child>div:nth-child(7n+1){--quick:#1763ef;--quick-soft:#edf5ff}.afra-design-preview #decision-views>div:last-child>div:nth-child(7n+2){--quick:#7d3ddb;--quick-soft:#f4efff}.afra-design-preview #decision-views>div:last-child>div:nth-child(7n+3){--quick:#00885d;--quick-soft:#ebfaf5}.afra-design-preview #decision-views>div:last-child>div:nth-child(7n+4){--quick:#a65d04;--quick-soft:#fff7e8}.afra-design-preview #decision-views>div:last-child>div:nth-child(7n+5){--quick:#087f9c;--quick-soft:#ecf8fc}.afra-design-preview #decision-views>div:last-child>div:nth-child(7n+6){--quick:#d12b4c;--quick-soft:#fff0f3}.afra-design-preview #decision-views>div:last-child>div:nth-child(7n+7){--quick:#184c89;--quick-soft:#edf2fb}.afra-design-preview #decision-views button[aria-pressed]{border-color:color-mix(in srgb,var(--quick) 17%,white);background:var(--quick-soft);min-height:130px;color:var(--quick);border-radius:14px;padding:20px 15px;font-size:12px}.afra-design-preview #decision-views button[aria-pressed] svg{color:inherit}.afra-design-preview #decision-views button[aria-pressed=true]{background:var(--quick);color:#fff}.afra-design-preview #detail-panel{border-radius:18px;box-shadow:0 6px 24px #112d5210}.afra-design-preview :is(button,a,input,select,summary):focus-visible{outline-offset:3px;outline:3px solid #1763ef}.afra-design-preview input{min-width:0;font-size:16px}.afra-design-preview .app-mobile-nav{border:0;background:linear-gradient(120deg,#0b2849,#071931)!important}.afra-design-preview .app-mobile-nav a,.afra-design-preview .app-mobile-nav button{color:#b8cde8;font-size:11px}.afra-design-preview .app-mobile-nav .mobile-nav-link-active{color:#a8d3ff;background:#ffffff08}@media (min-width:1024px){.afra-design-preview .app-shell{padding-right:230px}.afra-design-preview .app-sidebar{width:230px}.afra-design-preview .app-topbar{padding-inline:26px}}@media (min-width:1450px){.afra-design-preview .executive-page{padding-inline:32px}.afra-design-preview .executive-kpi-card{padding:24px!important}}@media (max-width:1023px){.afra-design-preview .executive-page{padding:20px 20px 36px}.afra-design-preview .preview-notice{padding-inline:20px}}@media (max-width:640px){.afra-design-preview .app-topbar{min-height:70px;padding:10px 14px}.afra-design-preview .preview-notice{padding:8px 14px;font-size:10px}.afra-design-preview .executive-page{padding:20px 14px 30px}.afra-design-preview .preview-page-heading{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:18px}.afra-design-preview .preview-page-heading h1{font-size:24px}.afra-design-preview .preview-page-heading p{font-size:11px;line-height:2}.afra-design-preview .preview-primary-action{min-height:44px;padding:8px 13px;font-size:11px}.afra-design-preview .executive-kpi-card{min-height:205px;padding:14px!important}.afra-design-preview .executive-kpi-card strong{overflow-wrap:anywhere;font-size:20px}.afra-design-preview .executive-kpi-card>div:first-of-type>span{flex-wrap:wrap;gap:8px}.afra-design-preview .executive-kpi-card>div:first-of-type>span>span:first-child{width:36px;height:36px}.afra-design-preview .executive-kpi-card>div:first-of-type>span>span:last-child{font-size:11px;line-height:1.8}.afra-design-preview .executive-kpi-card>div.flex:not(:first-of-type){flex-wrap:wrap;font-size:10px}.afra-design-preview .dashboard-card{border-radius:15px!important}.afra-design-preview section[aria-labelledby=monthly-performance-title]{border-radius:15px;padding:14px}.afra-design-preview #decision-views button[aria-pressed]{min-height:108px;padding:16px 12px}}@media (prefers-reduced-motion:reduce){.afra-design-preview *,.afra-design-preview :before,.afra-design-preview :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.afra-design-preview :is(.customer-design-page,.budget-page){min-width:0;max-width:1780px;padding:24px 26px 40px}.afra-design-preview :is(.customer-design-page,.budget-page) .page-heading{box-shadow:none;background:0 0;border:0;border-radius:0;margin-bottom:22px;padding:8px 4px}.afra-design-preview .page-heading:before{content:none!important;display:none!important}.afra-design-preview .page-heading>div{min-width:0}.afra-design-preview .page-heading h1{overflow-wrap:break-word}.afra-design-preview :is(.customer-design-page,.budget-page) .page-heading h1{color:#122547;font-size:29px;line-height:1.6}.afra-design-preview :is(.customer-design-page,.budget-page) .page-heading-eyebrow{color:#61738f;font-size:11px}.afra-design-preview :is(.customer-design-page,.budget-page) :is(button,a,select,summary){touch-action:manipulation}.afra-design-preview .customer-design-filters{border-color:#e0e8f2;border-radius:18px;padding:20px;box-shadow:0 6px 24px #112d5210}.afra-design-preview .customer-primary-filters{grid-template-columns:minmax(220px,1.7fr) repeat(3,minmax(135px,1fr));gap:14px}.afra-design-preview .customer-primary-filters label{color:#354c6a;font-size:12px}.afra-design-preview .customer-design-page .dashboard-input{background:#fff;border-color:#dbe4f0;border-radius:11px;min-height:44px;padding:9px 12px;font-size:14px}.afra-design-preview .customer-date-summary{cursor:pointer;color:#365578;background:#f5f9ff;border:1px solid #dbe7f6;border-radius:11px;flex-wrap:wrap;align-items:center;gap:10px;min-height:48px;padding:8px 13px;font-size:12px;list-style:none;display:flex}.afra-design-preview .customer-date-summary::-webkit-details-marker{display:none}.afra-design-preview .customer-date-summary strong{font-size:12px;font-weight:600}.afra-design-preview .customer-date-open-label{color:#1763ef;margin-inline-start:auto;font-weight:700}.afra-design-preview .customer-date-disclosure[open] .customer-date-filter{margin-top:12px}.afra-design-preview .customer-kpi{border:1px solid #e0e8f2;border-top:4px solid var(--kpi-accent,#1763ef);background:#fff;border-radius:15px;flex-direction:row-reverse;align-items:flex-start;gap:14px;min-height:166px;padding:20px;display:flex;box-shadow:0 6px 20px #112d5208}.afra-design-preview .customer-kpi:before{display:none}.afra-design-preview .customer-kpi-violet{--kpi-accent:#7d3ddb}.afra-design-preview .customer-kpi-blue{--kpi-accent:#1763ef}.afra-design-preview .customer-kpi-amber{--kpi-accent:#a65d04}.afra-design-preview .customer-kpi-rose{--kpi-accent:#d12b4c}.afra-design-preview .customer-kpi>div{flex:1;min-width:0}.afra-design-preview .customer-kpi p{color:#536a86;font-size:12px}.afra-design-preview .customer-kpi strong{color:var(--kpi-accent);overflow-wrap:anywhere;font-size:clamp(17px,1.45vw,23px);font-weight:800;line-height:1.8}.afra-design-preview .customer-kpi small{color:#61738f;font-size:11px;line-height:1.8}.afra-design-preview .customer-kpi-icon{width:44px;min-width:44px;height:44px;color:var(--kpi-accent);background:color-mix(in srgb,var(--kpi-accent) 10%,white);border-radius:13px}.afra-design-preview :is(.customer-design-page,.budget-page) .smart-table-shell{border-color:#e0e8f2;border-radius:18px;box-shadow:0 6px 24px #112d5210}.afra-design-preview :is(.customer-design-page,.budget-page) .smart-table-toolbar{padding:16px 20px}.afra-design-preview :is(.customer-design-page,.budget-page) .smart-table-toolbar :is(button,summary){border-radius:11px;min-height:44px}.afra-design-preview :is(.customer-design-page,.budget-page) .smart-table-toolbar h2{color:#122547;font-size:17px}.afra-design-preview :is(.customer-design-page,.budget-page) .data-table{font-size:12px}.afra-design-preview :is(.customer-design-page,.budget-page) .data-table th{color:#536a8f;background:#f4f7fc;padding:12px 9px;font-size:12px}.afra-design-preview :is(.customer-design-page,.budget-page) .data-table td{overflow-wrap:anywhere;padding:15px 9px}.afra-design-preview :is(.customer-design-page,.budget-page) .data-table tbody tr:nth-child(2n){background:#fbfcff}.afra-design-preview :is(.customer-design-page,.budget-page) .data-table tbody tr:hover{background:#f2f7ff}.afra-design-preview :is(.customer-design-page,.budget-page) .entity-mobile-card{background:linear-gradient(135deg,#fff,#f7faff);border-color:#dfe8f4;border-radius:15px;padding:16px}.afra-design-preview .budget-page{flex-direction:column;gap:20px;display:flex}.afra-design-preview .budget-page>*{margin-block:0!important}.afra-design-preview .budget-planner-disclosure{order:5}.afra-design-preview .budget-heading-help{color:#61738f;align-items:center;gap:8px;margin-top:5px;font-size:12px;display:flex}.afra-design-preview .budget-header-month{color:#61738f;align-items:center;gap:8px;font-size:12px;display:flex}.afra-design-preview .budget-header-month select{color:#122547;background:#fff;border:1px solid #dbe4f0;border-radius:11px;min-height:44px;padding:8px 12px;font-size:14px}.afra-design-preview .budget-open-editor{color:#fff;background:#1763ef;border-color:#1763ef;gap:8px;min-height:44px}.afra-design-preview .budget-kpi{--budget-tone:#1763ef;--budget-soft:#eef6ff;background:linear-gradient(125deg,white,var(--budget-soft));border-color:color-mix(in srgb,var(--budget-tone) 19%,white);min-height:155px;color:var(--budget-tone);border-radius:15px;padding:22px;box-shadow:0 6px 20px #112d5208}.afra-design-preview .budget-kpi-amber{--budget-tone:#a65d04;--budget-soft:#fff7e8}.afra-design-preview .budget-kpi-emerald{--budget-tone:#00885d;--budget-soft:#ebfaf5}.afra-design-preview .budget-kpi-rose{--budget-tone:#d12b4c;--budget-soft:#fff0f3}.afra-design-preview .budget-kpi:after{display:none}.afra-design-preview .budget-kpi>span{font-size:12px}.afra-design-preview .budget-kpi strong{overflow-wrap:anywhere;font-size:23px;font-weight:800;line-height:1.7}.afra-design-preview .budget-design-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px}.afra-design-preview .budget-report-column{gap:18px;min-width:0;display:grid}.afra-design-preview .budget-account-search{border-color:#e0e8f2;border-radius:18px;box-shadow:0 6px 24px #112d5210}.afra-design-preview .budget-entry-panel{align-self:start;padding:20px;position:sticky;top:94px}.afra-design-preview .budget-page .field-shell{color:#354c6a;gap:7px;font-size:12px}.afra-design-preview .budget-page .field-shell :is(input,select){border-radius:10px;min-height:44px;padding:9px 12px;font-size:14px}.afra-design-preview .budget-entry-panel>button{min-height:44px;box-shadow:none;background:#1763ef;border-radius:11px;font-size:12px}.afra-design-preview .budget-page .recharts-legend-wrapper{font-size:12px!important}@media (max-width:1199px){.afra-design-preview .customer-primary-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.afra-design-preview .budget-design-layout{grid-template-columns:minmax(0,1fr)}.afra-design-preview .budget-entry-panel{position:static}}@media (max-width:640px){.afra-design-preview :is(.customer-design-page,.budget-page){padding:20px 14px 100px}.afra-design-preview :is(.customer-design-page,.budget-page) .page-heading{gap:12px;margin-bottom:18px}.afra-design-preview :is(.customer-design-page,.budget-page) .page-heading h1{font-size:24px}.afra-design-preview .customer-design-filters{border-radius:15px;padding:16px}.afra-design-preview .customer-primary-filters{gap:12px}.afra-design-preview .customer-primary-filters>div:first-child{grid-column:1/-1}.afra-design-preview .customer-design-page .dashboard-input{font-size:16px}.afra-design-preview .customer-kpi{flex-direction:column;gap:10px;min-height:205px;padding:14px;display:flex}.afra-design-preview .customer-kpi strong{font-size:17px}.afra-design-preview .customer-kpi p{font-size:12px}.afra-design-preview :is(.customer-design-page,.budget-page) .smart-table-toolbar{padding:16px}.afra-design-preview .budget-page>section[aria-label=خلاصه\ بودجه]{grid-template-columns:repeat(2,minmax(0,1fr))}.afra-design-preview .budget-kpi{min-height:145px;padding:16px}.afra-design-preview .budget-kpi strong{font-size:18px}.afra-design-preview .budget-page .field-shell :is(input,select),.afra-design-preview .budget-header-month select{font-size:16px}.afra-design-preview .budget-page .budget-entry-panel{padding:16px}.afra-design-preview .budget-page .budget-design-layout{gap:16px}}
:is(.afra-redesign,.afra-design-preview) .app-shell{box-sizing:border-box;align-self:stretch;width:100%;min-width:0;max-width:100%}:is(.afra-redesign,.afra-design-preview) .app-shell>div{min-width:0;max-width:100%}:is(.afra-redesign,.afra-design-preview) .app-shell main{box-sizing:border-box;min-width:0;max-width:100%}:is(.afra-redesign,.afra-design-preview) .page-heading{flex-wrap:wrap;min-width:0;overflow:visible}:is(.afra-redesign,.afra-design-preview) .page-heading>div{min-width:0;max-width:100%}:is(.afra-redesign,.afra-design-preview) .page-heading :is(h1,p){overflow-wrap:anywhere;white-space:normal}:is(.afra-redesign,.afra-design-preview) .budget-page>section[aria-label=خلاصه\ بودجه]{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}:is(.afra-redesign,.afra-design-preview) .budget-kpi{min-width:0}:is(.afra-redesign,.afra-design-preview) .budget-kpi strong{overflow-wrap:anywhere}:is(.afra-redesign,.afra-design-preview) .budget-hero{align-items:center;gap:16px}:is(.afra-redesign,.afra-design-preview) .budget-hero h1{font-size:clamp(22px,2.1vw,29px);line-height:1.65}:is(.afra-redesign,.afra-design-preview) .budget-hero>div:last-child{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.afra-design-preview .budget-page .page-heading{padding-inline-start:18px}.afra-design-preview .budget-page .page-heading:before{pointer-events:none;border-radius:3px;width:3px}.afra-design-preview .budget-heading-help{flex-wrap:wrap}.afra-design-preview .budget-header-month{flex-wrap:wrap;max-width:100%}.afra-design-preview .budget-header-month select,:is(.afra-redesign,.afra-design-preview) .budget-entry-panel,:is(.afra-redesign,.afra-design-preview) .budget-entry-panel :is(input,select,textarea){min-width:0;max-width:100%}:is(.afra-redesign,.afra-design-preview) .app-topbar{flex-wrap:wrap;min-width:0}:is(.afra-redesign,.afra-design-preview) .app-topbar>*{min-width:0;max-width:100%}@media (max-width:1199px){.afra-design-preview .budget-design-layout{grid-template-columns:minmax(0,1fr)}.afra-design-preview .budget-entry-panel{max-height:none;position:static}}@media (max-width:767px){:is(.afra-redesign,.afra-design-preview) .budget-hero{align-items:stretch}:is(.afra-redesign,.afra-design-preview) .budget-hero>div:last-child{width:100%}.afra-design-preview .budget-header-month{flex:160px}.afra-design-preview .budget-header-month select{flex:1;min-height:44px;font-size:16px}:is(.afra-redesign,.afra-design-preview) .app-topbar form[role=search]{flex-basis:100%;order:5;width:100%;max-width:none}.afra-design-preview .customer-primary-filters{grid-template-columns:minmax(0,1fr)}}@media (max-width:479px){:is(.afra-redesign,.afra-design-preview) .budget-page>section[aria-label=خلاصه\ بودجه]{grid-template-columns:minmax(0,1fr)}:is(.afra-redesign,.afra-design-preview) .budget-kpi{min-height:120px}}