html, body, #root { margin: 0; padding: 0; height: 100%; }

  @font-face{font-family:'Sofia Pro';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/sofiaPro400.woff2) format('woff2');}@font-face{font-family:'Sofia Pro';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/sofiaPro500.woff2) format('woff2');}@font-face{font-family:'Sofia Pro';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/sofiaPro600.woff2) format('woff2');}@font-face{font-family:'Sofia Pro';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/sofiaPro700.woff2) format('woff2');}
  * { box-sizing: border-box; }
  body { margin: 0; }
  ::-webkit-scrollbar { width: 8px; height: 8px; }
  ::-webkit-scrollbar-thumb { background: #d9d4e8; border-radius: 8px; }
  select, input, textarea, button { font-family: 'Sofia Pro', -apple-system, BlinkMacSystemFont, sans-serif; }
  button { cursor: pointer; }
  .rvBosluk > span { display: flex; align-items: flex-start; justify-content: center; width: 100%; height: 100%;
    padding-top: 5px; font-size: 11.5px; color: transparent; white-space: nowrap; overflow: hidden;
    border-radius: 8px; border: 1px dashed transparent; transition: color .12s, border-color .12s, background .12s; }
  .mkBtn:hover { border-color: #6D71F9; color: #6D71F9; }
  .rvBosluk:hover > span { color: #4F53D6; border-color: #C3C5FA; background: rgba(109,113,249,0.06); }
  @media (max-width: 900px) {
    .mdGrid { grid-template-columns: minmax(0,1fr) !important; }
    .mdGrid .mdSol { position: static !important; }
    .mdIkili { grid-template-columns: minmax(0,1fr) !important; }
  }

@keyframes kirpiYuru { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-3px) rotate(-2deg); } }
        @keyframes kirpiNefes { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.035); } }
        @keyframes kirpiBayilma { 0% { transform: scale(0.85) translateY(-6px); } 55% { transform: scale(1.08) translateY(2px); } 100% { transform: scale(1) translateY(0); } }
        @keyframes kirpiYildizDon { to { transform: rotate(360deg); } }

.modalGizli { display: none !important; }

