@font-face{font-family:outfit;src:url(/_next/static/media/a007c2d81cb34e8c-s.p.ttf) format("truetype");font-display:swap;font-weight:100 400 500 900}@font-face{font-family:outfit Fallback;src:local("Arial");ascent-override:100.84%;descent-override:26.22%;line-gap-override:0.00%;size-adjust:99.17%}.__className_90a6d6{font-family:outfit,outfit Fallback}.__variable_90a6d6{--font-outfit:"outfit","outfit Fallback"}html{height:100%;width:100%}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:0;margin:0;color:var(--foreground);background:var(--background);font-family:var(--font-outfit),sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.center{text-align:center}.full-width,.page{width:100%}.page{display:flex;flex-direction:column;min-height:100vh;background-image:url(/assets/images/auth-background.png)}@font-face{font-family:Futura;src:url(/fonts/futura/Futura.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.content{flex:1 1}.content,.pageStyle{display:flex;justify-content:center;align-items:center}.pageStyle{flex-direction:column;height:80vh;width:100%;padding:20px 0}.button{font-family:var(--font-outfit)!important;color:var(--Safaricom-White,#fff);text-align:center;font-size:14px;font-style:normal;font-weight:400!important;line-height:normal}.primaryButton{background-color:var(--primary-color)!important;color:#fff!important}.primaryButtonOutlined{border:1px solid var(--primary-color)!important;color:var(--primary-color)!important}.defaultButton{background-color:#beb9b9!important;color:#ffff!important}.inputLabel{color:var(--safaricom-black-greys-sb-700,#434343)}.inputLabel,.inputLabelRequired{font-family:var(--font-outfit);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.inputLabelRequired{color:var(--error-500-main,#ff2a58)}.errorFormText{font-family:var(--font-outfit)!important;color:#ba1a1a!important;font-weight:400;font-size:12px;line-height:15.12px}.roundedBox{width:40px;height:40px;flex-shrink:0;width:35px;height:35px;border-radius:50%;background-color:#26262680;display:flex;justify-content:center;align-items:center}.roundedBoxText{font-family:var(--font-outfit)!important;color:#fff;font-size:18px;font-style:normal;font-weight:700;line-height:normal}.responseCard{min-width:438px!important;max-width:600px;max-height:394px;margin:0 auto;justify-content:center;gap:40px;padding:16px;text-align:center;border-radius:13px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.responseCardContent{box-shadow:none}.filterTabs{display:flex;align-items:flex-start;border-radius:8px!important;border:1px solid var(--Gray-300,#d0d5dd);box-shadow:0 1px 2px 0 rgba(16,24,40,.05);cursor:pointer}.filterTab{background:var(--Base-White,#fff);cursor:pointer}.filterTab,.filterTabActive{display:flex;padding:10px 16px;justify-content:center;align-items:center;gap:8px;border-right:1px solid var(--Gray-300,#d0d5dd)}.filterTabActive{background:var(--Gray-50,#f9fafb)}.filterTabText{color:var(--Gray-700,var(--Gray-700,#344054));font-family:Futura;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.filterTab:first-child,.filterTabActive:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.filterTab:last-child,.filterTabActive:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right:none}.tableToolbar{padding:12px 16px;justify-content:space-between;border-radius:12px}.paperHeader,.tableToolbar{display:flex;align-items:flex-start;align-self:stretch}.paperHeader{flex-direction:column;gap:20px}.paperHeaderTextBox{display:flex;align-items:center;gap:8px;align-self:stretch}.paperHeaderText{color:var(--Gray-900,var(--Gray-900,#101828));font-size:18px;line-height:28px}.paperHeaderText,.paperSubTextBox{font-family:Futura;font-style:normal;font-weight:400}.paperSubTextBox{align-self:stretch;color:var(--Gray-600,var(--Gray-600,#475467));font-size:14px;line-height:20px}.pageComponent{width:100%;box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}.searchInput__inner{flex:1 0;width:100%}.searchInput,.searchInput__inner{display:flex;align-items:center;gap:8px}.searchInput{padding:10px 14px;align-self:stretch;border-radius:8px;width:372px;border:1px solid var(--Gray-300,#d0d5dd);background:var(--Base-White,#fff);box-shadow:0 1px 2px 0 rgba(16,24,40,.05)}.searchInput__field{flex-grow:1;border:none;outline:none;background:transparent;font-size:14px;font-family:Futura,sans-serif;color:var(--Gray-700,#344054);padding:0}.searchField::placeholder{color:var(--Gray-400,#98a2b3)}.tableCellText{color:var(--Gray-900,var(--Gray-900,#101828));font-size:14px;line-height:20px}.tableCellHeader,.tableCellText{font-family:Futura;font-style:normal;font-weight:400}.tableCellHeader{color:var(--Gray-600,var(--Gray-600,#475467));font-size:12px;line-height:18px}.tableBox{width:100%;margin-top:0;display:flex;flex-direction:column;gap:20px;border-radius:15px}.tableHeader{height:44px;padding:12px 24px;align-items:center;gap:12px;align-self:stretch;border-bottom:1px solid var(--Gray-200,#eaecf0);background:var(--Gray-50,#f9fafb)}.chipLabelContainer{display:inline-block}.statusLabel{display:flex;padding:2px 8px 2px 6px;align-items:center;gap:4px;border-radius:16px;mix-blend-mode:multiply}.statusUnderReview{background-color:#e0f7fa;color:#81aad9}.statusPending{background-color:#f9efd4;color:#b78103}.statusApproved{color:#3dba4c;border-radius:6px;background:#f0fcf3}.statusInactive{background-color:#f8d7da;color:#B42318}.statusDraft{background-color:#e0e0e0;color:#9e9e9e}.paper{width:100%;min-height:541px;border-radius:15px;background-color:#fff!important;padding:10px}.filterSection{padding:24px;gap:68px;border-radius:13px;background:#FFF!important}.filterSection .filterText{color:var(--Foundation-Nyota-Main-Dark,#041d06);font-family:var(--font-outfit);font-size:20px;font-style:normal;font-weight:500;line-height:normal;padding-right:68px}.filterSection .filterGroup{display:flex;align-items:center;gap:5px}.filterSection .filterSelect{display:flex;width:90px;height:30px;padding:var(--Padding-Vertical-Small,4px) var(--Padding-Horizontal-Small,12px);align-items:center;gap:-39px;flex-shrink:0;border-radius:4px}.filterSection .filterGroupTitle{color:#464646;font-family:var(--font-outfit);font-size:12px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-.24px}.recordsCountBox{display:flex;padding:2px 8px;align-items:center;border-radius:16px;border:1px solid var(--Main-Primary-Green-200,#a8daaa);background:var(--Main-Primary-Green-50,#ebf6eb);mix-blend-mode:multiply}.recordCountLabel{color:var(--Main-Primary-Green-700,#267728);text-align:center;font-family:Futura;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.modalCard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:744px;height:auto;border-radius:15px!important;background-color:#fff}.modalCardHeader{align-self:stretch;color:var(--colors-text-text-primary-900,#181d27);font-size:18px;font-style:normal;font-weight:600;line-height:var(--Line-height-text-lg,28px)}.modalCardContent{display:flex;flex-direction:column;gap:32px;height:auto;padding:40px;max-height:90vh;overflow-y:auto}.modalCloseButton{position:absolute;top:16px;right:30px;padding:4px 8px;cursor:pointer;font-family:var(--font-outfit)!important;font-weight:500;font-size:20px;line-height:31.12px}.applicantChartsPaper{border-radius:6px;background:#fff;box-shadow:0 1px 4px 0 rgba(21,34,50,.08)}.applicantChartsTitle{color:var(--Gray-800,var(--Gray-800,#1d2939));font-family:Futura;font-size:14px;font-style:normal;font-weight:400;line-height:20px;align-self:stretch}.legendValue{color:var(--Foundation-Nyota-Main-Dark,#041d06);font-weight:500}.legendName,.legendValue{font-size:14px;font-style:normal;line-height:normal}.legendItem,.legendName{color:var(--safaricom-black-greys-sb-700,#434343);font-weight:400}.legendItem{font-size:14px;font-style:normal;line-height:normal}.applicantChartsContainer{display:flex;align-items:flex-start;gap:4px;flex:1 0}.filterSection{padding:10px 14px;justify-content:center;gap:var(--spacing-xs,4px);border-radius:var(--radius-md,8px);background:var(
    --Component-colors-Components-Buttons-Secondary-button-secondary-bg,#fff
  )}.filterSection,.responseCard{display:flex;align-items:center}.responseCard{width:400px;max-width:400px;flex-direction:column;border-radius:var(--radius-xl,12px);background:var(--Colors-Background-bg-primary,#fff);box-shadow:0 20px 24px -4px var(--Colors-Effects-Shadows-shadow-xl_01,rgba(10,13,18,.08)),0 8px 8px -4px var(--Colors-Effects-Shadows-shadow-xl_02,rgba(10,13,18,.03)),0 3px 3px -1.5px var(--Colors-Effects-Shadows-shadow-xl_03,rgba(10,13,18,.04))}.action-active{color:var(--colors-text-text-brand-primary-main,#35A839)!important;cursor:pointer}.action-active,.action-inactive{font-family:Futura Md BT;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.action-inactive{color:var(--Gray-300,#D0D5DD)!important;cursor:not-allowed}.stats-card{padding:var(--spacing-2xl,20px);align-items:flex-start;gap:var(--spacing-xl,16px);border-radius:var(--radius-xl,12px);border:1px solid var(--Colors-Border-border-secondary,#e9eaeb);box-shadow:0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs,rgba(10,13,18,.05))}.stats-card,.stats-card__icon{display:flex;background:var(--Colors-Background-bg-primary,#FFF)}.stats-card__icon{align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md,8px);border:1px solid var(--Component-colors-Components-Icons-Featured-icons-Modern-featured-icon-modern-border,#e9eaeb);box-shadow:0 0 0 1px var(--Colors-Effects-Shadows-shadow-skeumorphic-inner-border,rgba(10,13,18,.18)) inset,0 -2px 0 0 var(--Colors-Effects-Shadows-shadow-skeumorphic-inner,rgba(10,13,18,.05)) inset,0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs,rgba(10,13,18,.05));flex-shrink:0}.stats-card__text{display:flex;flex-direction:column;align-self:stretch}.stats-card__title{color:var(--colors-text-text-tertiary-600,#535862);font-size:var(--Font-size-text-sm,14px);line-height:var(--Line-height-text-sm,20px);align-self:stretch}.stats-card__title,.stats-card__value{font-style:normal;font-weight:600;margin:0}.stats-card__value{color:var(--colors-text-text-primary-900,#181D27);font-size:var(--Font-size-display-sm,30px);line-height:var(--Line-height-display-sm,38px)}