.modalOverlay { position: fixed; inset: 0px; background: rgba(45, 42, 62, 0.4); display: grid; place-items: center; padding: 20px; z-index: 50; }
.bgR20P28WTam { background: rgb(255, 255, 255); border-radius: 20px; padding: 28px; width: 100%; max-width: 820px; max-height: calc(90vh / var(--kOlcekV, 1)); overflow: auto; }
.gsBaslikRow { display: flex; align-items: center; gap: 24px; margin-bottom: 22px; }
.gsBaslik { font-family: "Sofia Pro", sans-serif; font-size: 26px; font-weight: 700; margin: 0px; letter-spacing: -0.5px; white-space: nowrap; }
.flex1x1 { flex: 1 1 0%; }
.relative { position: relative; }
.seciciBtn { width: 100%; padding: 10px 14px; border: 1.5px solid rgb(230, 231, 242); border-radius: 12px; font-size: 13.5px; background: rgb(255, 255, 255); display: flex; justify-content: space-between; align-items: center; cursor: pointer; text-align: left; font-family: "Sofia Pro", sans-serif; transition: border-color 0.15s, box-shadow 0.15s; }
.renkOvHiddenTextOverflowNowrap { color: rgb(39, 40, 72); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.renkFs11DonusumFlex0x0 { color: rgb(139, 138, 163); font-size: 11px; transform: rotate(0deg); transition: transform 0.15s; flex: 0 0 auto; margin-left: 8px; }
.gsGrid { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 12px; align-items: start; }
.gsAlanTabBarTaLeft { width: 100%; padding: 12px 16px; border: 1px solid rgb(230, 231, 242); border-radius: 12px; font-size: 14px; color: rgb(39, 40, 72); background: rgb(255, 255, 255); outline: none; font-family: "Sofia Pro", sans-serif; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.renkFs11 { color: rgb(139, 138, 163); font-size: 11px; }
.gridColumn1xn1Relative { grid-column: 1 / -1; position: relative; }
.gsAlan { width: 100%; padding: 12px 16px; border: 1px solid rgb(230, 231, 242); border-radius: 12px; font-size: 14px; color: rgb(39, 40, 72); background: rgb(255, 255, 255); outline: none; font-family: "Sofia Pro", sans-serif; }
.gridColumn1xn1 { grid-column: 1 / -1; }
.bosSatir { padding: 16px 4px; color: rgb(181, 177, 196); font-size: 13px; }
.innoOzetDegerRowMt24 { display: flex; justify-content: space-between; gap: 10px; margin-top: 24px; }
.kategoriSec { display: flex; gap: 8px; }
.ghostBtn { padding: 10px 18px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(95, 91, 115); border-radius: 10px; font-size: 13.5px; font-weight: 600; }
.primaryBtn { padding: 10px 18px; border: none; background: rgb(109, 113, 249); color: rgb(255, 255, 255); border-radius: 10px; font-size: 13.5px; font-weight: 600; }
.bgR20P28WTam2 { background: rgb(255, 255, 255); border-radius: 20px; padding: 28px; width: 100%; max-width: 640px; max-height: calc(90vh / var(--kOlcekV, 1)); overflow: auto; }
.modalTitle { font-family: "Sofia Pro", sans-serif; font-size: 20px; font-weight: 600; margin: 0px; }
.fs12p5RenkMb12 { font-size: 12.5px; color: rgb(139, 138, 163); margin-bottom: 12px; }
.ghostBtnMt14 { padding: 10px 18px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(95, 91, 115); border-radius: 10px; font-size: 13.5px; font-weight: 600; margin-top: 14px; }
.modalActions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 24px; }
.gsSegment { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); border: 1px solid rgb(230, 231, 242); border-radius: 999px; overflow: hidden; margin-bottom: 16px; background: rgb(255, 255, 255); }
.gsSegBtn { padding: 12px 10px; border: none; background: rgb(255, 255, 255); color: rgb(139, 138, 163); cursor: pointer; font-size: 14px; font-family: "Sofia Pro", sans-serif; font-weight: 500; border-radius: 999px; }
.gsSegBtnAktifGmAdP12x10KenarsizFontR999 { padding: 12px 10px; border: none; background: rgb(109, 113, 249); color: rgb(255, 255, 255); cursor: pointer; font-size: 14px; font-family: "Sofia Pro", sans-serif; font-weight: 600; border-radius: 999px; }
.gsTablo { border: 1px solid rgb(230, 231, 242); border-radius: 12px; overflow: hidden; background: rgb(255, 255, 255); display: flex; flex-direction: column; align-self: stretch; }
.gsTabloBas { background: rgb(109, 113, 249); color: rgb(255, 255, 255); display: flex; align-items: center; padding: 0px 16px; height: 42px; font-size: 14px; font-weight: 600; }
.gsTabloBasAd { flex: 1 1 0%; display: flex; align-items: center; gap: 8px; min-width: 0px; }
.topluOnizleListe { max-height: 240px; overflow-y: auto; }
.gsSatirBg { display: flex; align-items: center; padding: 0px 16px; height: 48px; border-bottom: 1px solid rgb(241, 241, 247); background: rgb(243, 243, 246); }
.gsKutucukDoluW22H22R7Mr14 { width: 22px; height: 22px; border: 1.5px solid rgb(85, 82, 95); border-radius: 7px; margin-right: 14px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; background: rgb(85, 82, 95); cursor: pointer; color: rgb(255, 255, 255); font-size: 13px; font-weight: 700; line-height: 1; }
.gmAdGsSatirAdSeciliFlex1x1MinW0OvHiddenTextOverflow { flex: 1 1 0%; font-size: 14px; color: rgb(39, 40, 72); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.gsSatir { display: flex; align-items: center; padding: 0px 16px; height: 48px; border-bottom: 1px solid rgb(241, 241, 247); }
.gsKutucuk { width: 22px; height: 22px; border: 1.5px solid rgb(221, 220, 232); border-radius: 7px; margin-right: 14px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); cursor: pointer; color: transparent; font-size: 13px; font-weight: 700; line-height: 1; }
.gsSatirAd { flex: 1 1 0%; font-size: 14px; color: rgb(95, 91, 115); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gsTabloBasHizmet { font-size: 11.5px; font-weight: 400; opacity: 0.85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gsOkBtnPasifKenarsizBgRenkFs11 { border: none; background: transparent; color: rgb(255, 255, 255); cursor: default; font-size: 11px; padding: 2px 5px; border-radius: 5px; line-height: 1; opacity: 0.35; }
.w96TaCenterFlex0x0 { width: 96px; text-align: center; flex: 0 0 auto; }
.w70TaCenterFlex0x0Fs12 { width: 70px; text-align: center; flex: 0 0 auto; font-size: 12px; }
.gsSeansHucre { width: 96px; flex: 0 0 auto; height: 100%; border-left: 1px solid rgb(241, 241, 247); display: flex; align-items: center; justify-content: center; font-size: 14px; color: rgb(95, 91, 115); }
.gsHediyeHucre { width: 70px; flex: 0 0 auto; height: 100%; display: flex; align-items: center; justify-content: center; }
.renk { color: rgb(214, 213, 224); }
.gsVarYokKutu { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px 8px 16px; border: 1px solid rgb(230, 231, 242); border-radius: 12px; background: rgb(255, 255, 255); height: 42px; }
.fs14 { font-size: 14px; }
.gsVarYok { display: flex; border: 1px solid rgb(230, 231, 242); border-radius: 999px; overflow: hidden; }
.gsVarYokBtn { border: none; background: rgb(255, 255, 255); color: rgb(139, 138, 163); padding: 7px 16px; cursor: pointer; font-size: 12px; font-weight: 700; letter-spacing: 0.4px; font-family: "Sofia Pro", sans-serif; border-radius: 999px; }
.miniGunAktifKasaSekilValKenarsizP7x16Ls0p4Font { border: none; background: rgb(109, 113, 249); color: rgb(255, 255, 255); padding: 7px 16px; cursor: pointer; font-size: 12px; font-weight: 700; letter-spacing: 0.4px; font-family: "Sofia Pro", sans-serif; border-radius: 999px; }
.gsUstEtiket { font-size: 11.5px; color: rgb(139, 138, 163); font-weight: 600; margin-bottom: 5px; }
.gridGridColsGap12 { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 12px; }
.tabBarWTamP10x14KenarR12 { width: 100%; padding: 10px 14px; border: 1.5px solid rgb(230, 231, 242); border-radius: 12px; font-size: 13.5px; background: rgb(255, 255, 255); display: flex; justify-content: space-between; align-items: center; cursor: not-allowed; text-align: left; font-family: "Sofia Pro", sans-serif; transition: border-color 0.15s, box-shadow 0.15s; opacity: 0.6; }
.renkOvHiddenTextOverflowNowrap2 { color: rgb(168, 164, 189); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wTamP12x16KenarR12 { width: 100%; padding: 12px 16px; border: 1px solid rgb(230, 231, 242); border-radius: 12px; font-size: 14px; color: rgb(195, 193, 210); background: rgb(251, 251, 253); outline: none; font-family: "Sofia Pro", sans-serif; }
.gridRow2 { grid-row: span 2; }
.gsPlanKutu { border: 1px solid rgb(230, 231, 242); border-radius: 12px; overflow: hidden; background: rgb(255, 255, 255); }
.tabBarGmAdBgRenkP0x16H42 { background: rgb(207, 208, 243); color: rgb(255, 255, 255); padding: 0px 16px; height: 42px; font-size: 14px; font-weight: 600; display: flex; justify-content: space-between; align-items: center; }
.gsPlanGovde { padding: 12px; display: flex; flex-direction: column; gap: 8px; max-height: 260px; overflow-y: auto; }
.gsPlanSatir { display: flex; align-items: center; gap: 8px; }
.gsPlanNo { width: 44px; flex: 0 0 auto; text-align: center; border: 1px solid rgb(230, 231, 242); border-radius: 10px; padding: 10px 0px; color: rgb(169, 167, 189); font-size: 13.5px; }
.wTamP10x12KenarR12 { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 12px; font-size: 14px; color: rgb(195, 193, 210); background: rgb(251, 251, 253); outline: none; font-family: "Sofia Pro", sans-serif; flex: 1 1 0%; }
.w120P10x12KenarR12 { width: 120px; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 12px; font-size: 14px; color: rgb(195, 193, 210); background: rgb(251, 251, 253); outline: none; font-family: "Sofia Pro", sans-serif; }
.gsOtoAlan { width: 100%; padding: 12px 16px; border: 1px solid rgb(230, 231, 242); border-radius: 12px; font-size: 14px; background: rgb(251, 251, 253); display: flex; justify-content: space-between; align-items: center; gap: 10px; height: 42px; }
.gsOtoEtiket { color: rgb(169, 167, 189); white-space: nowrap; }
.gsOtoDeger { font-weight: 700; color: rgb(39, 40, 72); text-align: right; }
.gsIpucuGridColumn1xn1 { grid-column: 1 / -1; font-size: 11.5px; color: rgb(139, 138, 163); margin-top: 6px; line-height: 1.5; }
.primaryBtnOp0p5PeNone { padding: 10px 18px; border: none; background: rgb(109, 113, 249); color: rgb(255, 255, 255); border-radius: 10px; font-size: 13.5px; font-weight: 600; opacity: 0.5; pointer-events: none; }
.bgR20P28WTam3 { background: rgb(255, 255, 255); border-radius: 20px; padding: 28px; width: 100%; max-width: 460px; max-height: calc(90vh / var(--kOlcekV, 1)); overflow: auto; }
.islemGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fieldLabel { display: block; font-size: 12px; font-weight: 600; color: rgb(106, 101, 128); margin-bottom: 6px; }
.input { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); }
.gridColumn { grid-column: auto; }
.bgR20P28WTam4 { background: rgb(255, 255, 255); border-radius: 20px; padding: 28px; width: 100%; max-width: 480px; max-height: calc(90vh / var(--kOlcekV, 1)); overflow: auto; }
.gunModalHeadOzel { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.bgKenarsizFs24Lh1 { background: none; border: none; font-size: 24px; line-height: 1; cursor: pointer; color: rgb(139, 138, 163); }
.ayChipBarGsPlanSatirMb12 { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
.taksitPlanTl { font-size: 13px; color: rgb(139, 138, 163); }
.w130P10x12KenarR10 { width: 130px; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); }
.primKisiAlt { font-size: 12px; color: rgb(139, 138, 163); }
.bgKenarR10P16 { background: rgb(239, 240, 248); border: 1px solid rgb(230, 231, 242); border-radius: 10px; padding: 16px; font-family: "Sofia Pro", -apple-system, BlinkMacSystemFont, sans-serif; font-size: 13.5px; color: rgb(39, 40, 72); line-height: 1.7; white-space: pre-wrap; margin: 0px; max-height: 420px; overflow-y: auto; }
.p10x18KenarsizGradyanRenk { padding: 10px 18px; border: none; background: linear-gradient(135deg, rgb(109, 113, 249), rgb(84, 193, 251)); color: rgb(255, 255, 255); border-radius: 10px; font-size: 13.5px; font-weight: 600; }
.modal { background: rgb(255, 255, 255); border-radius: 20px; padding: 28px; width: 100%; max-width: 560px; max-height: calc(90vh / var(--kOlcekV, 1)); overflow: auto; }
.bgR20P28WTam5 { background: rgb(255, 255, 255); border-radius: 20px; padding: 28px; width: 100%; max-width: 440px; max-height: calc(90vh / var(--kOlcekV, 1)); overflow: auto; }
.bosRaporNot { padding: 14px 18px; background: rgb(230, 240, 251); border-radius: 12px; font-size: 13px; color: rgb(58, 107, 168); border: 1px solid rgb(207, 224, 245); }
.islemGridMt14 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
.bgR20P28WTam6 { background: rgb(255, 255, 255); border-radius: 20px; padding: 28px; width: 100%; max-width: 620px; max-height: calc(90vh / var(--kOlcekV, 1)); overflow: auto; }
.islemGridMb6 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 6px; }
.flexColGap10 { display: flex; flex-direction: column; gap: 10px; }
.ayChipBarAiFlexEndP10x12BgR10 { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; padding: 10px 12px; background: rgb(247, 248, 252); border-radius: 10px; }
.minW100 { min-width: 100px; }
.flex1x1MinW180 { flex: 1 1 0%; min-width: 180px; }
.w90 { width: 90px; }
.w110 { width: 110px; }
.w34H34R8Kenar { width: 34px; height: 34px; border-radius: 8px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(216, 213, 230); cursor: not-allowed; font-size: 15px; font-weight: 700; }
.ghostBtnMt10 { padding: 10px 18px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(95, 91, 115); border-radius: 10px; font-size: 13.5px; font-weight: 600; margin-top: 10px; }
.fixedInset0BgZ9999 { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.45); z-index: 9999; display: flex; align-items: center; justify-content: center; }
.bgR14P28W480 { background: rgb(255, 255, 255); border-radius: 14px; padding: 28px; width: 480px; max-width: calc(94vw / var(--kOlcekV, 1)); box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 40px; }
.m0x0Fs16W700Renk { margin: 0px 0px 20px; font-size: 16px; font-weight: 700; color: rgb(39, 40, 72); }
.gridGap12 { display: grid; gap: 12px; }
.gridGridColsGap10 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.primKisiAltBlokMb4 { font-size: 12px; color: rgb(139, 138, 163); display: block; margin-bottom: 4px; }
.inputH60 { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); height: 60px; resize: vertical; }
.flexGap10Mt20JcFlexEnd { display: flex; gap: 10px; margin-top: 20px; justify-content: flex-end; }
.islemGridMt4 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 4px; }
.muhasebeOzetAlt { font-size: 11.5px; color: rgb(139, 138, 163); margin-top: 4px; }
.mt18KenarUstPt14 { margin-top: 18px; border-top: 1px solid rgb(230, 231, 242); padding-top: 14px; }
.tabBarMb8 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.w700RenkFs14 { font-weight: 700; color: rgb(39, 40, 72); font-size: 14px; }
.mdLejantOgeFs12p5Renk { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: rgb(139, 138, 163); cursor: pointer; }
.fs12p5Renk { font-size: 12.5px; color: rgb(139, 138, 163); }
.bgR20P28WTam7 { background: rgb(255, 255, 255); border-radius: 20px; padding: 28px; width: 100%; max-width: 680px; max-height: calc(90vh / var(--kOlcekV, 1)); overflow: auto; }
.topluAciklama { font-size: 13px; color: rgb(106, 101, 128); line-height: 1.55; margin: 0px 0px 18px; }
.topluHedef { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 16px; }
.topluTextarea { width: 100%; min-height: 140px; padding: 12px 14px; border: 1px solid rgb(230, 231, 242); border-radius: 12px; font-size: 13px; font-family: monospace; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); resize: vertical; line-height: 1.6; }
.karneNot { font-size: 12px; color: rgb(139, 138, 163); font-style: italic; margin-top: 12px; }
.absoluteTop110Left0Z20 { position: absolute; top: 110%; left: 0px; z-index: 20; background: rgb(255, 255, 255); border: 1px solid rgb(230, 231, 242); border-radius: 12px; box-shadow: rgba(39, 40, 72, 0.12) 0px 8px 24px; padding: 12px; min-width: 260px; display: flex; flex-direction: column; gap: 4px; }
.tabBarYetkiModulAdGap10P8x10R8Kenarsiz { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; border: none; background: transparent; color: rgb(39, 40, 72); font-size: 13px; font-weight: 500; cursor: pointer; font-family: "Sofia Pro", -apple-system, BlinkMacSystemFont, sans-serif; text-align: left; }
.sayiRozet { font-size: 12px; font-weight: 700; color: rgb(109, 113, 249); background: rgb(236, 237, 254); padding: 2px 9px; border-radius: 20px; margin-left: 6px; }
.p8x10R8Bg { padding: 8px 10px; border-radius: 8px; background: transparent; }
.yetkiModulAdMb0 { font-size: 13px; font-weight: 500; color: rgb(39, 40, 72); margin-bottom: 0px; }
.kenarUstMt4Pt8 { border-top: 1px solid rgb(230, 231, 242); margin-top: 4px; padding-top: 8px; }
.tabBarDosyaBilgiVGap10P8x10R8Kenarsiz { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; border: none; width: 100%; background: transparent; color: rgb(139, 138, 163); font-size: 13px; font-weight: 600; cursor: pointer; font-family: "Sofia Pro", -apple-system, BlinkMacSystemFont, sans-serif; text-align: left; }
.sidebarUserWTamKenarsizBgR10 { display: flex; align-items: center; gap: 10px; padding: 10px 6px 0px; margin-top: 12px; width: 100%; border: none; background: rgba(255, 255, 255, 0.08); border-radius: 10px; cursor: pointer; text-align: left; }
.sidebarUserAvatar { width: 34px; height: 34px; border-radius: 10px; background: rgb(109, 113, 249); color: rgb(255, 255, 255); display: grid; place-items: center; font-size: 13.5px; font-weight: 600; flex-shrink: 0; }
.takvimTaksitTutarAbsoluteTopn5Rightn5Bg { position: absolute; top: -5px; right: -5px; background: rgb(207, 75, 75); color: rgb(255, 255, 255); border-radius: 9px; min-width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; padding: 0px 4px; border: 2px solid rgb(39, 40, 72); }
.minW0 { min-width: 0px; }
.sidebarUserAd { font-size: 13.5px; font-weight: 500; color: rgb(255, 255, 255); line-height: 1.3; }
.sidebarUserRol { font-size: 11.5px; color: rgba(255, 255, 255, 0.42); margin-top: 2px; }
.absoluteBottom100x8Left0Z50 { position: absolute; bottom: calc(100% + 8px); left: 0px; z-index: 50; background: rgb(255, 255, 255); border: 1px solid rgb(230, 231, 242); border-radius: 12px; box-shadow: rgba(39, 40, 72, 0.14) 0px 10px 30px; min-width: 220px; padding: 6px; }
.p8x12KenarAltMb4 { padding: 8px 12px 10px; border-bottom: 1px solid rgb(230, 231, 242); margin-bottom: 4px; }
.w700Fs13Renk { font-weight: 700; font-size: 13px; color: rgb(39, 40, 72); }
.fs11p5RenkMt1 { font-size: 11.5px; color: rgb(139, 138, 163); margin-top: 1px; }
.tabBarWTamTaLeftP9x12R8 { display: flex; align-items: center; justify-content: space-between; width: 100%; text-align: left; padding: 9px 12px; border-radius: 8px; border: none; background: transparent; font-size: 13px; font-family: "Sofia Pro", sans-serif; color: rgb(39, 40, 72); cursor: pointer; }
.takvimTaksitTutarBgRenkR9MinW17 { background: rgb(207, 75, 75); color: rgb(255, 255, 255); border-radius: 9px; min-width: 17px; height: 17px; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; padding: 0px 4px; }
.kenarUstMt4Pt4 { border-top: 1px solid rgb(230, 231, 242); margin-top: 4px; padding-top: 4px; }
.tabBarWTamTaLeftP9x12R82 { display: flex; align-items: center; justify-content: space-between; width: 100%; text-align: left; padding: 9px 12px; border-radius: 8px; border: none; background: transparent; font-size: 13px; font-family: "Sofia Pro", sans-serif; color: rgb(207, 75, 75); cursor: pointer; }
.app { display: flex; min-height: calc(100vh / var(--kOlcekV, 1)); background: rgb(239, 240, 248); font-family: "Sofia Pro", -apple-system, BlinkMacSystemFont, sans-serif; color: rgb(39, 40, 72); }
.flexAiCenterJcCenterH100 { display: flex; align-items: center; justify-content: center; height: calc(100vh / var(--kOlcekV, 1)); background: rgb(239, 240, 248); }
.takvimRaporSolBgR16P40x36W340 { background: rgb(255, 255, 255); border-radius: 16px; padding: 40px 36px; width: 340px; box-shadow: rgba(39, 40, 72, 0.12) 0px 8px 32px; display: flex; flex-direction: column; gap: 14px; }
.w56H56M0x8 { width: 56px; height: 56px; margin: 0px auto 8px; }
.w56H56FitBlok { width: 56px; height: 56px; object-fit: contain; display: block; }
.taCenterW700Fs18Renk { text-align: center; font-weight: 700; font-size: 18px; color: rgb(39, 40, 72); margin-bottom: 4px; }
.p10x12R8KenarFs14 { padding: 10px 12px; border-radius: 8px; border: 1px solid rgb(216, 214, 230); font-size: 14px; }
.gsSegBtnAktifGmAdKenarsizR8P11x0Op1 { background: rgb(109, 113, 249); color: rgb(255, 255, 255); border: none; border-radius: 8px; padding: 11px 0px; font-size: 14px; font-weight: 600; cursor: pointer; opacity: 1; }
.sidebar { width: 214px; background: rgb(39, 40, 72); border-right: none; padding: 26px 16px 22px; display: flex; flex-direction: column; position: sticky; top: 0px; height: calc(100vh / var(--kOlcekV, 1)); }
.logo { display: flex; align-items: center; gap: 9px; margin-bottom: 30px; padding: 0px 6px; }
.logoMark { width: 28px; height: 28px; display: grid; place-items: center; flex-shrink: 0; }
.w28H28FitBlok { width: 28px; height: 28px; object-fit: contain; display: block; }
.logoText { font-family: "Sofia Pro", sans-serif; font-weight: 600; font-size: 19px; line-height: 1; color: rgb(255, 255, 255); letter-spacing: 0.4px; }
.logoSub { font-size: 10px; color: rgba(255, 255, 255, 0.42); margin-top: 4px; letter-spacing: 1.4px; text-transform: uppercase; }
.menuToggle { position: absolute; top: 30px; right: -12px; width: 24px; height: 24px; border-radius: 50%; border: 1px solid rgb(61, 63, 104); background: rgb(51, 52, 90); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; box-shadow: rgba(20, 20, 40, 0.35) 0px 2px 8px; z-index: 5; }
.nav { display: flex; flex-direction: column; gap: 3px; flex: 1 1 0%; overflow: hidden auto; }
.navLabel { font-size: 10px; font-weight: 700; color: rgba(255, 255, 255, 0.32); letter-spacing: 1.2px; padding: 8px 12px 4px; }
.navItemActiveGmAdFlexAiCenterGap11P11x13 { display: flex; align-items: center; gap: 11px; padding: 11px 13px; border: none; background: linear-gradient(135deg, rgb(109, 113, 249), rgb(84, 193, 251)); border-radius: 11px; font-size: 14px; color: rgb(255, 255, 255); text-align: left; font-weight: 600; box-shadow: rgba(109, 113, 249, 0.32) 0px 6px 16px; }
.navIkonKutu { display: grid; place-items: center; width: 20px; color: inherit; }
.shrink0 { flex-shrink: 0; }
.navItem { display: flex; align-items: center; gap: 11px; padding: 11px 13px; border: none; background: transparent; border-radius: 11px; font-size: 14px; color: rgba(255, 255, 255, 0.74); text-align: left; font-weight: 500; }
.navAlt { display: flex; flex-direction: column; gap: 2px; padding-left: 14px; margin-top: 2px; margin-left: 8px; border-left: 1.5px solid rgba(255, 255, 255, 0.13); }
.navAltItem { display: flex; align-items: center; gap: 9px; padding: 9px 13px; border: none; background: transparent; border-radius: 9px; font-size: 13px; color: rgba(255, 255, 255, 0.56); text-align: left; font-weight: 500; }
.navAltIkon { display: grid; place-items: center; width: 17px; color: inherit; opacity: 0.85; }
.navItemMt6 { display: flex; align-items: center; gap: 11px; padding: 11px 13px; border: none; background: transparent; border-radius: 11px; font-size: 14px; color: rgba(255, 255, 255, 0.74); text-align: left; font-weight: 500; margin-top: 6px; }
.dolulukKart { background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; padding: 14px; margin-top: 14px; }
.dolulukBaslik { font-size: 11.5px; color: rgba(255, 255, 255, 0.5); letter-spacing: 0.3px; }
.dolulukSatir { display: flex; align-items: baseline; gap: 6px; margin-top: 6px; }
.dolulukYuzde { font-size: 24px; font-weight: 600; color: rgb(255, 255, 255); }
.dolulukAdet { font-size: 12px; color: rgb(84, 193, 251); }
.dolulukBarDis { height: 5px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); margin-top: 10px; overflow: hidden; }
.dolulukBarIcW77 { height: 100%; border-radius: 999px; background: linear-gradient(90deg, rgb(109, 113, 249), rgb(84, 193, 251)); width: 77%; }
.sidebarUserWTamKenarsizBgR102 { display: flex; align-items: center; gap: 10px; padding: 10px 6px 0px; margin-top: 12px; width: 100%; border: none; background: transparent; border-radius: 10px; cursor: pointer; text-align: left; }
.main { flex: 1 1 0%; display: flex; flex-direction: column; min-width: 0px; }
.topbar { display: flex; justify-content: space-between; align-items: center; padding: 22px 30px; border-bottom: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); }
.baslikSol { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; min-width: 0px; }
.pageTitle { font-family: "Sofia Pro", sans-serif; font-size: 25px; font-weight: 600; margin: 0px; letter-spacing: -0.3px; color: rgb(39, 40, 72); }
.topRight { display: flex; align-items: center; gap: 12px; }
.subeSecici { display: flex; align-items: center; gap: 7px; background: rgb(236, 237, 254); padding: 7px 12px; border-radius: 10px; }
.subeSeciciLabel { font-size: 12px; color: rgb(109, 113, 249); font-weight: 600; }
.minW130 { min-width: 130px; }
.content { padding: 24px 30px; display: flex; flex-direction: column; gap: 18px; }
.mb18 { margin-bottom: 18px; }
.fs22W700RenkLsn0p3 { font-size: 22px; font-weight: 700; color: rgb(39, 40, 72); letter-spacing: -0.3px; }
.fs13p5RenkMt2 { font-size: 13.5px; color: rgb(139, 138, 163); margin-top: 2px; }
.card { background: rgb(255, 255, 255); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; }
.blokHeadBaKartHeadWrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.dashKartBaslik { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 14px; font-weight: 700; color: rgb(39, 40, 72); margin-bottom: 12px; }
.muhasebeAySecici { display: flex; align-items: center; gap: 4px; background: rgb(247, 245, 252); border: 1px solid rgb(230, 231, 242); border-radius: 9px; padding: 3px; }
.muhasebeAyBtn { width: 30px; height: 32px; border-radius: 7px; border: none; background: rgb(255, 255, 255); color: rgb(109, 113, 249); font-size: 16px; font-weight: 700; cursor: pointer; }
.dosyaBilgiVGsSatirAdSeciliMinW108TaCenterDInlineblock { font-size: 13px; font-weight: 600; color: rgb(39, 40, 72); min-width: 108px; text-align: center; display: inline-block; }
.muhasebeAyBtnOp0p35PeNone { width: 30px; height: 32px; border-radius: 7px; border: none; background: rgb(255, 255, 255); color: rgb(109, 113, 249); font-size: 16px; font-weight: 700; cursor: pointer; opacity: 0.35; pointer-events: none; }
.ovAuto { overflow-x: auto; }
.table { width: 100%; border-collapse: collapse; }
.th { text-align: left; font-size: 11px; font-weight: 700; color: rgb(139, 138, 163); letter-spacing: 0.5px; padding: 0px 12px 11px; text-transform: uppercase; }
.tr { border-top: 1px solid rgb(230, 231, 242); }
.tdMiniTakvimAyOzel { padding: 12px; font-size: 13.5px; color: rgb(70, 67, 90); vertical-align: top; font-weight: 700; }
.td { padding: 12px; font-size: 13.5px; color: rgb(70, 67, 90); vertical-align: top; }
.fs10p5W700Ml6Renk { font-size: 10.5px; font-weight: 700; margin-left: 6px; color: rgb(207, 75, 75); }
.fs10p5W700Ml6Renk2 { font-size: 10.5px; font-weight: 700; margin-left: 6px; color: rgb(47, 158, 107); }
.primKisiAltItalikMt10 { font-size: 12px; color: rgb(139, 138, 163); font-style: italic; margin-top: 10px; }
.kasaToplamGridMt14 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px; }
.fs16W600M0x0 { font-size: 16px; font-weight: 600; margin: 0px 0px 14px; }
.p10x12BgR10Mb10 { cursor: pointer; padding: 10px 12px; background: rgb(247, 248, 252); border-radius: 10px; margin-bottom: 10px; }
.flexAiBaselineJcSpaceBetween { display: flex; align-items: baseline; justify-content: space-between; }
.fs20W800Renk { font-size: 20px; font-weight: 800; color: rgb(201, 138, 46); }
.h6R3BgOvHidden { height: 6px; border-radius: 3px; background: rgb(231, 232, 244); overflow: hidden; margin-top: 6px; }
.w77HTamBg { width: 77%; height: 100%; background: rgb(201, 138, 46); }
.tabBarP8x2 { display: flex; justify-content: space-between; align-items: center; padding: 8px 2px; }
.kasaSekilValTakvimTaksitBekleyenP2x9R20Ml6 { font-size: 12px; font-weight: 700; color: rgb(207, 75, 75); background: rgb(251, 232, 232); padding: 2px 9px; border-radius: 20px; margin-left: 6px; }
.p8x2 { padding: 8px 2px; }
.fs12p5RenkMb4 { font-size: 12.5px; color: rgb(139, 138, 163); margin-bottom: 4px; }
.flexJcSpaceBetweenFs13 { display: flex; justify-content: space-between; font-size: 13px; }
.w600 { font-weight: 600; }
.w700Renk { font-weight: 700; color: rgb(109, 113, 249); }
.fs20W800Renk2 { font-size: 20px; font-weight: 800; color: rgb(47, 158, 107); }
.w0HTamBg { width: 0%; height: 100%; background: rgb(47, 158, 107); }
.fs12RenkW600 { font-size: 12px; color: rgb(47, 158, 107); font-weight: 600; }
.mt14 { margin-top: 14px; }
.cardMt14 { background: rgb(255, 255, 255); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; margin-top: 14px; }
.fs16W600M0x02 { font-size: 16px; font-weight: 600; margin: 0px 0px 12px; }
.dashIstGridAiStart { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; align-items: start; }
.r10KenarBgP10x12 { border-radius: 10px; border: 1px solid rgb(230, 231, 242); background: rgb(251, 251, 254); padding: 10px 12px; }
.istSatirIcMb8 { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; flex-wrap: wrap; }
.miniTakvimAyRenkMinW72 { font-weight: 700; font-size: 13.5px; color: rgb(39, 40, 72); min-width: 72px; }
.gridGap6 { display: grid; gap: 6px; }
.tabBarP7x10R8BgKenar { display: flex; justify-content: space-between; align-items: center; padding: 7px 10px; border-radius: 8px; background: rgb(255, 255, 255); border: 1px solid rgb(230, 231, 242); }
.gsSatirAdSeciliFs12p5 { font-size: 12.5px; font-weight: 600; color: rgb(39, 40, 72); }
.fs12 { font-size: 12px; }
.renk2 { color: rgb(207, 75, 75); }
.istSatirIcMb0 { display: flex; align-items: center; gap: 12px; margin-bottom: 0px; flex-wrap: wrap; }
.fs12p5RenkW600 { font-size: 12.5px; color: rgb(47, 158, 107); font-weight: 600; }
.ghostBtnMt12WTam { padding: 10px 18px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(95, 91, 115); border-radius: 10px; font-size: 13.5px; font-weight: 600; margin-top: 12px; width: 100%; }
.dashIstGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.miniTakvimAyRenkMb8 { font-weight: 700; font-size: 13.5px; color: rgb(39, 40, 72); margin-bottom: 8px; }
.flexJcSpaceBetweenFs12p5 { display: flex; justify-content: space-between; font-size: 12.5px; }
.renkW700 { color: rgb(39, 40, 72); font-weight: 700; }
.renkW500 { color: rgb(95, 91, 115); font-weight: 500; }
.fs11Renk { font-size: 11px; color: rgb(139, 138, 163); }
.fixedRight89p8Bottom22W78 { position: fixed; right: 89.8px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.wTamHTamDonusum { width: 100%; height: 100%; transform: scaleX(1); }
.wTamHTamFitBlok { width: 100%; height: 100%; object-fit: contain; display: block; animation: 0.55s ease-in-out 0s infinite normal none running kirpiYuru; }
.absoluteTopn6Rightn6MinW19 { position: absolute; top: -6px; right: -6px; min-width: 19px; height: 19px; border-radius: 10px; background: rgb(224, 85, 95); color: rgb(255, 255, 255); font-size: 10.5px; font-weight: 700; display: flex; align-items: center; justify-content: center; padding: 0px 5px; box-shadow: rgba(39, 40, 72, 0.3) 0px 2px 6px; border: 1.5px solid rgb(255, 255, 255); }
.navItemAcikGmAdFlexAiCenterGap11P11x13 { display: flex; align-items: center; gap: 11px; padding: 11px 13px; border: none; background: rgba(255, 255, 255, 0.05); border-radius: 11px; font-size: 14px; color: rgb(84, 193, 251); text-align: left; font-weight: 600; }
.fixedRight106p6Bottom22W78 { position: fixed; right: 106.6px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.flexGap16Wrap { display: flex; gap: 16px; flex-wrap: wrap; }
.cardFlex1x1 { background: rgb(255, 255, 255); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; flex: 1 1 380px; }
.ayGrupHead { display: flex; align-items: center; gap: 4px; width: 100%; border: none; background: transparent; padding: 0px; text-align: left; }
.ml0Fs14DInlineblockMr8 { margin-left: 0px; font-size: 14px; transition: transform 0.2s; display: inline-block; margin-right: 8px; transform: rotate(90deg); }
.ayGrupBaslik { font-family: "Sofia Pro", sans-serif; font-size: 17px; font-weight: 600; color: rgb(39, 40, 72); }
.ayGrupAdet { margin-left: auto; font-size: 12.5px; font-weight: 600; color: rgb(109, 113, 249); background: rgb(236, 237, 254); padding: 4px 12px; border-radius: 20px; }
.tabBarInnoOzetDegerRowP9x12R9BgKenar { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 9px; background: rgb(251, 251, 254); border: 1px solid rgb(230, 231, 242); cursor: pointer; }
.dosyaBilgiVGsSatirAdSeciliOzel { font-weight: 600; font-size: 13px; color: rgb(39, 40, 72); }
.fs11p5Renk { font-size: 11.5px; color: rgb(139, 138, 163); }
.taRight { text-align: right; }
.miniTakvimAyRenk { font-weight: 700; font-size: 13.5px; color: rgb(39, 40, 72); }
.fs11RenkW600 { font-size: 11px; color: rgb(201, 138, 46); font-weight: 600; }
.ml0Fs14DInlineblockMr82 { margin-left: 0px; font-size: 14px; transition: transform 0.2s; display: inline-block; margin-right: 8px; transform: rotate(0deg); }
.cardTakvimRaporWrap { background: rgb(255, 255, 255); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.calNavAiBaseline { display: flex; align-items: baseline; gap: 6px; }
.fs15Renk { font-size: 15px; color: rgb(47, 158, 107); }
.fs15Renk2 { font-size: 15px; color: rgb(207, 75, 75); }
.fs15Renk3 { font-size: 15px; color: rgb(39, 40, 72); }
.flex0x1 { flex: 0 1 680px; }
.gridGap8 { display: grid; gap: 8px; }
.relativeH188W188 { position: relative; height: 188px; width: 188px; }
.w168H168BgKenar { width: 168px; height: 168px; background: rgb(253, 243, 214); border: 1px solid rgb(240, 223, 174); border-radius: 5px; padding: 14px 15px; box-shadow: rgba(60, 45, 20, 0.18) 0px 8px 18px; overflow: hidden; display: flex; flex-direction: column; flex: 0 0 auto; position: absolute; top: 0px; left: 0px; z-index: 5; transform: rotate(-4deg); cursor: pointer; transition: top 0.18s, left 0.18s; }
.w800Fs16Lh1p25Renk { font-weight: 800; font-size: 16px; line-height: 1.25; color: rgb(92, 74, 31); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.fs11Lh1p35RenkMt8 { font-size: 11px; line-height: 1.35; color: rgb(138, 117, 80); margin-top: 8px; padding-top: 8px; border-top: 1px solid rgb(240, 223, 174); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.w168H168BgKenar2 { width: 168px; height: 168px; background: rgb(253, 243, 214); border: 1px solid rgb(240, 223, 174); border-radius: 5px; padding: 14px 15px; box-shadow: rgba(60, 45, 20, 0.1) 0px 2px 5px; overflow: hidden; display: flex; flex-direction: column; flex: 0 0 auto; position: absolute; top: 5px; left: 5px; z-index: 4; transform: rotate(-3deg); cursor: default; transition: top 0.18s, left 0.18s; }
.w168H168BgKenar3 { width: 168px; height: 168px; background: rgb(253, 243, 214); border: 1px solid rgb(240, 223, 174); border-radius: 5px; padding: 14px 15px; box-shadow: rgba(60, 45, 20, 0.1) 0px 2px 5px; overflow: hidden; display: flex; flex-direction: column; flex: 0 0 auto; position: absolute; top: 10px; left: 10px; z-index: 3; transform: rotate(-2deg); cursor: default; transition: top 0.18s, left 0.18s; }
.w168H168BgKenar4 { width: 168px; height: 168px; background: rgb(253, 232, 232); border: 1px solid rgb(240, 199, 199); border-radius: 5px; padding: 14px 15px; box-shadow: rgba(60, 45, 20, 0.1) 0px 2px 5px; overflow: hidden; display: flex; flex-direction: column; flex: 0 0 auto; position: absolute; top: 15px; left: 15px; z-index: 2; transform: rotate(-1deg); cursor: default; transition: top 0.18s, left 0.18s; }
.w800Fs16Lh1p25Renk2 { font-weight: 800; font-size: 16px; line-height: 1.25; color: rgb(122, 43, 43); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.fs11Lh1p35RenkMt82 { font-size: 11px; line-height: 1.35; color: rgb(156, 90, 90); margin-top: 8px; padding-top: 8px; border-top: 1px solid rgb(240, 199, 199); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.takvimTaksitTutarAbsoluteBottom8Right10Renk { position: absolute; bottom: 8px; right: 10px; font-size: 10px; font-weight: 700; color: rgb(139, 138, 163); z-index: 6; pointer-events: none; }
.w168H168BgKenar5 { width: 168px; height: 168px; background: rgb(253, 243, 214); border: 1px solid rgb(240, 223, 174); border-radius: 5px; padding: 14px 15px; box-shadow: rgba(60, 45, 20, 0.18) 0px 8px 18px; overflow: hidden; display: flex; flex-direction: column; flex: 0 0 auto; position: absolute; top: 0px; left: 0px; z-index: 3; transform: rotate(-4deg); cursor: pointer; transition: top 0.18s, left 0.18s; }
.w168H168BgKenar6 { width: 168px; height: 168px; background: rgb(253, 232, 232); border: 1px solid rgb(240, 199, 199); border-radius: 5px; padding: 14px 15px; box-shadow: rgba(60, 45, 20, 0.1) 0px 2px 5px; overflow: hidden; display: flex; flex-direction: column; flex: 0 0 auto; position: absolute; top: 5px; left: 5px; z-index: 2; transform: rotate(-3deg); cursor: default; transition: top 0.18s, left 0.18s; }
.w168H168BgKenar7 { width: 168px; height: 168px; background: rgb(253, 243, 214); border: 1px solid rgb(240, 223, 174); border-radius: 5px; padding: 14px 15px; box-shadow: rgba(60, 45, 20, 0.1) 0px 2px 5px; overflow: hidden; display: flex; flex-direction: column; flex: 0 0 auto; position: absolute; top: 10px; left: 10px; z-index: 1; transform: rotate(-2deg); cursor: default; transition: top 0.18s, left 0.18s; }
.takvimTaksitTutarAbsoluteBottom8Right10Renk2 { position: absolute; bottom: 8px; right: 10px; font-size: 10px; font-weight: 700; color: rgb(139, 138, 163); z-index: 4; pointer-events: none; }
.w168H168BgKenar8 { width: 168px; height: 168px; background: rgb(253, 243, 214); border: 1px solid rgb(240, 223, 174); border-radius: 5px; padding: 14px 15px; box-shadow: rgba(60, 45, 20, 0.18) 0px 8px 18px; overflow: hidden; display: flex; flex-direction: column; flex: 0 0 auto; position: absolute; top: 0px; left: 0px; z-index: 2; transform: rotate(-4deg); cursor: pointer; transition: top 0.18s, left 0.18s; }
.w168H168BgKenar9 { width: 168px; height: 168px; background: rgb(253, 243, 214); border: 1px solid rgb(240, 223, 174); border-radius: 5px; padding: 14px 15px; box-shadow: rgba(60, 45, 20, 0.1) 0px 2px 5px; overflow: hidden; display: flex; flex-direction: column; flex: 0 0 auto; position: absolute; top: 5px; left: 5px; z-index: 1; transform: rotate(-3deg); cursor: default; transition: top 0.18s, left 0.18s; }
.takvimTaksitTutarAbsoluteBottom8Right10Renk3 { position: absolute; bottom: 8px; right: 10px; font-size: 10px; font-weight: 700; color: rgb(139, 138, 163); z-index: 3; pointer-events: none; }
.cardFlex1x12 { background: rgb(255, 255, 255); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; flex: 1 1 320px; }
.kategoriSecMb12 { display: flex; gap: 8px; margin-bottom: 12px; }
.inputFlex1x1 { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); flex: 1 1 0%; }
.dashGrafikEtiket { font-size: 12px; font-weight: 600; color: rgb(109, 113, 249); background: rgb(236, 237, 254); padding: 4px 11px; border-radius: 20px; }
.takvimRaporSolMb4 { display: flex; gap: 14px; margin-bottom: 4px; }
.flexAiCenterGap5Fs11p5 { display: flex; align-items: center; gap: 5px; font-size: 11.5px; color: rgb(139, 138, 163); }
.w9H9R2Bg { width: 9px; height: 9px; border-radius: 2px; background: rgb(47, 158, 107); display: inline-block; }
.w9H9R2Bg2 { width: 9px; height: 9px; border-radius: 2px; background: rgb(207, 75, 75); display: inline-block; }
.relativeMaxW760 { position: relative; max-width: 760px; }
.wTamHBlok { width: 100%; height: auto; display: block; }
.navItemAcikGmAdFlexAiCenterGap11P11x132 { display: flex; align-items: center; gap: 11px; padding: 11px 13px; border: none; background: rgba(255, 255, 255, 0.05); border-radius: 11px; font-size: 14px; color: rgb(84, 193, 251); text-align: left; font-weight: 600; margin-top: 6px; }
.fixedRight91p6Bottom22W78 { position: fixed; right: 91.6px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.p24x30 { padding: 24px 30px 0px; }
.tabBar { display: flex; justify-content: space-between; align-items: center; }
.tabs { display: flex; gap: 6px; background: rgb(255, 255, 255); padding: 5px; border-radius: 12px; border: 1px solid rgb(230, 231, 242); }
.tab { padding: 9px 20px; border: none; background: transparent; border-radius: 9px; font-size: 14px; font-weight: 600; color: rgb(139, 138, 163); }
.gsSegBtnAktifGmAdP9x20KenarsizR9 { padding: 9px 20px; border: none; background: rgb(109, 113, 249); border-radius: 9px; font-size: 14px; font-weight: 600; color: rgb(255, 255, 255); }
.gunKutularMb20Wrap { display: flex; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }
.bgR12P14x20MinW120 { background: rgb(238, 240, 254); border-radius: 12px; padding: 14px 20px; min-width: 120px; flex: 1 1 0%; }
.fs24W800Renk { font-size: 24px; font-weight: 800; color: rgb(109, 113, 249); }
.gmMeta { font-size: 12px; color: rgb(139, 138, 163); margin-top: 2px; }
.bgR12P14x20MinW1202 { background: rgb(251, 232, 232); border-radius: 12px; padding: 14px 20px; min-width: 120px; flex: 1 1 0%; }
.fs24W800Renk2 { font-size: 24px; font-weight: 800; color: rgb(207, 75, 75); }
.bgR12P14x20MinW1203 { background: rgb(253, 246, 231); border-radius: 12px; padding: 14px 20px; min-width: 120px; flex: 1 1 0%; }
.fs24W800Renk3 { font-size: 24px; font-weight: 800; color: rgb(201, 138, 46); }
.bgR12P14x20MinW1204 { background: rgb(253, 240, 233); border-radius: 12px; padding: 14px 20px; min-width: 120px; flex: 1 1 0%; }
.fs24W800Renk4 { font-size: 24px; font-weight: 800; color: rgb(224, 106, 58); }
.flexGap10Mb16Wrap { display: flex; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; align-items: center; }
.calNav { display: flex; gap: 6px; }
.seritFiltreAktifP6x14R10Fs12p5 { padding: 6px 14px; border: 1px solid rgb(109, 113, 249); background: rgb(109, 113, 249); color: rgb(255, 255, 255); border-radius: 10px; font-size: 12.5px; font-weight: 600; }
.p6x14KenarBgRenk { padding: 6px 14px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(95, 91, 115); border-radius: 10px; font-size: 12.5px; font-weight: 600; }
.primaryBtnMl { padding: 10px 18px; border: none; background: rgb(109, 113, 249); color: rgb(255, 255, 255); border-radius: 10px; font-size: 13.5px; font-weight: 600; margin-left: auto; }
.taCenterP48x0RenkFs14 { text-align: center; padding: 48px 0px; color: rgb(139, 138, 163); font-size: 14px; }
.navAltItemActiveDosyaBilgiVFlexAiCenterGap9P9x13 { display: flex; align-items: center; gap: 9px; padding: 9px 13px; border: none; background: rgba(255, 255, 255, 0.1); border-radius: 9px; font-size: 13px; color: rgb(255, 255, 255); text-align: left; font-weight: 600; }
.fixedRight22Bottom22W78 { position: fixed; right: 22px; bottom: 22px; width: 78px; height: 72px; cursor: pointer; z-index: 1200; transition: right 1.2s; }
.wTamHTamFitBlok2 { width: 100%; height: 100%; object-fit: contain; display: block; animation: 3.2s ease-in-out 0s infinite normal none running kirpiNefes; }
.absoluteTopn15Right8Fs13 { position: absolute; top: -15px; right: 8px; font-size: 13px; font-weight: 800; color: rgb(109, 113, 249); letter-spacing: 1px; }
.istSatirIcMb14 { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.gunNavMb0Ml { display: flex; align-items: center; justify-content: center; gap: 16px; background: rgb(255, 255, 255); border-radius: 14px; border: 1px solid rgb(230, 231, 242); padding: 12px; margin-bottom: 0px; margin-left: auto; }
.gunNavBtnOp0p4PeNone { width: 38px; height: 38px; border-radius: 10px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); font-size: 18px; color: rgb(109, 113, 249); font-weight: 700; opacity: 0.4; pointer-events: none; }
.minW210 { min-width: 210px; }
.istUstSatir { display: grid; gap: 14px; align-items: stretch; margin-bottom: 14px; grid-template-columns: minmax(0px, 2990fr) minmax(0px, 764fr) minmax(0px, 1544fr) minmax(0px, 1544fr); grid-template-rows: clamp(330px, 20vw / var(--kOlcekV, 1), 430px) auto; }
.cardMb0MinW0HTamFlex { background: rgb(255, 255, 255); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; margin-bottom: 0px; min-width: 0px; height: 100%; display: flex; flex-direction: column; overflow: auto; }
.gunKutularAiBaselineWrap { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.istBolumBaslik { font-size: 15.5px; font-weight: 600; margin: 0px; }
.mt12 { margin-top: 12px; }
.maxW760 { max-width: 760px; }
.istKpiSutun { display: grid; grid-template-rows: repeat(3, minmax(0px, 1fr)); gap: 14px; min-height: 0px; }
.istKpiKart { background: rgb(255, 255, 255); border: 1px solid rgb(230, 231, 242); border-radius: 16px; padding: 14px 18px; display: flex; flex-direction: column; justify-content: center; min-height: 0px; }
.istKpiBuyuk { font-size: 25px; font-weight: 800; letter-spacing: -1px; line-height: 1.1; }
.istKpiEtiket { font-size: 13.5px; font-weight: 600; color: rgb(95, 91, 115); margin-top: 4px; }
.istKpiBuyukRenk { font-size: 25px; font-weight: 800; letter-spacing: -1px; line-height: 1.1; color: rgb(35, 122, 83); }
.istKpiBuyukRenk2 { font-size: 25px; font-weight: 800; letter-spacing: -1px; line-height: 1.1; color: rgb(162, 69, 26); }
.istKpiAltRenk { font-size: 12px; margin-top: 2px; font-weight: 600; color: rgb(162, 69, 26); }
.istSagSutunGridArea1x3 { display: flex; flex-direction: column; gap: 14px; min-height: 0px; min-width: 0px; grid-area: 1 / 3 / 3; }
.cardMb0MinW0Flex0x0H250 { background: rgb(255, 255, 255); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; margin-bottom: 0px; min-width: 0px; flex: 0 0 auto; height: 250px; overflow: auto; }
.blokKutularAiCenterWrap { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
.flex0x0 { flex: 0 0 auto; }
.op1 { cursor: pointer; opacity: 1; transition: opacity 0.15s; }
.flexGap7FlexFlowFlex1x1 { display: flex; gap: 7px; flex-flow: column wrap; flex: 1 1 190px; min-width: 150px; }
.istLejantOgeWTam { display: flex; align-items: center; gap: 7px; font-size: 12.5px; color: rgb(87, 83, 107); width: 100%; cursor: pointer; }
.istLejantNoktaBg { width: 11px; height: 11px; border-radius: 3px; flex-shrink: 0; background: rgb(109, 113, 249); }
.flex1x1OvHiddenTextOverflowNowrap { flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.w42TaRightRenk { width: 42px; text-align: right; color: rgb(39, 40, 72); }
.renkW92TaRight { color: rgb(139, 138, 163); width: 92px; text-align: right; }
.istLejantNoktaBg2 { width: 11px; height: 11px; border-radius: 3px; flex-shrink: 0; background: rgb(235, 104, 52); }
.istLejantNoktaBg3 { width: 11px; height: 11px; border-radius: 3px; flex-shrink: 0; background: rgb(27, 175, 122); }
.istLejantNoktaBg4 { width: 11px; height: 11px; border-radius: 3px; flex-shrink: 0; background: rgb(237, 161, 0); }
.istLejantNoktaBg5 { width: 11px; height: 11px; border-radius: 3px; flex-shrink: 0; background: rgb(232, 123, 164); }
.istLejantNoktaBg6 { width: 11px; height: 11px; border-radius: 3px; flex-shrink: 0; background: rgb(182, 181, 198); }
.bgKenarR16P14x16 { background: rgb(255, 255, 255); border: 1px solid rgb(230, 231, 242); border-radius: 16px; padding: 14px 16px; text-align: left; cursor: pointer; font-family: "Sofia Pro", sans-serif; width: 100%; display: flex; flex-direction: column; min-height: 168px; overflow: hidden; flex: 1 1 0px; }
.istKutuRozet { display: inline-block; background: rgb(239, 240, 248); color: rgb(95, 91, 115); border-radius: 999px; padding: 5px 13px; font-size: 12.5px; font-weight: 700; }
.istKutuSayiRenk { font-size: 22px; font-weight: 800; margin-top: 8px; letter-spacing: -0.5px; color: rgb(109, 113, 249); }
.dosyaBilgiVTaksitPlanTlOzel { font-size: 13px; font-weight: 600; color: rgb(139, 138, 163); }
.istKutuTutar { font-size: 12.5px; color: rgb(95, 91, 115); margin-top: 1px; font-weight: 600; }
.fs11RenkMt { font-size: 11px; color: rgb(139, 138, 163); margin-top: auto; }
.istKutuSayiRenk2 { font-size: 22px; font-weight: 800; margin-top: 8px; letter-spacing: -0.5px; color: rgb(162, 69, 26); }
.istSagSutunGridArea1x4 { display: flex; flex-direction: column; gap: 14px; min-height: 0px; min-width: 0px; grid-area: 1 / 4 / 3; }
.istKirilimSatir { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; color: rgb(139, 138, 163); margin-top: 2px; }
.renk3 { color: rgb(95, 91, 115); }
.gridArea2x1MinW0 { grid-area: 2 / 1 / auto / 3; min-width: 0px; }
.cardMb0HTam { background: rgb(255, 255, 255); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; margin-bottom: 0px; height: 100%; }
.blokKutularAiFlexStartWrap { display: flex; gap: 18px; align-items: flex-start; flex-wrap: wrap; }
.gunModalListeW170Flex0x0 { width: 170px; flex: 0 0 auto; display: flex; flex-direction: column; gap: 8px; }
.seritFiltreAktifDosyaBilgiVP7x14R20WTamTaCenter { padding: 7px 14px; font-size: 13px; font-weight: 600; border-radius: 20px; border: 1px solid rgb(109, 113, 249); background: rgb(109, 113, 249); color: rgb(255, 255, 255); cursor: pointer; width: 100%; text-align: center; }
.istFiltreBtnWTamTaCenter { padding: 7px 14px; font-size: 13px; font-weight: 600; border-radius: 20px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(139, 138, 163); cursor: pointer; width: 100%; text-align: center; }
.mdLejantOgeWrapMb12 { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 12px; }
.primKisiAltMr2 { font-size: 12px; color: rgb(139, 138, 163); margin-right: 2px; }
.seritFiltreAktifR9P6x11Fs12p5 { border: 1px solid rgb(109, 113, 249); background: rgb(109, 113, 249); color: rgb(255, 255, 255); border-radius: 9px; padding: 6px 11px; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.seritFiltreOzel { border: 1px solid rgb(227, 228, 240); background: rgb(255, 255, 255); color: rgb(118, 121, 149); border-radius: 9px; padding: 6px 11px; font-size: 12.5px; font-weight: 500; cursor: pointer; }
.flex1x1MinW0 { flex: 1 1 0%; min-width: 0px; }
.yetkiGrid { display: flex; flex-direction: column; gap: 2px; }
.istSiraSatirOzel { display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 10px; cursor: pointer; }
.w20Shrink0TaRightFs11p5 { width: 20px; flex-shrink: 0; text-align: right; font-size: 11.5px; font-weight: 700; color: rgb(109, 113, 249); }
.istSiraAd { width: 150px; flex-shrink: 1; min-width: 78px; font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.istSiraTrack { display: block; flex: 1 1 40px; min-width: 34px; height: 14px; background: rgb(241, 241, 248); border-radius: 7px; overflow: hidden; }
.istSiraFillWTam { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 100%; }
.istSiraDeger { width: 108px; flex-shrink: 1; min-width: 84px; text-align: right; font-size: 13px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.istSiraPay { width: 44px; flex-shrink: 1; min-width: 32px; text-align: right; font-size: 11.5px; font-weight: 600; color: rgb(139, 138, 163); }
.istSiraFillW72p6 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 72.6%; }
.istSiraFillW47p8 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 47.8%; }
.istSiraNo { width: 20px; flex-shrink: 0; text-align: right; font-size: 11.5px; font-weight: 700; color: rgb(139, 138, 163); }
.istSiraFillW29p4 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 29.4%; }
.istSiraFillW29 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 29%; }
.istSiraFillW21p1 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 21.1%; }
.istSiraFillW20p1 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 20.1%; }
.istSiraFillW18p9 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 18.9%; }
.istSiraFillW4p1 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 4.1%; }
.istSiraFillW3p9 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 3.9%; }
.istSiraFillW3p6 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 3.6%; }
.istSiraFillW3 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 3%; }
.istSiraFillW2p8 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 2.8%; }
.istSiraFillW1p9 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 1.9%; }
.istSiraFillW1 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 1%; }
.istSiraFillW0p9 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 0.9%; }
.istSiraFillW0p8 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 0.8%; }
.istSiraFillW0p5 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 0.5%; }
.istSiraFillW0p2 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 0.2%; }
.istSiraFillW17p5 { display: block; height: 14px; border-radius: 7px; background: rgb(109, 113, 249); min-width: 3px; transition: width 0.35s; width: 17.5%; }
.istBolum { margin-bottom: 16px; }
.istDetayBaslik { display: flex; align-items: center; gap: 10px; padding: 14px 16px; background: rgb(247, 248, 252); border: 1px solid rgb(230, 231, 242); border-radius: 14px; font-size: 14px; font-weight: 700; color: rgb(39, 40, 72); cursor: pointer; }
.mlRenkFs12p5W600 { margin-left: auto; color: rgb(139, 138, 163); font-size: 12.5px; font-weight: 600; }
.primKisiAltMt18Lh1p5 { font-size: 12px; color: rgb(139, 138, 163); margin-top: 18px; line-height: 1.5; }
.tabBarInnoOzetDegerRowWrapMb6 { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 6px; }
.cardTitle { font-size: 16px; font-weight: 600; margin: 0px; }
.calNavWrap { display: flex; gap: 6px; flex-wrap: wrap; }
.seritFiltreAktifR9P6x11Fs12p52 { border: 1px solid rgb(109, 113, 249); background: rgb(109, 113, 249); color: rgb(255, 255, 255); border-radius: 9px; padding: 6px 11px; font-size: 12.5px; font-weight: 600; }
.seritFiltre { border: 1px solid rgb(227, 228, 240); background: rgb(255, 255, 255); color: rgb(118, 121, 149); border-radius: 9px; padding: 6px 11px; font-size: 12.5px; font-weight: 500; }
.karneNotMb14 { font-size: 12px; color: rgb(139, 138, 163); font-style: italic; margin-top: 12px; margin-bottom: 14px; }
.pencereNot { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 11px; background: rgb(233, 245, 253); border: 1px solid rgb(207, 230, 247); color: rgb(29, 88, 119); font-size: 12.5px; margin-bottom: 12px; }
.flexAiCenterGap10P7x0 { display: flex; align-items: center; gap: 10px; padding: 7px 0px 8px; border-bottom: 1px solid rgb(230, 231, 242); margin-bottom: 4px; }
.rvMetrikEtW132Flex0x0W700OvHidden { width: 132px; flex: 0 0 auto; font-size: 11.5px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(139, 138, 163); }
.flex1x1RenkFs11p5W700 { flex: 1 1 0%; color: rgb(139, 138, 163); font-size: 11.5px; font-weight: 700; }
.w128Flex0x0TaRightFs11p5 { width: 128px; flex: 0 0 auto; text-align: right; font-size: 11.5px; color: rgb(139, 138, 163); font-weight: 700; }
.kiyasSubeBaslik { display: flex; align-items: baseline; gap: 8px; font-size: 13px; font-weight: 700; color: rgb(39, 40, 72); margin-top: 16px; margin-bottom: 4px; padding-bottom: 6px; border-bottom: 2px solid rgba(109, 113, 249, 0.133); }
.hoverLblMlFs11p5 { margin-left: auto; font-weight: 500; color: rgb(139, 138, 163); font-size: 11.5px; }
.kiyasSatir { display: flex; align-items: center; gap: 10px; padding: 7px 0px; }
.kiyasAd { width: 132px; flex: 0 0 auto; font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kiyasBarDis { flex: 1 1 0%; height: 20px; border-radius: 6px; background: rgb(239, 240, 248); overflow: hidden; display: flex; }
.w0Bg { width: 0%; background: rgb(109, 113, 249); transition: width 0.3s; }
.w0Bg2 { width: 0%; background: rgb(201, 203, 239); transition: width 0.3s; }
.kiyasSag { width: 128px; flex: 0 0 auto; text-align: right; font-size: 12px; color: rgb(139, 138, 163); }
.renkFs13 { color: rgb(201, 200, 214); font-size: 13px; }
.fs11p5 { font-size: 11.5px; }
.fixedRight197p2Bottom22W78 { position: fixed; right: 197.2px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.gunNavRelative { display: flex; align-items: center; justify-content: center; gap: 16px; background: rgb(255, 255, 255); border-radius: 14px; border: 1px solid rgb(230, 231, 242); padding: 12px; position: relative; }
.gunNavBtn { width: 38px; height: 38px; border-radius: 10px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); font-size: 18px; color: rgb(109, 113, 249); font-weight: 700; }
.gunNavTarih { border: none; background: transparent; font-family: "Sofia Pro", sans-serif; font-size: 19px; font-weight: 600; color: rgb(39, 40, 72); padding: 4px 8px; }
.dosyaBilgiVMl14P8x16R10Kenarsiz { margin-left: 14px; padding: 8px 16px; border-radius: 10px; border: none; cursor: pointer; background: linear-gradient(135deg, rgb(109, 113, 249), rgb(84, 193, 251)); color: rgb(255, 255, 255); font-weight: 600; font-size: 13px; font-family: "Sofia Pro", -apple-system, BlinkMacSystemFont, sans-serif; display: inline-flex; align-items: center; gap: 6px; }
.dosyaBilgiVGsSatirAdSeciliMl8P8x16R10Kenar { margin-left: 8px; padding: 8px 16px; border-radius: 10px; cursor: pointer; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(39, 40, 72); font-weight: 600; font-size: 13px; font-family: "Sofia Pro", -apple-system, BlinkMacSystemFont, sans-serif; display: inline-flex; align-items: center; gap: 6px; }
.kasaBaslikTakvimTaksitTahsilOzel { display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 700; padding: 10px 16px; border-radius: 11px; margin-bottom: 12px; background: rgb(228, 245, 237); color: rgb(47, 158, 107); }
.kenarsizBgRenkP4x12 { border: none; background: rgba(255, 255, 255, 0.6); color: rgb(47, 158, 107); padding: 4px 12px; border-radius: 8px; font-size: 12px; font-weight: 600; }
.kasaTabloKutu { height: 360px; overflow: hidden auto; margin-bottom: 12px; }
.ovAuto2 { overflow-x: auto; cursor: grab; }
.kasaTheadSticky { position: sticky; top: 0px; z-index: 1; background: rgb(255, 255, 255); }
.tdW600 { padding: 12px; font-size: 13.5px; color: rgb(70, 67, 90); vertical-align: top; font-weight: 600; }
.otomatikRozet { font-size: 9.5px; font-weight: 700; color: rgb(47, 158, 107); background: rgb(228, 245, 237); padding: 1px 6px; border-radius: 8px; margin-left: 6px; }
.tdNowrap { padding: 12px; font-size: 13.5px; color: rgb(70, 67, 90); vertical-align: top; white-space: nowrap; }
.kasaSatirBtn { border: none; background: transparent; color: rgb(139, 138, 163); width: 22px; height: 22px; border-radius: 6px; font-size: 12px; cursor: pointer; margin-left: 2px; }
.kasaSekilBarBg { display: flex; border-radius: 0px 0px 12px 12px; overflow: hidden; margin-top: -4px; background: rgb(47, 158, 107); }
.kasaSekilHucre { flex: 1 1 0%; padding: 8px 6px; text-align: center; color: rgb(255, 255, 255); border-left: 1px solid rgba(255, 255, 255, 0.2); display: flex; flex-direction: column; gap: 2px; }
.kasaSekilLbl { font-size: 10px; opacity: 0.85; font-weight: 600; }
.kasaSekilVal { font-size: 12px; font-weight: 700; }
.kasaBaslikTakvimTaksitBekleyenOzel { display: flex; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 700; padding: 10px 16px; border-radius: 11px; margin-bottom: 12px; background: rgb(251, 232, 232); color: rgb(207, 75, 75); }
.kasaEkleBtn { border: none; background: rgba(255, 255, 255, 0.6); color: rgb(207, 75, 75); padding: 4px 12px; border-radius: 8px; font-size: 12px; font-weight: 600; }
.innoDurumChip { font-size: 11.5px; font-weight: 600; padding: 4px 11px; border-radius: 20px; background: rgb(239, 240, 248); color: rgb(106, 101, 128); white-space: nowrap; }
.kasaSekilBarBg2 { display: flex; border-radius: 0px 0px 12px 12px; overflow: hidden; margin-top: -4px; background: rgb(207, 75, 75); }
.gunModalHeadMt10 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; margin-top: 10px; }
.minW200 { min-width: 200px; }
.kasaGrafikLegend { display: flex; gap: 14px; margin-bottom: 14px; }
.legendItem { display: flex; align-items: center; gap: 5px; font-size: 11.5px; color: rgb(106, 101, 128); font-weight: 500; }
.legendDotBg { width: 10px; height: 10px; border-radius: 3px; background: rgb(47, 158, 107); }
.legendDotBg2 { width: 10px; height: 10px; border-radius: 3px; background: rgb(207, 75, 75); }
.kasaBarChart { display: flex; gap: 2px; align-items: flex-end; height: 160px; overflow-x: auto; padding-top: 10px; }
.kasaBarCol { display: flex; flex-direction: column; align-items: center; gap: 5px; min-width: 22px; flex: 1 1 0%; }
.kasaBarPair { display: flex; gap: 1px; align-items: flex-end; height: 130px; width: 100%; justify-content: center; }
.kasaBarH33p9036Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 33.9036%; background: rgb(47, 158, 107); }
.kasaBarH0p0383618Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 0.0383618%; background: rgb(207, 75, 75); }
.kasaBarLabel { font-size: 9px; color: rgb(169, 164, 186); }
.kasaBarH95p8009Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 95.8009%; background: rgb(47, 158, 107); }
.kasaBarH4p10783Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 4.10783%; background: rgb(207, 75, 75); }
.kasaBarH37p6361Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 37.6361%; background: rgb(47, 158, 107); }
.kasaBarH0Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 0%; background: rgb(207, 75, 75); }
.kasaBarH64p7486Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 64.7486%; background: rgb(47, 158, 107); }
.kasaBarH55p4692Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 55.4692%; background: rgb(47, 158, 107); }
.kasaBarH1p14567Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 1.14567%; background: rgb(207, 75, 75); }
.kasaBarH85p7439Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 85.7439%; background: rgb(47, 158, 107); }
.kasaBarH2p0985Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 2.0985%; background: rgb(207, 75, 75); }
.kasaBarH85p1737Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 85.1737%; background: rgb(47, 158, 107); }
.kasaBarHTamBg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 100%; background: rgb(47, 158, 107); }
.kasaBarH11p5972Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 11.5972%; background: rgb(207, 75, 75); }
.kasaBarH41p4723Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 41.4723%; background: rgb(47, 158, 107); }
.kasaBarH18p1441Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 18.1441%; background: rgb(47, 158, 107); }
.kasaBarH12p9601Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 12.9601%; background: rgb(47, 158, 107); }
.kasaBarH33p6962Bg { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 33.6962%; background: rgb(47, 158, 107); }
.kasaBarH0Bg2 { width: 6px; border-radius: 3px 3px 0px 0px; min-height: 2px; transition: height 0.3s; height: 0%; background: rgb(47, 158, 107); }
.kasaToplamGridMt16 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 16px; }
.bgR18P22Kenar { background: rgb(228, 245, 237); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; }
.istLbl { font-size: 13px; color: rgb(106, 101, 128); font-weight: 600; }
.istValRenk { font-family: "Sofia Pro", sans-serif; font-size: 24px; font-weight: 600; margin-top: 6px; color: rgb(47, 158, 107); }
.bgR18P22Kenar2 { background: rgb(251, 232, 232); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; }
.istValRenk2 { font-family: "Sofia Pro", sans-serif; font-size: 24px; font-weight: 600; margin-top: 6px; color: rgb(207, 75, 75); }
.bgR18P22Kenar3 { background: rgb(236, 237, 254); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; }
.istValRenk3 { font-family: "Sofia Pro", sans-serif; font-size: 24px; font-weight: 600; margin-top: 6px; color: rgb(109, 113, 249); }
.fixedRight227p8Bottom22W78 { position: fixed; right: 227.8px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.istFiltreBar { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.seritFiltreAktifDosyaBilgiVP7x14R20 { padding: 7px 14px; font-size: 13px; font-weight: 600; border-radius: 20px; border: 1px solid rgb(109, 113, 249); background: rgb(109, 113, 249); color: rgb(255, 255, 255); cursor: pointer; }
.istFiltreBtn { padding: 7px 14px; font-size: 13px; font-weight: 600; border-radius: 20px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(139, 138, 163); cursor: pointer; }
.istOzetRowOzel { display: grid; gap: 12px; margin-bottom: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 165px), 1fr)); }
.istOzetKart { position: relative; background: rgb(255, 255, 255); border: 1px solid rgb(230, 231, 242); border-radius: 16px; padding: 15px 17px; overflow: hidden; }
.istSpark { position: absolute; right: 13px; top: 13px; opacity: 0.9; }
.istOzetDeger { font-family: "Sofia Pro", sans-serif; font-size: 27px; font-weight: 600; line-height: 1.05; letter-spacing: -0.5px; }
.istOzetLbl { font-size: 12.5px; font-weight: 600; color: rgb(106, 101, 128); margin-top: 5px; }
.istOzetDegerRenk { font-family: "Sofia Pro", sans-serif; font-size: 27px; font-weight: 600; line-height: 1.05; letter-spacing: -0.5px; color: rgb(35, 122, 83); }
.istOzetDegerRenk2 { font-family: "Sofia Pro", sans-serif; font-size: 27px; font-weight: 600; line-height: 1.05; letter-spacing: -0.5px; color: rgb(165, 59, 59); }
.istOzetDegerRenk3 { font-family: "Sofia Pro", sans-serif; font-size: 27px; font-weight: 600; line-height: 1.05; letter-spacing: -0.5px; color: rgb(107, 79, 187); }
.cardMb16 { background: rgb(255, 255, 255); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; margin-bottom: 16px; }
.istBolumNot { font-size: 12px; color: rgb(139, 138, 163); margin-top: 4px; line-height: 1.5; }
.borderCollapseBorderSpacing2WTam { border-collapse: separate; border-spacing: 2px; width: 100%; }
.w82 { width: 82px; }
.fs10p5W700RenkP2x0 { font-size: 10.5px; font-weight: 700; color: rgb(139, 138, 163); padding: 2px 0px; }
.fs11p5W600RenkPr6 { font-size: 11.5px; font-weight: 600; color: rgb(87, 83, 107); padding-right: 6px; white-space: nowrap; }
.istIsiHucreBgRenk { height: 26px; border-radius: 5px; text-align: center; font-size: 10.5px; font-weight: 700; line-height: 26px; background: rgb(163, 166, 236); color: rgb(43, 45, 94); }
.istIsiHucreBgRenk2 { height: 26px; border-radius: 5px; text-align: center; font-size: 10.5px; font-weight: 700; line-height: 26px; background: rgb(130, 133, 249); color: rgb(255, 255, 255); }
.istIsiHucreBgRenk3 { height: 26px; border-radius: 5px; text-align: center; font-size: 10.5px; font-weight: 700; line-height: 26px; background: rgb(90, 94, 232); color: rgb(255, 255, 255); }
.istIsiHucreBgRenk4 { height: 26px; border-radius: 5px; text-align: center; font-size: 10.5px; font-weight: 700; line-height: 26px; background: rgb(59, 62, 175); color: rgb(255, 255, 255); }
.istIsiOlcek { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: rgb(139, 138, 163); margin-top: 12px; flex-wrap: wrap; }
.w22H12R3Bg { width: 22px; height: 12px; border-radius: 3px; background: rgb(241, 241, 248); }
.w22H12R3Bg2 { width: 22px; height: 12px; border-radius: 3px; background: rgb(163, 166, 236); }
.w22H12R3Bg3 { width: 22px; height: 12px; border-radius: 3px; background: rgb(130, 133, 249); }
.w22H12R3Bg4 { width: 22px; height: 12px; border-radius: 3px; background: rgb(90, 94, 232); }
.w22H12R3Bg5 { width: 22px; height: 12px; border-radius: 3px; background: rgb(59, 62, 175); }
.fixedRight164p2Bottom22W78 { position: fixed; right: 164.2px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.dosyaBilgiVMl8P8x16R10Kenar { margin-left: 8px; padding: 8px 16px; border-radius: 10px; cursor: pointer; border: 1px solid rgb(109, 113, 249); background: rgb(236, 237, 254); color: rgb(109, 113, 249); font-weight: 600; font-size: 13px; font-family: "Sofia Pro", -apple-system, BlinkMacSystemFont, sans-serif; display: inline-flex; align-items: center; gap: 6px; }
.flexGap10AiFlexEndWrap { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; background: rgb(255, 255, 255); border: 1px solid rgb(230, 231, 242); border-radius: 12px; padding: 14px 16px; margin-bottom: 16px; }
.minW200Flex1x1 { min-width: 200px; flex: 1 1 0%; }
.minW140 { min-width: 140px; }
.w38H38R9Kenar { width: 38px; height: 38px; border-radius: 9px; border: 1px solid rgb(230, 231, 242); background: rgb(247, 248, 252); cursor: pointer; font-size: 15px; color: rgb(139, 138, 163); font-weight: 700; }
.fs16W600M0x03 { font-size: 16px; font-weight: 600; margin: 0px 0px 6px; }
.gridGap10 { display: grid; gap: 10px; }
.ayChipBarMt12 { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.inputFlex1x1MinW200 { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); flex: 1 1 0%; min-width: 200px; }
.w100P10x12KenarR10 { width: 100px; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); }
.gunModalHeadInnoOzetDegerRowWrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; flex-wrap: wrap; gap: 10px; }
.w200P10x12KenarR10 { width: 200px; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); }
.katalogEkleBtn { padding: 0px 16px; height: 40px; border-radius: 9px; border: none; background: rgb(109, 113, 249); color: rgb(255, 255, 255); font-size: 13.5px; font-weight: 600; }
.hizmetBlok { border: 1px solid rgb(230, 231, 242); border-radius: 12px; padding: 14px 16px; background: rgb(251, 250, 255); }
.tabBarInnoOzetDegerRowWTamWrapBgKenarsiz { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 10px; flex-wrap: wrap; background: none; border: none; cursor: pointer; padding: 0px; font-family: "Sofia Pro", -apple-system, BlinkMacSystemFont, sans-serif; text-align: left; }
.gmAdGsSatirAdSeciliInlineFlexAiCenterGap7 { font-weight: 600; font-size: 14px; color: rgb(39, 40, 72); display: inline-flex; align-items: center; gap: 7px; }
.navChevronMr0Donusum { margin-left: auto; font-size: 14px; transition: transform 0.2s; display: inline-block; margin-right: 0px; transform: rotate(0deg); }
.legendDotBgDInlineblockShrink0 { width: 10px; height: 10px; border-radius: 3px; background: rgb(109, 113, 249); display: inline-block; flex-shrink: 0; }
.ayChipBarMb12 { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.bolgeChip { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; padding: 6px 8px 6px 12px; border-radius: 9px; background: rgb(239, 234, 249); color: rgb(90, 79, 134); }
.flexColGap1Mr2 { display: flex; flex-direction: column; gap: 1px; margin-right: 2px; }
.bolgeChipSiraBtnVisibility { border: none; background: transparent; color: rgb(155, 143, 196); font-size: 8px; line-height: 1; padding: 0px; cursor: pointer; visibility: hidden; }
.bolgeChipSiraBtn { border: none; background: transparent; color: rgb(155, 143, 196); font-size: 8px; line-height: 1; padding: 0px; cursor: pointer; }
.stil { cursor: text; }
.flexAiCenterGap4Ml8 { display: flex; align-items: center; gap: 4px; margin-left: 8px; font-size: 11px; color: rgb(139, 138, 163); cursor: pointer; }
.bolgeChipSil { border: none; background: transparent; color: rgb(155, 143, 196); font-size: 15px; line-height: 1; padding: 0px 2px; }
.inputH36Flex1x1MaxW240 { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); height: 36px; flex: 1 1 0%; max-width: 240px; }
.bolgeEkleBtn { padding: 0px 16px; height: 36px; border-radius: 9px; border: none; background: rgb(109, 113, 249); color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; }
.fixedRight91Bottom22W78 { position: fixed; right: 91px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.gunModalHead { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.takvimRaporSol { display: flex; gap: 14px; }
.legendDotBg3 { width: 10px; height: 10px; border-radius: 3px; background: rgb(58, 123, 208); }
.tableMinW700 { width: 100%; border-collapse: collapse; min-width: 700px; }
.taCenterFs11W700Renk { text-align: center; font-size: 11px; font-weight: 700; color: rgb(139, 138, 163); letter-spacing: 0.5px; padding: 0px 12px 11px; text-transform: uppercase; }
.w400Fs10p5Renk { font-weight: 400; font-size: 10.5px; color: rgb(139, 138, 163); }
.p6Fs13p5RenkVerticalAlign { padding: 6px; font-size: 13.5px; color: rgb(70, 67, 90); vertical-align: top; text-align: center; }
.mesaiHucreBgRenk { width: 100%; min-width: 72px; padding: 8px 4px; border: none; border-radius: 8px; font-size: 11.5px; font-weight: 600; background: rgb(247, 248, 252); color: rgb(189, 185, 204); cursor: pointer; }
.gunNav { display: flex; align-items: center; justify-content: center; gap: 16px; background: rgb(255, 255, 255); border-radius: 14px; border: 1px solid rgb(230, 231, 242); padding: 12px; }
.tabsShrink0 { display: flex; gap: 6px; background: rgb(255, 255, 255); padding: 5px; border-radius: 12px; border: 1px solid rgb(230, 231, 242); flex-shrink: 0; }
.gsSegBtnAktifGmAdP9x20KenarsizR9Nowrap { padding: 9px 20px; border: none; background: rgb(109, 113, 249); border-radius: 9px; font-size: 14px; font-weight: 600; color: rgb(255, 255, 255); white-space: nowrap; cursor: pointer; font-family: inherit; }
.tabNowrapFont { padding: 9px 20px; border: none; background: transparent; border-radius: 9px; font-size: 14px; font-weight: 600; color: rgb(139, 138, 163); white-space: nowrap; cursor: pointer; font-family: inherit; }
.fixedRight103p6Bottom22W78 { position: fixed; right: 103.6px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.blokHead { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.geriBtn { align-self: flex-start; background: rgb(255, 255, 255); border: 1px solid rgb(230, 231, 242); color: rgb(109, 113, 249); padding: 9px 16px; border-radius: 10px; font-size: 13.5px; font-weight: 600; }
.p10x18KenarBgRenk { padding: 10px 18px; border: 1px solid rgb(243, 210, 210); background: rgb(255, 255, 255); color: rgb(207, 75, 75); border-radius: 10px; font-size: 13.5px; font-weight: 600; }
.musteriDuzen { display: grid; grid-template-columns: 400px minmax(0px, 1fr); gap: 18px; align-items: start; }
.musteriSol { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 12px; }
.mkKart { background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(233, 234, 244); padding: 22px; }
.innoOzetDegerRowAiFlexStart { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.mdAd { font-size: 28px; font-weight: 800; line-height: 1.08; min-width: 0px; overflow: hidden; }
.p10x18KenarBgRenk2 { padding: 10px 18px; border: 1px solid rgb(213, 214, 251); background: rgb(255, 255, 255); color: rgb(109, 113, 249); border-radius: 10px; font-size: 13.5px; font-weight: 600; }
.flexGap7Mt14Mb4 { display: flex; gap: 7px; margin-top: 14px; margin-bottom: 4px; flex-wrap: wrap; }
.mkPilBgRenk { font-size: 11.5px; padding: 4px 10px; border-radius: 999px; font-weight: 500; white-space: nowrap; background: rgb(233, 247, 240); color: rgb(47, 130, 88); }
.flexColGap10Mt16 { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }
.mdBilgiRow { display: flex; align-items: center; gap: 12px; background: rgb(238, 239, 254); border-radius: 12px; padding: 6px; }
.mdBilgiLbl { background: rgb(109, 113, 249); color: rgb(255, 255, 255); border-radius: 9px; padding: 9px 16px; font-size: 13px; font-weight: 600; flex: 0 0 auto; white-space: nowrap; }
.mdBilgiVal { margin-left: auto; font-size: 14.5px; font-weight: 700; color: rgb(109, 113, 249); text-align: right; padding-right: 12px; min-width: 0px; overflow: hidden; text-overflow: ellipsis; }
.inputMinH80 { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); min-height: 80px; resize: vertical; }
.ghostBtnMt12 { padding: 10px 18px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(95, 91, 115); border-radius: 10px; font-size: 13.5px; font-weight: 600; margin-top: 12px; }
.sozlesmeYukleAlan { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 30px 20px; border: 2px dashed rgb(230, 231, 242); border-radius: 14px; cursor: pointer; text-align: center; }
.fs26 { font-size: 26px; }
.dosyaBilgiVRenk { font-size: 13px; font-weight: 600; color: rgb(109, 113, 249); }
.gizli { display: none; }
.musteriSag { display: flex; flex-direction: column; gap: 18px; min-width: 0px; }
.tabBarOzel { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.w26H26R8Bg { width: 26px; height: 26px; border-radius: 8px; background: rgb(239, 240, 248); display: grid; place-items: center; font-size: 14px; }
.mdPkHead { display: flex; align-items: center; gap: 12px; background: rgb(109, 113, 249); color: rgb(255, 255, 255); border-radius: 13px; padding: 14px 18px; cursor: pointer; margin-bottom: 4px; }
.fs17W800Flex1x1MinW0 { font-size: 17px; font-weight: 800; flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; }
.mdPkKalan { background: rgba(255, 255, 255, 0.2); border-radius: 999px; padding: 4px 12px; font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.kenarsizBgRenkW26 { border: none; background: rgba(255, 255, 255, 0.2); color: rgb(255, 255, 255); width: 26px; height: 26px; border-radius: 7px; cursor: pointer; font-size: 13px; }
.renkFs14 { color: rgb(255, 255, 255); font-size: 14px; }
.mdPkGovde { border-top: none; border-right: 1px solid rgb(230, 231, 242); border-bottom: 1px solid rgb(230, 231, 242); border-left: 1px solid rgb(230, 231, 242); border-image: initial; border-radius: 0px 0px 14px 14px; padding: 10px 14px 14px; }
.mdBolgeRow { display: flex; align-items: center; gap: 12px; padding: 9px 6px; border-top: 1px solid rgb(242, 243, 250); }
.mdBolgeAd { color: rgb(109, 113, 249); font-weight: 700; font-size: 15px; min-width: 110px; flex: 0 0 auto; }
.ayChipBar { display: flex; gap: 8px; flex-wrap: wrap; }
.mdCipBosR999P7x15Fs12p5W700 { border-radius: 999px; padding: 7px 15px; font-size: 12.5px; font-weight: 700; cursor: pointer; border: 1.5px solid rgb(217, 219, 236); white-space: nowrap; user-select: none; background: rgb(255, 255, 255); color: rgb(185, 187, 208); }
.mdPkTutar { margin-top: 10px; border: 1px solid rgb(230, 231, 242); border-radius: 12px; padding: 14px 18px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.renkW800Fs15 { color: rgb(109, 113, 249); font-weight: 800; font-size: 15px; }
.fs22W800 { font-size: 22px; font-weight: 800; }
.mdLejantKutu { color: rgb(139, 138, 163); font-size: 12px; line-height: 1.6; margin-top: 6px; padding: 14px 16px; background: rgb(247, 248, 252); border-radius: 12px; }
.mb6 { margin-bottom: 6px; }
.mdLejantOge { display: flex; align-items: center; gap: 6px; }
.mdLejantKupBgKenar { width: 14px; height: 14px; border-radius: 5px; display: inline-block; flex: 0 0 auto; background: rgb(237, 237, 254); border: 1.5px solid rgb(109, 113, 249); }
.mdLejantKupBgKenar2 { width: 14px; height: 14px; border-radius: 5px; display: inline-block; flex: 0 0 auto; background: rgb(253, 230, 230); border: 1.5px solid rgb(242, 109, 109); }
.mdLejantKupBgKenar3 { width: 14px; height: 14px; border-radius: 5px; display: inline-block; flex: 0 0 auto; background: rgb(242, 243, 249); border: 1.5px solid rgb(221, 222, 234); }
.mdLejantKupBgKenar4 { width: 14px; height: 14px; border-radius: 5px; display: inline-block; flex: 0 0 auto; background: rgb(255, 255, 255); border: 1.5px solid rgb(217, 219, 236); }
.mdIkili { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 16px; }
.fixedRight194p8Bottom22W78 { position: fixed; right: 194.8px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.gunNavMb14 { display: flex; align-items: center; justify-content: center; gap: 16px; background: rgb(255, 255, 255); border-radius: 14px; border: 1px solid rgb(230, 231, 242); padding: 12px; margin-bottom: 14px; }
.kasaToplamGrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.takvimHaftaBaslik { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin-bottom: 6px; }
.takvimGunAd { text-align: center; font-size: 12px; font-weight: 600; color: rgb(139, 138, 163); padding: 4px 0px; }
.takvimGrid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.takvimHucre { min-height: 90px; border-radius: 10px; border: 1px solid rgb(230, 231, 242); padding: 5px; background: rgb(255, 255, 255); display: flex; flex-direction: column; gap: 4px; }
.takvimGunNo { font-size: 12px; font-weight: 700; color: rgb(39, 40, 72); align-self: flex-end; }
.takvimTaksitListe { display: flex; flex-direction: column; gap: 3px; overflow-y: auto; max-height: 120px; }
.takvimTaksitBekleyenOzel { display: flex; flex-direction: column; align-items: flex-start; border: none; border-radius: 6px; padding: 3px 6px; cursor: pointer; text-align: left; width: 100%; background: rgb(251, 232, 232); color: rgb(207, 75, 75); }
.takvimTaksitAd { font-size: 10px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.takvimTaksitTutar { font-size: 10px; font-weight: 700; }
.minH90R10KenarP5 { min-height: 90px; border-radius: 10px; border: 1px solid rgb(109, 113, 249); padding: 5px; background: rgb(255, 255, 255); display: flex; flex-direction: column; gap: 4px; box-shadow: rgb(109, 113, 249) 0px 0px 0px 1px; }
.fixedRight97Bottom22W78 { position: fixed; right: 97px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.aramaKutu { display: flex; align-items: center; gap: 10px; background: rgb(255, 255, 255); border: 1px solid rgb(230, 231, 242); border-radius: 12px; padding: 11px 16px; }
.aramaIkon { font-size: 18px; color: rgb(139, 138, 163); }
.aramaInput { flex: 1 1 0%; border: none; outline: none; font-size: 14px; color: rgb(39, 40, 72); background: transparent; }
.tabBarInnoOzetDegerRowWrapRelative { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; position: relative; }
.tabsWrap { display: flex; gap: 6px; background: rgb(255, 255, 255); padding: 5px; border-radius: 12px; border: 1px solid rgb(230, 231, 242); flex-wrap: wrap; }
.gsSegBtnAktifDosyaBilgiVP8x14KenarsizR9 { padding: 8px 14px; border: none; background: rgb(109, 113, 249); border-radius: 9px; font-size: 13px; font-weight: 600; color: rgb(255, 255, 255); }
.kasaSekilValRenkBgP2x9R20 { font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.25); padding: 2px 9px; border-radius: 20px; margin-left: 6px; }
.dosyaBilgiVTaksitPlanTlP8x14KenarsizBgR9 { padding: 8px 14px; border: none; background: transparent; border-radius: 9px; font-size: 13px; font-weight: 600; color: rgb(139, 138, 163); }
.dosyaBilgiVTaksitPlanTlP8x14KenarBgR9 { padding: 8px 14px; border: 1px solid rgb(230, 231, 242); background: transparent; border-radius: 9px; font-size: 13px; font-weight: 600; color: rgb(139, 138, 163); }
.minW150 { min-width: 150px; }
.ovAutoMaxW100WTamMt12 { overflow: auto; max-width: 100%; width: 100%; margin-top: 12px; max-height: 462px; cursor: grab; }
.tableTableLayoutMinW1180 { width: 100%; border-collapse: collapse; table-layout: fixed; min-width: 1180px; }
.w7 { width: 7%; }
.w16 { width: 16%; }
.w11 { width: 11%; }
.w9 { width: 9%; }
.w14 { width: 14%; }
.w10 { width: 10%; }
.w6 { width: 6%; }
.taCenterFs11W700Renk2 { text-align: center; font-size: 11px; font-weight: 700; color: rgb(111, 109, 132); letter-spacing: 0.5px; padding: 14px 6px 15px; text-transform: uppercase; background: rgb(249, 249, 251); border-right: 1px solid rgb(242, 242, 246); position: sticky; top: 0px; z-index: 2; }
.taCenterFs11W700Renk3 { text-align: center; font-size: 11px; font-weight: 700; color: rgb(111, 109, 132); letter-spacing: 0.5px; padding: 14px 6px 15px; text-transform: uppercase; background: rgb(249, 249, 251); border-right: none; position: sticky; top: 0px; z-index: 2; }
.stil2 { cursor: pointer; }
.miniTakvimAyTaCenterP15x6RenkVerticalAlign { text-align: center; padding: 15px 6px; font-size: 13.5px; color: rgb(109, 113, 249); vertical-align: middle; border-right: 1px solid rgb(244, 244, 248); border-top: 1px solid rgb(244, 244, 248); font-weight: 700; }
.miniTakvimAyTaCenterP15x6RenkVerticalAlign2 { text-align: center; padding: 15px 6px; font-size: 13.5px; color: rgb(39, 40, 72); vertical-align: middle; border-right: 1px solid rgb(244, 244, 248); border-top: 1px solid rgb(244, 244, 248); font-weight: 700; }
.taCenterP15x6Fs13p5Renk { text-align: center; padding: 15px 6px; font-size: 13.5px; color: rgb(70, 67, 90); vertical-align: middle; border-right: 1px solid rgb(244, 244, 248); border-top: 1px solid rgb(244, 244, 248); }
.miniTakvimAyTaCenterP15x6RenkVerticalAlign3 { text-align: center; padding: 15px 6px; font-size: 13.5px; color: rgb(47, 158, 107); vertical-align: middle; border-right: 1px solid rgb(244, 244, 248); border-top: 1px solid rgb(244, 244, 248); font-weight: 700; }
.sonrakiRandevuChip { font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 6px; background: rgb(228, 245, 237); color: rgb(47, 158, 107); white-space: nowrap; }
.taCenterP15x6Fs13p5Renk2 { text-align: center; padding: 15px 6px; font-size: 13.5px; color: rgb(70, 67, 90); vertical-align: middle; border-right: none; border-top: 1px solid rgb(244, 244, 248); }
.kasaSekilValBgKenarRenkR8 { background: none; border: 1px solid rgb(243, 210, 210); color: rgb(207, 75, 75); border-radius: 8px; padding: 3px 9px; font-size: 12px; font-weight: 700; cursor: pointer; font-family: inherit; }
.renk4 { color: rgb(139, 138, 163); }
.miniTakvimAyTaCenterP15x6RenkVerticalAlign4 { text-align: center; padding: 15px 6px; font-size: 13.5px; color: rgb(207, 75, 75); vertical-align: middle; border-right: 1px solid rgb(244, 244, 248); border-top: 1px solid rgb(244, 244, 248); font-weight: 700; }
.renkFs12 { color: rgb(201, 200, 214); font-size: 12px; }
.takvimTaksitTahsilFs11W600P2x8R6 { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 6px; background: rgb(228, 245, 237); color: rgb(47, 158, 107); }
.miniEtiketBtn { padding: 3px 10px; font-size: 11px; font-weight: 600; border-radius: 7px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(39, 40, 72); cursor: pointer; }
.takvimTaksitBekleyenFs11W600P2x8R6 { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 6px; background: rgb(251, 232, 232); color: rgb(207, 75, 75); }
.flexWrapGap10Mb16 { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; align-items: center; }
.tabBarW145P10x12KenarR10 { width: 145px; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); text-align: left; cursor: pointer; font-family: inherit; display: flex; justify-content: space-between; align-items: center; }
.renkFs12p5 { color: rgb(139, 138, 163); font-size: 12.5px; }
.minW170 { min-width: 170px; }
.minW190 { min-width: 190px; }
.inputFlex1x1MinW160 { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); flex: 1 1 0%; min-width: 160px; }
.bosSatirOzel { font-size: 13px; color: rgb(181, 177, 196); padding: 16px 4px; }
.baListe { display: flex; flex-direction: column; gap: 16px; }
.yetkiSatir { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 4px; border-bottom: 1px solid rgb(230, 231, 242); }
.yetkiModulAd { font-size: 13px; color: rgb(39, 40, 72); font-weight: 500; }
.ayChipBarMb16 { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
.rvPresetBtnAktifP7x14R20FontFs13 { padding: 7px 14px; border-radius: 20px; border: 1px solid rgb(109, 113, 249); background: rgb(109, 113, 249); color: rgb(255, 255, 255); font-family: "Sofia Pro", -apple-system, BlinkMacSystemFont, sans-serif; font-size: 13px; font-weight: 500; cursor: pointer; }
.yetkiModulAdP7x14R20KenarBg { padding: 7px 14px; border-radius: 20px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(39, 40, 72); font-family: "Sofia Pro", -apple-system, BlinkMacSystemFont, sans-serif; font-size: 13px; font-weight: 500; cursor: pointer; }
.personelGrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.cardOzel { background: rgb(255, 255, 255); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; cursor: pointer; }
.primKisiHead { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.primAvatar { width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(135deg, rgb(109, 113, 249), rgb(157, 160, 251)); color: rgb(255, 255, 255); display: grid; place-items: center; font-weight: 700; font-size: 16px; }
.primKisiAd { font-size: 15px; font-weight: 600; }
.takvimTaksitTahsilFs11W600P3x9R12 { font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 12px; background: rgb(228, 245, 237); color: rgb(47, 158, 107); white-space: nowrap; }
.personelOzet { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.primSatir { display: flex; justify-content: space-between; font-size: 13px; color: rgb(95, 91, 115); }
.renk5 { color: rgb(47, 158, 107); }
.renk6 { color: rgb(201, 138, 46); }
.tabBarGsPlanSatirOzel { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.personelKarneLink { margin-top: 14px; padding-top: 12px; border-top: 1px solid rgb(230, 231, 242); font-size: 13px; font-weight: 600; color: rgb(109, 113, 249); text-align: right; }
.p5x11R8KenarBg { padding: 5px 11px; border-radius: 8px; border: 1px solid rgb(243, 210, 210); background: rgb(255, 255, 255); color: rgb(207, 75, 75); font-family: "Sofia Pro", -apple-system, BlinkMacSystemFont, sans-serif; font-size: 12px; font-weight: 500; cursor: pointer; }
.grafikNot { font-size: 12px; color: rgb(139, 138, 163); margin-bottom: 18px; }
.primGrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.gunModalListe { display: flex; flex-direction: column; gap: 8px; }
.primSatirKenarUstPt8 { display: flex; justify-content: space-between; font-size: 13px; color: rgb(95, 91, 115); border-top: 1px solid rgb(230, 231, 242); padding-top: 8px; }
.w700 { font-weight: 700; }
.renkFs16 { color: rgb(207, 75, 75); font-size: 16px; }
.primaryBtnWTamMt12 { padding: 10px 18px; border: none; background: rgb(109, 113, 249); color: rgb(255, 255, 255); border-radius: 10px; font-size: 13.5px; font-weight: 600; width: 100%; margin-top: 12px; }
.cardMt16 { background: rgb(255, 255, 255); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; margin-top: 16px; }
.blokHeadBaKartHeadWrap2 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; flex-wrap: wrap; gap: 10px; }
.flexAiCenterGap10Wrap { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.flexGap4BgR10 { display: flex; gap: 4px; background: rgb(239, 240, 248); border-radius: 10px; padding: 3px; }
.dosyaBilgiVP6x14KenarsizR8Font { padding: 6px 14px; border: none; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; font-family: inherit; background: rgb(255, 255, 255); color: rgb(109, 113, 249); box-shadow: rgba(39, 40, 72, 0.12) 0px 1px 3px; }
.dosyaBilgiVTaksitPlanTlP6x14KenarsizR8Font { padding: 6px 14px; border: none; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; font-family: inherit; background: transparent; color: rgb(139, 138, 163); box-shadow: none; }
.flexAiBaselineJcSpaceBetweenGap4 { display: flex; align-items: baseline; justify-content: space-between; gap: 4px; }
.fs11W700Renk { font-size: 11px; font-weight: 700; color: rgb(39, 40, 72); }
.flexColAiFlexStartKenar { display: flex; flex-direction: column; align-items: flex-start; border: 1px solid rgba(109, 113, 249, 0.333); border-radius: 6px; padding: 3px 6px; cursor: pointer; text-align: left; width: 100%; background: rgba(109, 113, 249, 0.1); }
.takvimTaksitAdRenk { font-size: 10px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; color: rgb(109, 113, 249); }
.takvimTaksitTutarRenk { font-size: 10px; font-weight: 700; color: rgb(109, 113, 249); }
.renkLegendMt12Fs12p5Renk { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 12px; font-size: 12.5px; color: rgb(139, 138, 163); }
.inlineFlexAiCenterGap6 { display: inline-flex; align-items: center; gap: 6px; }
.legendDotBg4 { width: 10px; height: 10px; border-radius: 3px; background: rgb(109, 113, 249); }
.legendDotBg5 { width: 10px; height: 10px; border-radius: 3px; background: rgb(201, 138, 46); }
.ml { margin-left: auto; }
.cardFlex0x1 { background: rgb(255, 255, 255); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; flex: 0 1 680px; }
.gridGap8Mt14 { display: grid; gap: 8px; margin-top: 14px; }
.r10BgKenarRenk { border-radius: 10px; background: rgb(234, 250, 241); border: 1px solid rgb(201, 232, 213); color: rgb(31, 157, 85); padding: 11px 14px; font-size: 13px; }
.fixedRight103Bottom22W78 { position: fixed; right: 103px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.gsPlanSatirOzel { display: flex; gap: 8px; align-items: center; }
.p7x12KenarBgRenk { padding: 7px 12px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(95, 91, 115); border-radius: 10px; font-size: 12.5px; font-weight: 600; }
.gsSegBtnAktifP8x14KenarsizR10Fs12p5 { padding: 8px 14px; border: none; background: rgb(109, 113, 249); color: rgb(255, 255, 255); border-radius: 10px; font-size: 12.5px; font-weight: 600; }
.inlineFlexAiCenterGap10Ml10 { display: inline-flex; align-items: center; gap: 10px; margin-left: 10px; vertical-align: middle; }
.inlineFlexAiCenterGap4Fs11p5 { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; color: rgb(139, 138, 163); }
.w9H9R2Bg3 { width: 9px; height: 9px; border-radius: 2px; background: rgb(109, 113, 249); display: inline-block; }
.w9H9R2Bg4 { width: 9px; height: 9px; border-radius: 2px; background: rgb(84, 193, 251); display: inline-block; }
.gsPlanSatirP8x10R10KenarBg { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 10px; border: 1px solid rgb(207, 233, 219); background: rgb(255, 255, 255); font-size: 12px; }
.w9H9R999Flex0x0 { width: 9px; height: 9px; border-radius: 999px; flex: 0 0 auto; background: rgb(47, 163, 107); }
.renkFs11p5 { color: rgb(139, 138, 163); font-size: 11.5px; }
.mlFs11p5RenkFlex0x0 { margin-left: auto; font-size: 11.5px; color: rgb(139, 138, 163); flex: 0 0 auto; }
.tableMinW5240 { width: 100%; border-collapse: collapse; min-width: 5240px; }
.p12Fs13p5RenkVerticalAlign { padding: 12px; font-size: 13.5px; color: rgb(139, 138, 163); vertical-align: top; font-weight: 600; width: 70px; }
.tdOzel { padding: 12px; font-size: 13.5px; color: rgb(70, 67, 90); vertical-align: top; cursor: pointer; }
.renkFs122 { color: rgb(227, 224, 238); font-size: 12px; }
.r8P5x8Fs12Mb0 { border-radius: 8px; padding: 5px 8px; font-size: 12px; margin-bottom: 0px; background: rgb(247, 244, 253); border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(236, 234, 243) rgb(236, 234, 243) rgb(236, 234, 243) rgb(109, 113, 249); border-image: initial; cursor: pointer; opacity: 1; }
.renkFs10p5 { color: rgb(139, 138, 163); font-size: 10.5px; }
.r8P5x8Fs12Mb4 { border-radius: 8px; padding: 5px 8px; font-size: 12px; margin-bottom: 4px; background: rgb(247, 244, 253); border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(236, 234, 243) rgb(236, 234, 243) rgb(236, 234, 243) rgb(109, 113, 249); border-image: initial; cursor: pointer; opacity: 1; }
.fixedRight232p6Bottom22W78 { position: fixed; right: 232.6px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.tableMinW1080 { width: 100%; border-collapse: collapse; min-width: 1080px; }
.trClickRandevuBosSatirOzel { border-top: 1px solid rgb(230, 231, 242); background: rgb(252, 251, 254); cursor: pointer; }
.p12Fs13p5RenkVerticalAlign2 { padding: 12px; font-size: 13.5px; color: rgb(139, 138, 163); vertical-align: top; font-weight: 600; }
.renkFs12p52 { color: rgb(205, 201, 218); font-size: 12.5px; }
.tdW600KenarSol { padding: 12px; font-size: 13.5px; color: rgb(70, 67, 90); vertical-align: top; font-weight: 600; border-left: 3px solid rgb(109, 113, 249); }
.randevuIsim { cursor: pointer; border-bottom: 1px dotted rgb(109, 113, 249); color: rgb(109, 113, 249); }
.ml6KenarsizBgFs13 { margin-left: 6px; border: none; background: transparent; cursor: pointer; font-size: 13px; vertical-align: middle; opacity: 0.7; }
.minW130DInlineblock { min-width: 130px; display: inline-block; }
.ml6KenarBgRenk { margin-left: 6px; border: 1px solid rgb(201, 232, 213); background: rgb(234, 250, 241); color: rgb(31, 157, 85); border-radius: 8px; padding: 4px 8px; font-size: 11.5px; font-weight: 700; cursor: pointer; font-family: inherit; }
.gridGridColsGap8MinW1080 { display: grid; grid-template-columns: repeat(7, minmax(150px, 1fr)); gap: 8px; min-width: 1080px; }
.r12KenarBgFlex { border-radius: 12px; border: 1px solid rgb(185, 168, 230); background: rgb(247, 244, 253); display: flex; flex-direction: column; min-height: 220px; }
.kenarUstKenarSagKenarAltKenarSol { border-top: none; border-right: none; border-bottom: 1px solid rgb(236, 234, 243); border-left: none; border-image: initial; background: transparent; padding: 8px 10px; cursor: pointer; text-align: left; font-family: inherit; }
.kasaSekilValRenk { font-size: 12px; font-weight: 700; color: rgb(107, 79, 187); }
.p6FlexColGap5 { padding: 6px; display: flex; flex-direction: column; gap: 5px; }
.r8P5x7Fs11p5Bg { border-radius: 8px; padding: 5px 7px; font-size: 11.5px; cursor: pointer; background: rgb(255, 255, 255); border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(236, 234, 243) rgb(236, 234, 243) rgb(236, 234, 243) rgb(109, 113, 249); border-image: initial; opacity: 1; }
.r12KenarBgFlex2 { border-radius: 12px; border: 1px solid rgb(236, 234, 243); background: rgb(251, 250, 253); display: flex; flex-direction: column; min-height: 220px; }
.kasaSekilValRenk2 { font-size: 12px; font-weight: 700; color: rgb(91, 86, 107); }
.fixedRight215p8Bottom22W78 { position: fixed; right: 215.8px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.takvimRaporSolColMinW0 { display: flex; flex-direction: column; gap: 14px; min-width: 0px; }
.serideKart { background: rgb(255, 255, 255); border-radius: 12px; border: 1px solid rgb(233, 234, 244); overflow: hidden; min-width: 0px; }
.flexAiCenterGap10P14x18 { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid rgb(237, 238, 246); flex-wrap: wrap; }
.m0FlexAiCenterGap10 { margin: 0px auto; display: flex; align-items: center; gap: 10px; }
.mdLejantOgeWrap { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.op0p65Ml5 { opacity: 0.65; margin-left: 5px; }
.flexGap10P12x16OvAuto { display: flex; gap: 10px; padding: 12px 16px 4px; overflow: auto; max-height: 560px; cursor: grab; }
.w48Flex0x0Pt34 { width: 48px; flex: 0 0 auto; padding-top: 34px; }
.blokMiniLabelH52Lh13 { height: 52px; font-size: 11px; color: rgb(139, 138, 163); font-weight: 600; line-height: 13px; }
.h52Fs11RenkW400 { height: 52px; font-size: 11px; color: rgb(195, 194, 210); font-weight: 400; line-height: 13px; }
.flex1x1MinW760GridGridCols { flex: 1 1 0%; min-width: 760px; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px; }
.gsPlanSatirH34Pl4 { height: 34px; display: flex; align-items: center; gap: 8px; padding-left: 4px; }
.w8H8R3Bg { width: 8px; height: 8px; border-radius: 3px; background: rgb(109, 113, 249); flex: 0 0 auto; }
.fs13p5W500Nowrap { font-size: 13.5px; font-weight: 500; white-space: nowrap; }
.fs11p5RenkMl { font-size: 11.5px; color: rgb(154, 156, 180); margin-left: auto; }
.seritOdaH1456 { position: relative; border-radius: 10px; background-color: rgb(252, 252, 254); border: 1px solid rgb(240, 241, 248); background-image: repeating-linear-gradient(transparent 0px, transparent 51px, rgb(243, 244, 250) 51px, rgb(243, 244, 250) 52px), repeating-linear-gradient(transparent 0px, transparent 103px, rgb(231, 233, 244) 103px, rgb(231, 233, 244) 104px); height: 1456px; }
.absoluteLeft3Right3Top2 { position: absolute; left: 3px; right: 3px; top: 2px; height: 1452px; border-radius: 8px; cursor: pointer; }
.w8H8R3Bg2 { width: 8px; height: 8px; border-radius: 3px; background: rgb(84, 193, 251); flex: 0 0 auto; }
.w8H8R3Bg3 { width: 8px; height: 8px; border-radius: 3px; background: rgb(142, 123, 246); flex: 0 0 auto; }
.w8H8R3Bg4 { width: 8px; height: 8px; border-radius: 3px; background: rgb(198, 200, 216); flex: 0 0 auto; }
.absoluteLeft3Right3Top22 { position: absolute; left: 3px; right: 3px; top: 2px; height: 152px; border-radius: 8px; cursor: pointer; }
.absoluteLeft3Right3Top808 { position: absolute; left: 3px; right: 3px; top: 808px; height: 22px; border-radius: 8px; cursor: pointer; }
.absoluteLeft3Right3Top1406 { position: absolute; left: 3px; right: 3px; top: 1406px; height: 48px; border-radius: 8px; cursor: pointer; }
.absoluteLeft66p6667x3W33p3333x6Top159 { position: absolute; left: calc(66.6667% + 3px); width: calc(33.3333% - 6px); top: 159px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.rvKisaBas { flex: 0 0 auto; font-size: 12.5px; font-weight: 500; line-height: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.flexAiCenterGap5Lh14 { display: flex; align-items: center; gap: 5px; line-height: 14px; }
.rvKucukMetin { font-size: 11px; opacity: 0.8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mlFlexGap3Flex0x0 { margin-left: auto; display: flex; gap: 3px; flex: 0 0 auto; }
.rvNoktaBg { width: 7px; height: 7px; border-radius: 999px; flex: 0 0 auto; display: inline-block; background: rgb(198, 200, 216); }
.absoluteLeft33p3333x3W33p3333x6Top159 { position: absolute; left: calc(33.3333% + 3px); width: calc(33.3333% - 6px); top: 159px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W33p3333x6Top159 { position: absolute; left: calc(0% + 3px); width: calc(33.3333% - 6px); top: 159px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft50x3W50x6Top211 { position: absolute; left: calc(50% + 3px); width: calc(50% - 6px); top: 211px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W50x6Top211 { position: absolute; left: calc(0% + 3px); width: calc(50% - 6px); top: 211px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W100x6Top263 { position: absolute; left: calc(0% + 3px); width: calc(100% - 6px); top: 263px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft66p6667x3W33p3333x6Top315 { position: absolute; left: calc(66.6667% + 3px); width: calc(33.3333% - 6px); top: 315px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft33p3333x3W33p3333x6Top315 { position: absolute; left: calc(33.3333% + 3px); width: calc(33.3333% - 6px); top: 315px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W33p3333x6Top315 { position: absolute; left: calc(0% + 3px); width: calc(33.3333% - 6px); top: 315px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W20x6Top367 { position: absolute; left: calc(0% + 3px); width: calc(20% - 6px); top: 367px; height: 72px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 6px 9px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.mdLejantOgeLh16 { display: flex; align-items: center; gap: 6px; line-height: 16px; }
.fs11p5W500Op0p72Nowrap { font-size: 11.5px; font-weight: 500; opacity: 0.72; white-space: nowrap; }
.mlFlexGap3 { margin-left: auto; display: flex; gap: 3px; }
.rvAd { flex: 0 0 auto; font-size: 13px; font-weight: 500; line-height: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.absoluteLeft40x3W20x6Top419 { position: absolute; left: calc(40% + 3px); width: calc(20% - 6px); top: 419px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft20x3W20x6Top419 { position: absolute; left: calc(20% + 3px); width: calc(20% - 6px); top: 419px; height: 72px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 6px 9px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft60x3W20x6Top471 { position: absolute; left: calc(60% + 3px); width: calc(20% - 6px); top: 471px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft40x3W20x6Top471 { position: absolute; left: calc(40% + 3px); width: calc(20% - 6px); top: 471px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W20x6Top471 { position: absolute; left: calc(0% + 3px); width: calc(20% - 6px); top: 471px; height: 98px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 6px 9px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.flexAiCenterGap5Mt3 { display: flex; align-items: center; gap: 5px; margin-top: 3px; line-height: 16px; }
.rvEstRozetBgRenk { font-size: 9.5px; font-weight: 600; letter-spacing: 0.3px; padding: 2px 5px; border-radius: 6px; flex: 0 0 auto; background: rgba(255, 255, 255, 0.75); color: rgb(51, 53, 122); }
.fs11Op0p72NowrapOvHidden { font-size: 11px; opacity: 0.72; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.absoluteLeft80x3W20x6Top523 { position: absolute; left: calc(80% + 3px); width: calc(20% - 6px); top: 523px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft60x3W20x6Top523 { position: absolute; left: calc(60% + 3px); width: calc(20% - 6px); top: 523px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft20x3W20x6Top523 { position: absolute; left: calc(20% + 3px); width: calc(20% - 6px); top: 523px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft40x3W20x6Top523 { position: absolute; left: calc(40% + 3px); width: calc(20% - 6px); top: 523px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft25x3W25x6Top575 { position: absolute; left: calc(25% + 3px); width: calc(25% - 6px); top: 575px; height: 72px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 6px 9px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W25x6Top575 { position: absolute; left: calc(0% + 3px); width: calc(25% - 6px); top: 575px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft75x3W25x6Top627 { position: absolute; left: calc(75% + 3px); width: calc(25% - 6px); top: 627px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft50x3W25x6Top627 { position: absolute; left: calc(50% + 3px); width: calc(25% - 6px); top: 627px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W25x6Top627 { position: absolute; left: calc(0% + 3px); width: calc(25% - 6px); top: 627px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W100x6Top679 { position: absolute; left: calc(0% + 3px); width: calc(100% - 6px); top: 679px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft75x3W25x6Top731 { position: absolute; left: calc(75% + 3px); width: calc(25% - 6px); top: 731px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft25x3W25x6Top731 { position: absolute; left: calc(25% + 3px); width: calc(25% - 6px); top: 731px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W25x6Top731 { position: absolute; left: calc(0% + 3px); width: calc(25% - 6px); top: 731px; height: 72px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 6px 9px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft50x3W25x6Top731 { position: absolute; left: calc(50% + 3px); width: calc(25% - 6px); top: 731px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft66p6667x3W33p3333x6Top835 { position: absolute; left: calc(66.6667% + 3px); width: calc(33.3333% - 6px); top: 835px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft33p3333x3W33p3333x6Top835 { position: absolute; left: calc(33.3333% + 3px); width: calc(33.3333% - 6px); top: 835px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W33p3333x6Top835 { position: absolute; left: calc(0% + 3px); width: calc(33.3333% - 6px); top: 835px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft75x3W25x6Top887 { position: absolute; left: calc(75% + 3px); width: calc(25% - 6px); top: 887px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft25x3W25x6Top887 { position: absolute; left: calc(25% + 3px); width: calc(25% - 6px); top: 887px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W25x6Top887 { position: absolute; left: calc(0% + 3px); width: calc(25% - 6px); top: 887px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft50x3W25x6Top887 { position: absolute; left: calc(50% + 3px); width: calc(25% - 6px); top: 887px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft66p6667x3W33p3333x6Top939 { position: absolute; left: calc(66.6667% + 3px); width: calc(33.3333% - 6px); top: 939px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft33p3333x3W33p3333x6Top939 { position: absolute; left: calc(33.3333% + 3px); width: calc(33.3333% - 6px); top: 939px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W33p3333x6Top939 { position: absolute; left: calc(0% + 3px); width: calc(33.3333% - 6px); top: 939px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft75x3W25x6Top991 { position: absolute; left: calc(75% + 3px); width: calc(25% - 6px); top: 991px; height: 72px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 6px 9px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft50x3W25x6Top991 { position: absolute; left: calc(50% + 3px); width: calc(25% - 6px); top: 991px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft25x3W25x6Top991 { position: absolute; left: calc(25% + 3px); width: calc(25% - 6px); top: 991px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W25x6Top991 { position: absolute; left: calc(0% + 3px); width: calc(25% - 6px); top: 991px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft50x3W25x6Top1043 { position: absolute; left: calc(50% + 3px); width: calc(25% - 6px); top: 1043px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft25x3W25x6Top1043 { position: absolute; left: calc(25% + 3px); width: calc(25% - 6px); top: 1043px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W25x6Top1043 { position: absolute; left: calc(0% + 3px); width: calc(25% - 6px); top: 1043px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft66p6667x3W33p3333x6Top1095 { position: absolute; left: calc(66.6667% + 3px); width: calc(33.3333% - 6px); top: 1095px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft33p3333x3W33p3333x6Top1095 { position: absolute; left: calc(33.3333% + 3px); width: calc(33.3333% - 6px); top: 1095px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W33p3333x6Top1095 { position: absolute; left: calc(0% + 3px); width: calc(33.3333% - 6px); top: 1095px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft66p6667x3W33p3333x6Top1147 { position: absolute; left: calc(66.6667% + 3px); width: calc(33.3333% - 6px); top: 1147px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft33p3333x3W33p3333x6Top1147 { position: absolute; left: calc(33.3333% + 3px); width: calc(33.3333% - 6px); top: 1147px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W33p3333x6Top1147 { position: absolute; left: calc(0% + 3px); width: calc(33.3333% - 6px); top: 1147px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft80x3W20x6Top1199 { position: absolute; left: calc(80% + 3px); width: calc(20% - 6px); top: 1199px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft60x3W20x6Top1199 { position: absolute; left: calc(60% + 3px); width: calc(20% - 6px); top: 1199px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft40x3W20x6Top1199 { position: absolute; left: calc(40% + 3px); width: calc(20% - 6px); top: 1199px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft20x3W20x6Top1199 { position: absolute; left: calc(20% + 3px); width: calc(20% - 6px); top: 1199px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W20x6Top1199 { position: absolute; left: calc(0% + 3px); width: calc(20% - 6px); top: 1199px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft66p6667x3W33p3333x6Top1251 { position: absolute; left: calc(66.6667% + 3px); width: calc(33.3333% - 6px); top: 1251px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft33p3333x3W33p3333x6Top1251 { position: absolute; left: calc(33.3333% + 3px); width: calc(33.3333% - 6px); top: 1251px; height: 98px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 6px 9px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W33p3333x6Top1251 { position: absolute; left: calc(0% + 3px); width: calc(33.3333% - 6px); top: 1251px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft66p6667x3W33p3333x6Top1303 { position: absolute; left: calc(66.6667% + 3px); width: calc(33.3333% - 6px); top: 1303px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W33p3333x6Top1303 { position: absolute; left: calc(0% + 3px); width: calc(33.3333% - 6px); top: 1303px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft66p6667x3W33p3333x6Top1355 { position: absolute; left: calc(66.6667% + 3px); width: calc(33.3333% - 6px); top: 1355px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft33p3333x3W33p3333x6Top1355 { position: absolute; left: calc(33.3333% + 3px); width: calc(33.3333% - 6px); top: 1355px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.absoluteLeft0x3W33p3333x6Top1355 { position: absolute; left: calc(0% + 3px); width: calc(33.3333% - 6px); top: 1355px; height: 46px; display: flex; flex-direction: column; overflow: hidden; background: rgb(238, 239, 254); color: rgb(51, 53, 122); border-left: 3px solid rgb(109, 113, 249); border-radius: 9px; padding: 4px 8px; cursor: pointer; opacity: 1; outline: none; outline-offset: 1px; box-shadow: none; }
.seritAlt { display: flex; align-items: center; gap: 14px; padding: 12px 18px; border-top: 1px solid rgb(237, 238, 246); background: rgb(251, 251, 254); flex-wrap: wrap; }
.seritLejant { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: rgb(139, 138, 163); }
.rvKareBg { width: 9px; height: 9px; border-radius: 2px; flex: 0 0 auto; display: inline-block; background: rgb(109, 113, 249); }
.rvKareBg2 { width: 9px; height: 9px; border-radius: 2px; flex: 0 0 auto; display: inline-block; background: rgb(84, 193, 251); }
.rvNoktaBg2 { width: 7px; height: 7px; border-radius: 999px; flex: 0 0 auto; display: inline-block; background: rgb(47, 163, 107); }
.rvNoktaBg3 { width: 7px; height: 7px; border-radius: 999px; flex: 0 0 auto; display: inline-block; background: rgb(230, 185, 63); }
.rvNoktaBg4 { width: 7px; height: 7px; border-radius: 999px; flex: 0 0 auto; display: inline-block; background: rgb(228, 103, 79); }
.w7H7R2Flex0x0 { width: 7px; height: 7px; border-radius: 2px; flex: 0 0 auto; display: inline-block; background: rgb(230, 185, 63); }
.renkLegendMl { margin-left: auto; display: flex; gap: 14px; flex-wrap: wrap; }
.renkFs132 { color: rgb(39, 40, 72); font-size: 13px; }
.rvAltSira { display: grid; grid-template-columns: minmax(0px, 224fr) minmax(0px, 709fr) minmax(0px, 991fr) minmax(0px, 518fr) minmax(0px, 559fr); gap: 9px; align-items: stretch; }
.rvAltKart { background: rgb(255, 255, 255); border-radius: 16px; border: 1px solid rgb(233, 234, 244); padding: 16px; height: 230px; box-sizing: border-box; overflow: hidden; display: flex; flex-direction: column; min-width: 0px; }
.rvAltBaslik { font-size: 15px; font-weight: 700; color: rgb(39, 40, 72); margin: 0px 0px 12px; white-space: nowrap; }
.flexColGap11 { display: flex; flex-direction: column; gap: 11px; }
.rvMetrikEt { font-size: 11.5px; color: rgb(139, 138, 163); white-space: nowrap; }
.rvMetrikDeger { font-size: 22px; font-weight: 800; color: rgb(39, 40, 72); line-height: 1.15; }
.fs22W800RenkLh1p15 { font-size: 22px; font-weight: 800; color: rgb(109, 113, 249); line-height: 1.15; }
.fs22W800RenkLh1p152 { font-size: 22px; font-weight: 800; color: rgb(201, 138, 46); line-height: 1.15; }
.ovAutoFlex1x1MinH0 { overflow-y: auto; flex: 1 1 0%; min-height: 0px; }
.rvTeyitSatir { display: flex; align-items: center; gap: 8px; padding: 7px 2px; border-bottom: 1px solid rgb(244, 244, 250); font-size: 12px; }
.w600MinW38Flex0x0 { font-weight: 600; min-width: 38px; flex: 0 0 auto; }
.w600NowrapOvHiddenTextOverflow { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px; }
.rvMetrikEtGsOzetBolgeFlex1x1OvHiddenTextOverflow { color: rgb(139, 138, 163); font-size: 11.5px; flex: 1 1 0%; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rvGonderBtnBg { border: 1px solid rgb(201, 232, 213); color: rgb(31, 157, 85); border-radius: 9px; padding: 5px 11px; font-size: 11.5px; font-weight: 700; cursor: pointer; font-family: "Sofia Pro", -apple-system, BlinkMacSystemFont, sans-serif; flex: 0 0 auto; background: rgb(234, 250, 241); }
.rvTeyitRozet { background: rgb(236, 237, 254); color: rgb(109, 113, 249); border-radius: 999px; padding: 2px 8px; font-size: 10.5px; font-weight: 700; white-space: nowrap; flex: 0 0 auto; }
.fs11RenkFlex0x0 { font-size: 11px; color: rgb(207, 75, 75); flex: 0 0 auto; }
.rvSeansIki { display: grid; grid-template-columns: minmax(0px, 1.83fr) minmax(0px, 1fr); gap: 19px; flex: 1 1 0%; min-height: 0px; }
.ovAutoMinH0 { overflow-y: auto; min-height: 0px; }
.rvAlanGrid { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 7px 5px; align-content: start; }
.rvAlanBos { border: 1px solid rgb(233, 234, 244); border-radius: 9px; padding: 0px 9px; font-size: 10.5px; height: 23px; box-sizing: border-box; display: flex; align-items: center; color: rgb(185, 186, 203); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: rgb(255, 255, 255); }
.gunModalListeMinW0OvAuto { display: flex; flex-direction: column; gap: 8px; min-width: 0px; overflow-y: auto; }
.fs15W700RenkM0x0 { font-size: 15px; font-weight: 700; color: rgb(39, 40, 72); margin: 0px 0px 3px; white-space: nowrap; }
.rvWaBtn { width: 26px; height: 26px; border-radius: 999px; border: 1px solid rgb(233, 234, 244); background: rgb(255, 255, 255); flex: 0 0 auto; font-size: 12px; line-height: 24px; padding: 0px; cursor: pointer; font-family: "Sofia Pro", -apple-system, BlinkMacSystemFont, sans-serif; }
.calNavWrapJcFlexEndMtPt8 { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; margin-top: auto; padding-top: 8px; }
.gunNavTarihOzel { border: none; background: transparent; font-family: "Sofia Pro", sans-serif; font-size: 19px; font-weight: 600; color: rgb(39, 40, 72); padding: 4px 8px; cursor: pointer; }
.trClick { border-top: 1px solid rgb(230, 231, 242); cursor: pointer; }
.p12Fs13p5RenkVerticalAlign3 { padding: 12px; font-size: 13.5px; color: rgb(109, 113, 249); vertical-align: top; font-weight: 600; }
.bgR18P22Kenar4 { background: rgb(251, 241, 222); border-radius: 18px; padding: 22px; border: 1px solid rgb(230, 231, 242); box-shadow: rgba(45, 42, 62, 0.04) 0px 1px 3px; }
.istValRenk4 { font-family: "Sofia Pro", sans-serif; font-size: 24px; font-weight: 600; margin-top: 6px; color: rgb(201, 138, 46); }
.fixedRight134p2Bottom22W78 { position: fixed; right: 134.2px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.takvimHucreOzel { min-height: 90px; border-radius: 10px; border: 1px solid rgb(230, 231, 242); padding: 5px; background: rgb(255, 255, 255); display: flex; flex-direction: column; gap: 4px; cursor: pointer; }
.minH90R10KenarP52 { min-height: 90px; border-radius: 10px; border: 1px solid rgb(109, 113, 249); padding: 5px; background: rgb(255, 255, 255); display: flex; flex-direction: column; gap: 4px; box-shadow: rgb(109, 113, 249) 0px 0px 0px 1px; cursor: pointer; }
.flexColGap10Mb16 { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }
.ayGrupHeadTabBarOzel { display: flex; align-items: center; gap: 4px; width: 100%; border: none; background: transparent; padding: 0px; text-align: left; justify-content: space-between; }
.flexAiCenter { display: flex; align-items: center; }
.navChevronMr8Donusum { margin-left: auto; font-size: 14px; transition: transform 0.2s; display: inline-block; margin-right: 8px; transform: rotate(0deg); }
.fs12p5RenkW6002 { font-size: 12.5px; color: rgb(139, 138, 163); font-weight: 600; }
.navChevronMr8Donusum2 { margin-left: auto; font-size: 14px; transition: transform 0.2s; display: inline-block; margin-right: 8px; transform: rotate(90deg); }
.takvimGridMt12 { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin-top: 12px; }
.minH140R10KenarP5 { min-height: 140px; border-radius: 10px; border: 1px solid rgb(109, 113, 249); padding: 5px; background: rgb(255, 255, 255); display: flex; flex-direction: column; gap: 4px; opacity: 1; box-shadow: rgb(109, 113, 249) 0px 0px 0px 1px; cursor: pointer; }
.calEventsOvAutoMaxH170 { display: flex; flex-direction: column; gap: 3px; overflow-y: auto; max-height: 170px; }
.minH140R10KenarP52 { min-height: 140px; border-radius: 10px; border: 1px solid rgb(230, 231, 242); padding: 5px; background: rgb(255, 255, 255); display: flex; flex-direction: column; gap: 4px; opacity: 1; cursor: pointer; }
.fs16W600M0x04 { font-size: 16px; font-weight: 600; margin: 0px 0px 4px; }
.fs12p5RenkMb14 { font-size: 12.5px; color: rgb(139, 138, 163); margin-bottom: 14px; }
.renkW400Fs11p5 { color: rgb(139, 138, 163); font-weight: 400; font-size: 11.5px; }
.w100P6x10KenarR10 { width: 100px; padding: 6px 10px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); }
.miniEtiketBtnOp0p5PeNone { padding: 3px 10px; font-size: 11px; font-weight: 600; border-radius: 7px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(39, 40, 72); cursor: pointer; opacity: 0.5; pointer-events: none; }
.tableMt14 { width: 100%; border-collapse: collapse; margin-top: 14px; }
.p12Fs15RenkVerticalAlign { padding: 12px; font-size: 15px; color: rgb(70, 67, 90); vertical-align: top; font-weight: 700; }
.primKisiAltW400 { font-weight: 400; color: rgb(139, 138, 163); font-size: 12px; }
.rozetTakvimTaksitTahsilOzel { font-size: 11.5px; font-weight: 600; padding: 4px 11px; border-radius: 20px; background: rgb(228, 245, 237); color: rgb(47, 158, 107); white-space: nowrap; }
.mdLejantOgeOzel { display: flex; gap: 6px; align-items: center; }
.seansBtn { width: 26px; height: 26px; border-radius: 7px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(109, 113, 249); font-size: 15px; font-weight: 700; line-height: 1; }
.aramaTemizleMl6 { border: none; background: rgb(239, 240, 248); color: rgb(139, 138, 163); width: 24px; height: 24px; border-radius: 50%; font-size: 12px; margin-left: 6px; }
.rozetTakvimTaksitBekleyenOzel { font-size: 11.5px; font-weight: 600; padding: 4px 11px; border-radius: 20px; background: rgb(251, 232, 232); color: rgb(207, 75, 75); white-space: nowrap; }
.fixedRight124p6Bottom22W78 { position: fixed; right: 124.6px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.contentMusteriSagBoxSizing { padding: 24px 30px; display: flex; flex-direction: column; gap: 18px; min-width: 0px; box-sizing: border-box; }
.haftaKpiBgKenarMb18MinW0 { background: rgb(255, 255, 255); border: 1px solid rgb(230, 231, 240); border-radius: 14px; padding: 16px 18px; margin-bottom: 18px; min-width: 0px; width: 100%; box-sizing: border-box; }
.flexGap9Wrap { display: flex; gap: 9px; flex-wrap: wrap; }
.inputFlex1p5x1 { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); flex: 1.5 1 130px; }
.inputFlex1p1x1 { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); flex: 1.1 1 110px; }
.inputFlex1p2x1 { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); flex: 1.2 1 120px; }
.inputFlex1x12 { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); flex: 1 1 105px; }
.inputFlex0p7x1 { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); flex: 0.7 1 85px; }
.inputFlex0p9x1 { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); flex: 0.9 1 125px; }
.inputFlex1p6x1 { width: 100%; padding: 10px 12px; border: 1px solid rgb(230, 231, 242); border-radius: 10px; font-size: 13.5px; color: rgb(39, 40, 72); outline: none; background: rgb(251, 250, 253); flex: 1.6 1 130px; }
.renkLegendKasaGrafikLegendAiCenterBgKenarR14 { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; background: rgb(255, 255, 255); border: 1px solid rgb(230, 231, 240); border-radius: 14px; padding: 16px 20px; margin-bottom: 14px; min-width: 0px; width: 100%; box-sizing: border-box; }
.fs23W700M0Lsn0p2 { font-size: 23px; font-weight: 700; margin: 0px; letter-spacing: -0.2px; }
.mdLejantOgeMlShrink0 { margin-left: auto; display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.takvimRaporSolAiCenter { display: flex; align-items: center; gap: 14px; }
.p10x16KenarBgRenk { padding: 10px 16px; border: 1px solid rgb(230, 231, 242); background: rgb(255, 255, 255); color: rgb(95, 91, 115); border-radius: 10px; font-size: 13.5px; font-weight: 600; line-height: 1; flex-shrink: 0; }
.gsPlanSatirP0KenarsizBgFs17 { display: flex; align-items: center; gap: 8px; padding: 0px; border: none; background: transparent; font-size: 17px; font-weight: 700; cursor: pointer; font-family: "Sofia Pro", sans-serif; white-space: nowrap; }
.fs13Flex0x0Donusum { font-size: 13px; flex: 0 0 auto; transform: rotate(0deg); transition: transform 0.15s; }
.flexGap17Wrap { display: flex; gap: 17px; flex-wrap: wrap; }
.flex1x1MinW0R10P0x0 { flex: 1 1 230px; min-width: 0px; border-radius: 10px; padding: 0px 0px 0px 13px; border: none; cursor: pointer; font-family: inherit; text-align: left; box-sizing: border-box; background: rgb(109, 113, 249); }
.topRightBgR10P12x20MinW0 { background: rgb(255, 255, 255); border-radius: 10px; display: flex; align-items: center; gap: 12px; padding: 12px 20px; min-width: 0px; box-sizing: border-box; }
.fs14p5RenkW500Blok { font-size: 14.5px; color: rgb(63, 61, 85); font-weight: 500; display: block; }
.mlFs28W700Lh34 { margin-left: auto; font-size: 28px; font-weight: 700; line-height: 34px; }
.flex1x1MinW0R10P0x02 { flex: 1 1 230px; min-width: 0px; border-radius: 10px; padding: 0px 0px 0px 13px; border: none; cursor: pointer; font-family: inherit; text-align: left; box-sizing: border-box; background: rgb(237, 161, 0); }
.flex1x1MinW0R10P0x03 { flex: 1 1 230px; min-width: 0px; border-radius: 10px; padding: 0px 0px 0px 13px; border: none; cursor: pointer; font-family: inherit; text-align: left; box-sizing: border-box; background: rgb(27, 175, 122); }
.flex1x1MinW0R10P0x04 { flex: 1 1 230px; min-width: 0px; border-radius: 10px; padding: 0px 0px 0px 13px; border: none; cursor: pointer; font-family: inherit; text-align: left; box-sizing: border-box; background: rgb(58, 123, 208); }
.calHead { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; gap: 16px; flex-wrap: wrap; }
.renkLegend { display: flex; gap: 14px; flex-wrap: wrap; }
.legendDotBg6 { width: 10px; height: 10px; border-radius: 3px; background: rgb(52, 179, 119); }
.legendDotBg7 { width: 10px; height: 10px; border-radius: 3px; background: rgb(226, 85, 85); }
.legendDotBg8 { width: 10px; height: 10px; border-radius: 3px; background: rgb(74, 139, 224); }
.legendDotBg9 { width: 10px; height: 10px; border-radius: 3px; background: rgb(169, 164, 186); }
.legendAyrac { color: rgb(217, 212, 232); margin: 0px 2px; }
.kaynakInsta { color: rgb(194, 83, 106); font-size: 11px; }
.kaynakWeb { color: rgb(58, 123, 208); font-size: 11px; }
.calGrid { display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 7px; }
.calDayName { font-size: 11px; font-weight: 700; color: rgb(139, 138, 163); text-align: center; padding: 0px 0px 6px; text-transform: uppercase; }
.calCellOzel { min-height: 92px; border: 1px solid rgb(230, 231, 242); border-radius: 11px; padding: 8px; background: rgb(255, 255, 255); display: flex; flex-direction: column; gap: 5px; cursor: pointer; }
.calDate { font-size: 12.5px; font-weight: 700; color: rgb(95, 91, 115); }
.calEvents { display: flex; flex-direction: column; gap: 3px; }
.calEventBgRenkKenarSol { font-size: 10.5px; padding: 3px 6px; border-radius: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; background: rgb(239, 240, 248); color: rgb(139, 135, 160); border-left: 3px solid rgb(169, 164, 186); }
.calCell { min-height: 92px; border: 1px solid rgb(230, 231, 242); border-radius: 11px; padding: 8px; background: rgb(255, 255, 255); display: flex; flex-direction: column; gap: 5px; }
.takvimRaporGridMt26 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; margin-top: 26px; }
.takvimRaporHead { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.takvimKpiRow { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; }
.trKpi { display: flex; flex-direction: column; gap: 2px; background: rgb(247, 248, 252); border-radius: 12px; padding: 12px 18px; min-width: 0px; }
.trKpiVal { font-family: "Sofia Pro", sans-serif; font-size: 28px; font-weight: 600; color: rgb(109, 113, 249); }
.trKpiLbl { font-size: 11.5px; color: rgb(139, 138, 163); font-weight: 600; }
.fontFs28W600Renk { font-family: "Sofia Pro", sans-serif; font-size: 28px; font-weight: 600; color: rgb(47, 158, 107); }
.fontFs28W600Renk2 { font-family: "Sofia Pro", sans-serif; font-size: 28px; font-weight: 600; color: rgb(58, 123, 208); }
.fontFs28W600Renk3 { font-family: "Sofia Pro", sans-serif; font-size: 28px; font-weight: 600; color: rgb(139, 135, 160); }
.takvimBosNot { margin-top: 12px; font-size: 12.5px; color: rgb(139, 138, 163); font-style: italic; }
.mt26P14x18BgKenar { margin-top: 26px; padding: 14px 18px; background: rgb(250, 250, 254); border: 1px solid rgb(240, 240, 247); border-radius: 12px; font-size: 12.5px; line-height: 1.7; }
.fs11p5W700RenkLs0p5 { font-size: 11.5px; font-weight: 700; color: rgb(139, 138, 163); letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 6px; }
.fixedRight142Bottom22W78 { position: fixed; right: 142px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.flexGap17WrapMb14 { display: flex; gap: 17px; flex-wrap: wrap; margin-bottom: 14px; }
.flex1x1MinW0R10P0x05 { flex: 1 1 230px; min-width: 0px; border-radius: 10px; padding: 0px 0px 0px 13px; border: none; cursor: pointer; font-family: inherit; text-align: left; box-sizing: border-box; background: rgb(192, 84, 80); }
.mlFs28W700Renk { margin-left: auto; font-size: 28px; font-weight: 700; color: rgb(192, 84, 80); line-height: 34px; }
.flex1x1MinW0R10P0x06 { flex: 1 1 230px; min-width: 0px; border-radius: 10px; padding: 0px 0px 0px 13px; border: none; cursor: pointer; font-family: inherit; text-align: left; box-sizing: border-box; background: rgb(82, 172, 126); }
.flex1x1MinW0R10P0x07 { flex: 1 1 230px; min-width: 0px; border-radius: 10px; padding: 0px 0px 0px 13px; border: none; cursor: pointer; font-family: inherit; text-align: left; box-sizing: border-box; background: rgb(75, 122, 202); }
.flex1x1MinW0R10P0x08 { flex: 1 1 230px; min-width: 0px; border-radius: 10px; padding: 0px 0px 0px 13px; border: none; cursor: pointer; font-family: inherit; text-align: left; box-sizing: border-box; background: rgb(139, 138, 163); }
.bgKenarR14P10 { background: rgb(255, 255, 255); border: 1px solid rgb(230, 231, 240); border-radius: 14px; padding: 10px; margin-bottom: 14px; min-width: 0px; width: 100%; box-sizing: border-box; }
.flexAiCenterGap9H41 { display: flex; align-items: center; gap: 9px; height: 41px; padding: 0px 16px; border-radius: 10px; cursor: pointer; border: none; width: 100%; font-family: inherit; box-sizing: border-box; background: rgb(238, 240, 255); }
.fs17W700Renk { font-size: 17px; font-weight: 700; color: rgb(39, 40, 72); }
.gmAdGsSatirAdSeciliOp0p6 { font-size: 14px; font-weight: 600; opacity: 0.6; color: rgb(39, 40, 72); }
.mlRenkFs15 { margin-left: auto; color: rgb(39, 40, 72); font-size: 15px; }
.flexAiCenterGap9H412 { display: flex; align-items: center; gap: 9px; height: 41px; padding: 0px 16px; border-radius: 10px; cursor: pointer; border: none; width: 100%; font-family: inherit; box-sizing: border-box; background: rgb(255, 235, 235); }
.fs17W700Renk2 { font-size: 17px; font-weight: 700; color: rgb(192, 84, 80); }
.gmAdOp0p6Renk { font-size: 14px; font-weight: 600; opacity: 0.6; color: rgb(192, 84, 80); }
.mlRenkFs152 { margin-left: auto; color: rgb(192, 84, 80); font-size: 15px; }
.ovAutoMaxW100WTamMt122 { overflow-x: auto; max-width: 100%; width: 100%; margin-top: 12px; cursor: grab; }
.w7p5 { width: 7.5%; }
.w9p5 { width: 9.5%; }
.w8 { width: 8%; }
.w10p5 { width: 10.5%; }
.w13 { width: 13%; }
.taCenterFs11W700Renk4 { text-align: center; font-size: 11px; font-weight: 700; color: rgb(111, 109, 132); letter-spacing: 0.5px; padding: 14px 6px 15px; text-transform: uppercase; background: rgb(249, 249, 251); border-right: 1px solid rgb(242, 242, 246); }
.taCenterFs11W700Renk5 { text-align: center; font-size: 11px; font-weight: 700; color: rgb(111, 109, 132); letter-spacing: 0.5px; padding: 14px 6px 15px; text-transform: uppercase; background: rgb(249, 249, 251); border-right: none; }
.flexAiCenterGap9H413 { display: flex; align-items: center; gap: 9px; height: 41px; padding: 0px 16px; border-radius: 10px; cursor: pointer; border: none; width: 100%; font-family: inherit; box-sizing: border-box; background: rgb(238, 255, 246); }
.fs17W700Renk3 { font-size: 17px; font-weight: 700; color: rgb(62, 158, 110); }
.gmAdOp0p6Renk2 { font-size: 14px; font-weight: 600; opacity: 0.6; color: rgb(62, 158, 110); }
.mlRenkFs153 { margin-left: auto; color: rgb(62, 158, 110); font-size: 15px; }
.flexAiCenterGap9H414 { display: flex; align-items: center; gap: 9px; height: 41px; padding: 0px 16px; border-radius: 10px; cursor: pointer; border: none; width: 100%; font-family: inherit; box-sizing: border-box; background: rgb(243, 248, 255); }
.fs17W700Renk4 { font-size: 17px; font-weight: 700; color: rgb(75, 122, 202); }
.gmAdOp0p6Renk3 { font-size: 14px; font-weight: 600; opacity: 0.6; color: rgb(75, 122, 202); }
.mlRenkFs154 { margin-left: auto; color: rgb(75, 122, 202); font-size: 15px; }
.flexAiCenterGap9H415 { display: flex; align-items: center; gap: 9px; height: 41px; padding: 0px 16px; border-radius: 10px; cursor: pointer; border: none; width: 100%; font-family: inherit; box-sizing: border-box; background: rgb(244, 244, 248); flex-wrap: wrap; }
.fs17W700Renk5 { font-size: 17px; font-weight: 700; color: rgb(90, 88, 112); }
.gmAdOp0p6Renk4 { font-size: 14px; font-weight: 600; opacity: 0.6; color: rgb(90, 88, 112); }
.mlFlexAiCenterGap10 { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.renkFs15 { color: rgb(90, 88, 112); font-size: 15px; }
.fixedRight159p4Bottom22W78 { position: fixed; right: 159.4px; bottom: 22px; width: 78px; height: 54px; cursor: pointer; z-index: 1200; transition: right 45ms linear; }
.flexGap4Wrap { display: flex; gap: 4px; flex-wrap: wrap; }
.kenarBgR20P6x12 { border: 1px solid rgb(201, 203, 251); background: rgb(238, 240, 254); border-radius: 20px; padding: 6px 12px; font-size: 12.5px; cursor: pointer; font-family: inherit; color: rgb(109, 113, 249); font-weight: 700; }
.kenarBgR20P6x122 { border: 1px solid rgb(230, 231, 240); background: rgb(255, 255, 255); border-radius: 20px; padding: 6px 12px; font-size: 12.5px; cursor: pointer; font-family: inherit; color: rgb(90, 94, 122); }
.primaryBtnNowrap { padding: 10px 18px; border: none; background: rgb(109, 113, 249); color: rgb(255, 255, 255); border-radius: 10px; font-size: 13.5px; font-weight: 600; white-space: nowrap; }
.calNavBgP4R12Kenar { display: flex; gap: 6px; background: rgb(255, 255, 255); padding: 4px; border-radius: 12px; border: 1px solid rgb(230, 231, 242); }
.gsSegBtnAktifP7x16KenarsizR9Fs13p5 { padding: 7px 16px; border: none; background: rgb(109, 113, 249); border-radius: 9px; font-size: 13.5px; font-weight: 600; color: rgb(255, 255, 255); cursor: pointer; font-family: inherit; }
.p7x16KenarsizBgR9 { padding: 7px 16px; border: none; background: transparent; border-radius: 9px; font-size: 13.5px; font-weight: 600; color: rgb(139, 138, 163); cursor: pointer; font-family: inherit; }
.istFiltreBarGsPlanSatirOzel { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.ayChipBarMl { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
.mdLejantOgeFs12p5RenkBgKenar { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: rgb(90, 94, 122); background: rgb(250, 250, 255); border: 1px solid rgb(241, 241, 248); border-radius: 8px; padding: 4px 10px; }
.w58KenarR6P3x6 { width: 58px; border: 1px solid rgb(230, 231, 240); border-radius: 6px; padding: 3px 6px; font-size: 12.5px; font-weight: 700; color: rgb(109, 113, 249); text-align: center; background: rgb(255, 255, 255); }
.flexGap10WrapMb12 { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.flex1x1MinW0BgKenar { flex: 1 1 175px; min-width: 0px; background: rgb(250, 250, 255); border: 1px solid rgb(241, 241, 248); border-radius: 12px; padding: 14px 16px; box-sizing: border-box; }
.fs20W700Mt2Renk { font-size: 20px; font-weight: 700; margin-top: 2px; color: rgb(109, 113, 249); }
.fs20W700Mt2Renk2 { font-size: 20px; font-weight: 700; margin-top: 2px; color: rgb(47, 158, 107); }
.fs20W700Mt2Renk3 { font-size: 20px; font-weight: 700; margin-top: 2px; color: rgb(207, 75, 75); }
.fs20W700Mt2Renk4 { font-size: 20px; font-weight: 700; margin-top: 2px; color: rgb(58, 123, 208); }
.fs20W700Mt2Renk5 { font-size: 20px; font-weight: 700; margin-top: 2px; color: rgb(139, 138, 163); }
.tableTableLayout { width: 100%; border-collapse: collapse; table-layout: fixed; }
.flexGap17WrapMb16 { display: flex; gap: 17px; flex-wrap: wrap; margin-bottom: 16px; }

/* powered by lov3yp */