/*! CSS Used from: Embedded */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
/*! CSS Used from: Embedded */
*,*::before,*::after{box-sizing:inherit;}
/*! CSS Used from: Embedded */
body{margin:0;color:#0F3659;font-weight:500;font-size:1rem;line-height:1.5;font-family:'Open Sans', sans-serif;background-color:#fff;}
/*! CSS Used from: Embedded */
@media print{
body{background-color:#fff;}
}
/*! CSS Used from: Embedded */
body{font-variant-ligatures:none;}
/*! CSS Used from: Embedded */
body *::-webkit-scrollbar{visibility:hidden;-webkit-appearance:none;width:6px;height:6px;background-color:transparent;}
/*! CSS Used from: Embedded */
body *::-webkit-scrollbar-thumb{visibility:hidden;border-radius:3px;background-color:#EFF1F3;}
/*! CSS Used from: Embedded */
body:hover *::-webkit-scrollbar,body:focus *::-webkit-scrollbar,body:hover *::-webkit-scrollbar-thumb,body:focus *::-webkit-scrollbar-thumb{visibility:visible;}
/*! CSS Used from: Embedded */
.css-1twabz3-MuiStack-root{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh;background-color:#F7FAFC;}
/*! CSS Used from: Embedded */
.css-2vefvr-MuiContainer-root{width:100%;margin-left:auto;box-sizing:border-box;margin-right:auto;display:block;padding-left:16px;padding-right:16px;padding-top:80px;padding-bottom:80px;}
/*! CSS Used from: Embedded */
@media (min-width:600px){
.css-2vefvr-MuiContainer-root{padding-left:24px;padding-right:24px;}
}
/*! CSS Used from: Embedded */
@media (min-width:600px){
.css-2vefvr-MuiContainer-root{max-width:600px;}
}
/*! CSS Used from: Embedded */
.css-4ad6ll-MuiTypography-root-MuiLink-root-MuiStack-root{margin:0;font:inherit;color:#5D5FEF;-webkit-text-decoration:none;text-decoration:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:24px;column-gap:24px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:40px;}
/*! CSS Used from: Embedded */
.css-1g17bvt-MuiSvgIcon-root{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;font-size:1.5rem;font-size:56px;}
/*! CSS Used from: Embedded */
.css-rnxysa-MuiTypography-root{margin:0;font-weight:600;font-size:1.875rem;line-height:1.5;font-family:Poppins,Open Sans,Epilogue,sans-serif;color:#151D48;}
/*! CSS Used from: Embedded */
.css-db12ik-MuiPaper-root{background-color:#fff;color:#0F3659;-webkit-transition:box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;border-radius:4px;box-shadow:0px 4px 20px 0px rgba(238, 238, 238, 0.5);border-radius:20px;box-shadow:0px 4px 20px 0px rgba(238, 238, 238, 0.5);padding:40px;}
/*! CSS Used from: Embedded */
.css-obthkn-MuiStack-root{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
/*! CSS Used from: Embedded */
@media (min-width:0px){
.css-obthkn-MuiStack-root{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px;}
}
/*! CSS Used from: Embedded */
@media (min-width:600px){
.css-obthkn-MuiStack-root{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:8px;}
}
/*! CSS Used from: Embedded */
@media (min-width:600px){
.css-obthkn-MuiStack-root{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
}
/*! CSS Used from: Embedded */
.css-1niz9xa-MuiTypography-root{margin:0;font-weight:600;font-size:1.5rem;line-height:1.33;font-family:Poppins,Open Sans,Epilogue,sans-serif;}
/*! CSS Used from: Embedded */
.css-1pj5hrm-MuiTypography-root{margin:0;font-weight:400;font-size:0.875rem;line-height:1.42;font-family:Poppins,Open Sans,Epilogue,sans-serif;color:#96A5B8;}
/*! CSS Used from: Embedded */
.css-af0rb9-MuiTypography-root-MuiLink-root{margin:0;font:inherit;color:#5D5FEF;-webkit-text-decoration:none;text-decoration:none;}
/*! CSS Used from: Embedded */
.css-af0rb9-MuiTypography-root-MuiLink-root:hover{-webkit-text-decoration:underline;text-decoration:underline;}
/*! CSS Used from: Embedded */
.css-178yklu{margin-top:24px;}
/*! CSS Used from: Embedded */
.css-1ucnu3w-MuiStack-root{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;}
/*! CSS Used from: Embedded */
.css-wb57ya-MuiFormControl-root-MuiTextField-root{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;min-width:0;padding:0;margin:0;border:0;vertical-align:top;width:100%;}
/*! CSS Used from: Embedded */
.css-1025neq-MuiInputBase-root-MuiOutlinedInput-root{font-weight:500;font-size:1rem;line-height:1.4375em;font-family:Poppins;color:#0F3659;box-sizing:border-box;position:relative;cursor:text;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;border-radius:4px;border-radius:8px;}
/*! CSS Used from: Embedded */
.css-1025neq-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#0F3659;}
/*! CSS Used from: Embedded */
@media (hover: none){
.css-1025neq-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(0, 0, 0, 0.23);}
}
/*! CSS Used from: Embedded */
.css-17cvodc-MuiInputBase-input-MuiOutlinedInput-input{font:inherit;letter-spacing:inherit;color:currentColor;padding:4px 0 5px;border:0;box-sizing:content-box;background:none;height:1.4375em;margin:0;-webkit-tap-highlight-color:transparent;display:block;min-width:0;width:100%;-webkit-animation-name:mui-auto-fill-cancel;animation-name:mui-auto-fill-cancel;-webkit-animation-duration:10ms;animation-duration:10ms;padding:16.5px 14px;}
/*! CSS Used from: Embedded */
.css-17cvodc-MuiInputBase-input-MuiOutlinedInput-input:focus{outline:0;}
/*! CSS Used from: Embedded */
.css-17cvodc-MuiInputBase-input-MuiOutlinedInput-input:invalid{box-shadow:none;}
/*! CSS Used from: Embedded */
.css-1d3z3hw-MuiOutlinedInput-notchedOutline{text-align:left;position:absolute;bottom:0;right:0;top:-5px;left:0;margin:0;padding:0 8px;pointer-events:none;border-radius:inherit;border-style:solid;border-width:1px;overflow:hidden;min-width:0%;border-color:rgba(0, 0, 0, 0.23);}
/*! CSS Used from: Embedded */
.css-ihdtdm{float:unset;width:auto;overflow:hidden;padding:0;line-height:11px;-webkit-transition:width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;transition:width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;}
/*! CSS Used from: Embedded */
.css-knb2mt-MuiInputBase-root-MuiOutlinedInput-root{font-weight:500;font-size:1rem;line-height:1.4375em;font-family:Poppins;color:#0F3659;box-sizing:border-box;position:relative;cursor:text;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;border-radius:4px;padding-right:14px;border-radius:8px;}
/*! CSS Used from: Embedded */
.css-knb2mt-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#0F3659;}
/*! CSS Used from: Embedded */
@media (hover: none){
.css-knb2mt-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:rgba(0, 0, 0, 0.23);}
}
/*! CSS Used from: Embedded */
.css-1vvkud8-MuiInputBase-input-MuiOutlinedInput-input{font:inherit;letter-spacing:inherit;color:currentColor;padding:4px 0 5px;border:0;box-sizing:content-box;background:none;height:1.4375em;margin:0;-webkit-tap-highlight-color:transparent;display:block;min-width:0;width:100%;-webkit-animation-name:mui-auto-fill-cancel;animation-name:mui-auto-fill-cancel;-webkit-animation-duration:10ms;animation-duration:10ms;padding:16.5px 14px;padding-right:0;}
/*! CSS Used from: Embedded */
.css-1vvkud8-MuiInputBase-input-MuiOutlinedInput-input:focus{outline:0;}
/*! CSS Used from: Embedded */
.css-1vvkud8-MuiInputBase-input-MuiOutlinedInput-input:invalid{box-shadow:none;}
/*! CSS Used from: Embedded */
.css-1om5its-MuiInputAdornment-root{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:0.01em;max-height:2em;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;color:rgba(0, 0, 0, 0.54);margin-left:8px;}
/*! CSS Used from: Embedded */
.css-78trlr-MuiButtonBase-root-MuiIconButton-root{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;text-align:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;font-size:1.5rem;padding:8px;border-radius:50%;overflow:visible;color:rgba(0, 0, 0, 0.54);-webkit-transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}
/*! CSS Used from: Embedded */
@media print{
.css-78trlr-MuiButtonBase-root-MuiIconButton-root{-webkit-print-color-adjust:exact;color-adjust:exact;}
}
/*! CSS Used from: Embedded */
.css-78trlr-MuiButtonBase-root-MuiIconButton-root:hover{background-color:rgba(0, 0, 0, 0.04);}
/*! CSS Used from: Embedded */
@media (hover: none){
.css-78trlr-MuiButtonBase-root-MuiIconButton-root:hover{background-color:transparent;}
}
/*! CSS Used from: Embedded */
.css-1g4j101-MuiStack-root{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-top:8px;}
/*! CSS Used from: Embedded */
@media (min-width:0px){
.css-1g4j101-MuiStack-root{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:4px;}
}
/*! CSS Used from: Embedded */
@media (min-width:600px){
.css-1g4j101-MuiStack-root{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:4px;}
}
/*! CSS Used from: Embedded */
@media (min-width:600px){
.css-1g4j101-MuiStack-root{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
}
/*! CSS Used from: Embedded */
.css-j204z7-MuiFormControlLabel-root{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;vertical-align:middle;-webkit-tap-highlight-color:transparent;margin-left:-11px;margin-right:16px;}
/*! CSS Used from: Embedded */
.css-1f8fs5y-MuiButtonBase-root-MuiCheckbox-root{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;padding:9px;border-radius:50%;color:#4079ED;}
/*! CSS Used from: Embedded */
@media print{
.css-1f8fs5y-MuiButtonBase-root-MuiCheckbox-root{-webkit-print-color-adjust:exact;color-adjust:exact;}
}
/*! CSS Used from: Embedded */
.css-1f8fs5y-MuiButtonBase-root-MuiCheckbox-root:hover{background-color:rgba(93, 95, 239, 0.04);}
/*! CSS Used from: Embedded */
@media (hover: none){
.css-1f8fs5y-MuiButtonBase-root-MuiCheckbox-root:hover{background-color:transparent;}
}
/*! CSS Used from: Embedded */
.css-1m9pwf3{cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1;}
/*! CSS Used from: Embedded */
.css-i4bv87-MuiSvgIcon-root{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentColor;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;font-size:1.5rem;}
/*! CSS Used from: Embedded */
.css-1yz04sz-MuiTypography-root{margin:0;font-weight:400;font-size:1rem;line-height:1.875;font-family:Poppins,Open Sans,Epilogue,sans-serif;}
/*! CSS Used from: Embedded */
.css-g0wscu-MuiTypography-root{margin:0;font-weight:400;font-size:0.875rem;line-height:1.42;font-family:Poppins,Open Sans,Epilogue,sans-serif;color:#5D5FEF;}
/*! CSS Used from: Embedded */
.css-1rmh3k0-MuiButtonBase-root-MuiButton-root{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;text-transform:none;font-family:Epilogue;font-weight:500;font-size:0.9375rem;line-height:1.025;min-width:64px;padding:8px 22px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:#fff;background-color:#5D5FEF;box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.03),2px 2px 10px 0px rgba(0, 0, 0, 0.09);width:100%;box-shadow:none;text-transform:none;border-radius:8px;font-size:16px;padding:8px 16px;line-height:1.5;font-weight:600;font-size:18px;padding:10px 22px;margin-top:16px;}
/*! CSS Used from: Embedded */
@media print{
.css-1rmh3k0-MuiButtonBase-root-MuiButton-root{-webkit-print-color-adjust:exact;color-adjust:exact;}
}
/*! CSS Used from: Embedded */
.css-1rmh3k0-MuiButtonBase-root-MuiButton-root:hover{-webkit-text-decoration:none;text-decoration:none;background-color:#05004E;box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);}
/*! CSS Used from: Embedded */
@media (hover: none){
.css-1rmh3k0-MuiButtonBase-root-MuiButton-root:hover{background-color:#5D5FEF;}
}
/*! CSS Used from: Embedded */
.css-1rmh3k0-MuiButtonBase-root-MuiButton-root:active{box-shadow:0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);}
/*! CSS Used from: Embedded */
.css-1rmh3k0-MuiButtonBase-root-MuiButton-root:hover{box-shadow:none;}
/*! CSS Used from: Embedded */
.css-1rmh3k0-MuiButtonBase-root-MuiButton-root:active{box-shadow:none;}
/*! CSS Used from: Embedded */
.css-f6wddr-MuiDivider-root{margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;border-width:0;border-style:solid;border-color:rgba(0, 0, 0, 0.12);border-bottom-width:thin;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;white-space:nowrap;text-align:center;border:0;border-top-style:solid;border-left-style:solid;color:#96A5B8;margin-top:16px;margin-bottom:16px;}
/*! CSS Used from: Embedded */
.css-f6wddr-MuiDivider-root::before,.css-f6wddr-MuiDivider-root::after{content:"";-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}
/*! CSS Used from: Embedded */
.css-f6wddr-MuiDivider-root::before,.css-f6wddr-MuiDivider-root::after{width:100%;border-top:thin solid rgba(0, 0, 0, 0.12);border-top-style:inherit;}
/*! CSS Used from: Embedded */
.css-qywfm8-MuiDivider-wrapper{display:inline-block;padding-left:calc(8px * 1.2);padding-right:calc(8px * 1.2);}
/*! CSS Used from: Embedded */
.css-ddsop2-MuiTypography-root{margin:0;font-weight:400;font-size:0.875rem;line-height:1.42;font-family:Poppins,Open Sans,Epilogue,sans-serif;}
/*! CSS Used from: Embedded */
.css-mhc70k-MuiGrid-root{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-top:-16px;width:calc(100% + 16px);margin-left:-16px;}
/*! CSS Used from: Embedded */
.css-mhc70k-MuiGrid-root>.MuiGrid-item{padding-top:16px;}
/*! CSS Used from: Embedded */
.css-mhc70k-MuiGrid-root>.MuiGrid-item{padding-left:16px;}
/*! CSS Used from: Embedded */
.css-1b3l6lk-MuiGrid-root{box-sizing:border-box;margin:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:100%;}
/*! CSS Used from: Embedded */
@media (min-width:600px){
.css-1b3l6lk-MuiGrid-root{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:50%;}
}
/*! CSS Used from: Embedded */
@media (min-width:900px){
.css-1b3l6lk-MuiGrid-root{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:50%;}
}
/*! CSS Used from: Embedded */
@media (min-width:1200px){
.css-1b3l6lk-MuiGrid-root{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:50%;}
}
/*! CSS Used from: Embedded */
@media (min-width:1536px){
.css-1b3l6lk-MuiGrid-root{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:50%;}
}
/*! CSS Used from: Embedded */
.css-jmdgkn-MuiButtonBase-root-MuiButton-root{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;text-transform:none;font-family:Epilogue;font-weight:500;font-size:0.9375rem;line-height:1.025;min-width:64px;padding:7px 21px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;border:1px solid rgba(93, 95, 239, 0.5);color:#5D5FEF;width:100%;box-shadow:none;text-transform:none;border-radius:8px;font-size:16px;padding:8px 16px;line-height:1.5;color:#0F3659;border-color:#C3D3E2;font-size:18px;padding:10px 22px;color:#FA5A7D;border-color:#FA5A7D;}
/*! CSS Used from: Embedded */
@media print{
.css-jmdgkn-MuiButtonBase-root-MuiButton-root{-webkit-print-color-adjust:exact;color-adjust:exact;}
}
/*! CSS Used from: Embedded */
.css-jmdgkn-MuiButtonBase-root-MuiButton-root:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgba(93, 95, 239, 0.04);border:1px solid #5D5FEF;}
/*! CSS Used from: Embedded */
@media (hover: none){
.css-jmdgkn-MuiButtonBase-root-MuiButton-root:hover{background-color:transparent;}
}
/*! CSS Used from: Embedded */
.css-jmdgkn-MuiButtonBase-root-MuiButton-root:hover{box-shadow:none;}
/*! CSS Used from: Embedded */
.css-jmdgkn-MuiButtonBase-root-MuiButton-root:active{box-shadow:none;}
/*! CSS Used from: Embedded */
.css-1o9vjd0-MuiButton-startIcon{display:inherit;margin-right:8px;margin-left:-4px;}
/*! CSS Used from: Embedded */
.css-1o9vjd0-MuiButton-startIcon>*:nth-of-type(1){font-size:22px;}
/*! CSS Used from: Embedded */
.css-1o9vjd0-MuiButton-startIcon>*:first-of-type{font-size:16px;}
/*! CSS Used from: Embedded */
.css-1udohqw-MuiTypography-root{margin:0;font-weight:500;font-size:1rem;line-height:1.5;font-family:Poppins;}
/*! CSS Used from: Embedded */
.css-1ioxcj8-MuiButtonBase-root-MuiButton-root{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;text-transform:none;font-family:Epilogue;font-weight:500;font-size:0.9375rem;line-height:1.025;min-width:64px;padding:7px 21px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;border:1px solid rgba(93, 95, 239, 0.5);color:#5D5FEF;width:100%;box-shadow:none;text-transform:none;border-radius:8px;font-size:16px;padding:8px 16px;line-height:1.5;color:#0F3659;border-color:#C3D3E2;font-size:18px;padding:10px 22px;color:#3f51b5;border-color:#3f51b5;}
/*! CSS Used from: Embedded */
@media print{
.css-1ioxcj8-MuiButtonBase-root-MuiButton-root{-webkit-print-color-adjust:exact;color-adjust:exact;}
}
/*! CSS Used from: Embedded */
.css-1ioxcj8-MuiButtonBase-root-MuiButton-root:hover{-webkit-text-decoration:none;text-decoration:none;background-color:rgba(93, 95, 239, 0.04);border:1px solid #5D5FEF;}
/*! CSS Used from: Embedded */
@media (hover: none){
.css-1ioxcj8-MuiButtonBase-root-MuiButton-root:hover{background-color:transparent;}
}
/*! CSS Used from: Embedded */
.css-1ioxcj8-MuiButtonBase-root-MuiButton-root:hover{box-shadow:none;}
/*! CSS Used from: Embedded */
.css-1ioxcj8-MuiButtonBase-root-MuiButton-root:active{box-shadow:none;}
/*! CSS Used from: Embedded */
.css-8je8zh-MuiTouchRipple-root{overflow:hidden;pointer-events:none;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border-radius:inherit;}
/*! CSS Used keyframes */
@-webkit-keyframes mui-auto-fill-cancel{from{display:block;}}
@keyframes mui-auto-fill-cancel{from{display:block;}}
@-webkit-keyframes mui-auto-fill-cancel{from{display:block;}}
@keyframes mui-auto-fill-cancel{from{display:block;}}
/*! CSS Used fontfaces */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4taVIGxA.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVIGxA.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4saVIGxA.woff2) format('woff2');unicode-range:U+1F00-1FFF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4jaVIGxA.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVIGxA.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5caVIGxA.woff2) format('woff2');unicode-range:U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5OaVIGxA.woff2) format('woff2');unicode-range:U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Epilogue';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDPSBJ_UugE.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}
@font-face{font-family:'Epilogue';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDPSBZ_UugE.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Epilogue';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDPSC5_U.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Improved checkbox styling */
.form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0;
    width: 100%;
}

.remember-me-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.checkbox-input {
    margin-right: 8px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
}

.remember-me-text {
    font-size: 0.9rem;
    color: #333;
}

.forgot-password-link {
    font-size: 0.9rem;
    color: #5D5FEF;
    text-decoration: none;
}

.forgot-password-link:hover {
    text-decoration: underline;
}

.error-message {
    background-color: #ffebee;
    border-radius: 4px;
    padding: 12px;
    margin: 12px 0;
    border-left: 4px solid #f44336;
}

.error-message p {
    color: #d32f2f;
    margin: 0;
    font-size: 0.9rem;
}
.main-content {
    background-color: #EFEFEF;
}

/* Common styles for all pages */
:root {
    --primary-color: #0d47a1;
    --primary-light: #5472d3;
    --primary-dark: #002171;
    --secondary-color: #673ab7;
    --text-light: #ffffff;
    --text-dark: #333333;
    --sidebar-width: 220px;
    --card-pink: #ffebee;
    --card-orange: #fff3e0;
    --card-green: #e8f5e9;
    --card-purple: #f3e5f5;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    display: flex;
    min-height: 100vh;
    background-color: #f5f5f5;
}

/* Main Content Styles */
.main-content {
    flex: 1;
    margin-left: var(--sidebar-width);
    position: relative;
    width: calc(100% - var(--sidebar-width));
}

/* Dashboard Content */
.dashboard-content {
    padding: 20px 30px;
}

/* Content Area */
.content-area {
    padding: 20px 30px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .main-content {
        margin-left: 70px;
        width: calc(100% - 70px);
    }
}

/* Dashboard Grid Layout */
.dashboard-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.row {
    display: flex;
    gap: 20px;
    width: 100%;
}

/* Card styling */
.card {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    flex: 1;
}

/* Make the first column slightly larger */
.col-large {
    flex: 1.4;
}

/* Card title styling */
.card h2 {
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--text-dark);
}

.card p {
    color: #666;
    font-size: 14px;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .row {
        flex-wrap: wrap;
    }

    .card {
        flex-basis: calc(50% - 20px);
        min-width: 250px;
    }

    .col-large {
        flex: 1 1 100%;
    }
}

@media (max-width: 768px) {
    .card {
        flex-basis: 100%;
    }
}

/* Metric Cards Styling */
.metric-card {
    padding: 16px;
    border-radius: 10px;
    min-width: 120px;
    flex: 1 1 0;
    margin-bottom: 15px;
    position: relative;
}

.metrics-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    width: 100%;
}

@media (max-width: 1200px) {
    .metrics-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .metrics-container {
        grid-template-columns: 1fr;
    }
}

.icon-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.metric-value {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 5px;
    color: var(--text-dark);
}

.metric-label {
    font-size: 14px;
    color: #555;
    margin-bottom: 8px;
}

.metric-change {
    font-size: 12px;
    color: #666;
}

.metric-change.positive {
    color: #4caf50;
}

.metric-change.negative {
    color: #f44336;
}

/* Table styles */
.table thead th {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    background-color: #f9f9f9;
    border-bottom: 1px solid #eee;
}

.table tbody td {
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
    padding: 12px 16px;
}

.table-warning {
    background-color: #fff8e1 !important;
}

/* Platform filter styling */
.platform-filter {
    border-radius: 8px;
    font-weight: 500;
    text-align: start;
    padding: 0.5rem 0.75rem;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    width: 100%;
    transition: background-color 0.2s, color 0.2s;
}

.platform-filter.active {
    background-color: #D4E2FF !important;
    color: #2A58D5 !important;
}

.platform-filter:hover:not(.active) {
    background-color: #f8f9fa;
}

/* Dark mode styles */
.dark-mode {
    background-color: #1e1e2d;
    color: #e4e6eb;
}

.dark-mode .main-content {
    background-color: #1e1e2d;
}

.dark-mode .card {
    background-color: #2a2a3c;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    border: 1px solid #383850;
    color: #e4e6eb;
}

.dark-mode .card h1,
.dark-mode .card h2,
.dark-mode .card h3,
.dark-mode .card h4,
.dark-mode .card h5,
.dark-mode .card h6 {
    color: #ffffff;
}

.dark-mode .card p {
    color: #e4e6eb;
}

.dark-mode .card .metric-value {
    color: #ffffff;
}

.dark-mode .card .metric-label {
    color: #b0b3b8;
}

.dark-mode .card-header {
    background-color: #32324a !important;
    border-bottom: 1px solid #383850;
    color: #ffffff;
}

.dark-mode .form-control, 
.dark-mode .form-select {
    background-color: #2a2a3c;
    border-color: #444455;
    color: #e4e6eb;
}

.dark-mode .form-control:focus, 
.dark-mode .form-select:focus {
    background-color: #32324a;
    border-color: #5d5fe0;
    box-shadow: 0 0 0 0.25rem rgba(93, 95, 239, 0.25);
}

.dark-mode .form-text {
    color: #a0a0b0;
}

.dark-mode .form-check-input {
    background-color: #2a2a3c;
    border-color: #444455;
}

.dark-mode .form-check-input:checked {
    background-color: #5d5fe0;
    border-color: #5d5fe0;
}

.dark-mode .btn-primary {
    background-color: #5d5fe0;
    border-color: #5d5fe0;
}

.dark-mode .btn-outline-primary {
    color: #5d5fe0;
    border-color: #5d5fe0;
}

.dark-mode .list-group-item {
    background-color: #2a2a3c;
    border-color: #383850;
    color: #e4e6eb;
}

.dark-mode .text-muted {
    color: #a0a0b0 !important;
}

.dark-mode .table {
    color: #e4e6eb;
}

.dark-mode .table thead th {
    background-color: #32324a;
    color: #a0a0b0;
    border-bottom: 1px solid #383850;
}

.dark-mode .table tbody td {
    color: #e4e6eb;
    border-bottom: 1px solid #383850;
}

.dark-mode .border-bottom {
    border-bottom-color: #383850 !important;
}

/* Dark mode dashboard specific styles */
.dark-mode .dashboard-content {
    color: #e4e6eb;
}

.dark-mode .dashboard-grid .card {
    background-color: #2a2a3c;
    color: #e4e6eb;
}

.dark-mode .dashboard-grid .card h2 {
    color: #ffffff;
}

.dark-mode .dashboard-grid .card p {
    color: #b0b3b8;
}

/* Dark mode text colors for various elements */
.dark-mode h1, 
.dark-mode h2, 
.dark-mode h3, 
.dark-mode h4, 
.dark-mode h5, 
.dark-mode h6 {
    color: #ffffff;
}

.dark-mode p {
    color: #e4e6eb;
}

.dark-mode .text-dark {
    color: #e4e6eb !important;
}

/* Dark mode specific metric card styles */
.dark-mode .metric-card {
    background-color: #2a2a3c !important;
    border: 1px solid #383850;
}

.dark-mode .metric-card .metric-value {
    color: #ffffff;
}

.dark-mode .metric-card .metric-label {
    color: #b0b3b8;
}

.dark-mode .metric-card .metric-change {
    color: #a0a0b0;
}

/* Dark mode metric card positive/negative changes */
.dark-mode .metric-card .metric-change.positive {
    color: #4caf50;
}

.dark-mode .metric-card .metric-change.negative {
    color: #f44336;
}

/* Dark mode icon circles - keep them vibrant for visual distinction */
.dark-mode .metric-card .icon-circle.bg-danger {
    background-color: #dc3545 !important;
}

.dark-mode .metric-card .icon-circle.bg-warning {
    background-color: #ffc107 !important;
    color: #000 !important; /* Dark text on yellow background */
}

.dark-mode .metric-card .icon-circle.bg-success {
    background-color: #28a745 !important;
}

.dark-mode .metric-card .icon-circle.bg-primary {
    background-color: #007bff !important;
}

/* Dark mode Google Reviews card styles - override inline styles */
.dark-mode .card h1[style*="color: #10174c"] {
    color: #ffffff !important;
}

.dark-mode .card div[style*="color: #10174c"] {
    color: #ffffff !important;
}

.dark-mode .card div[style*="color: #333"] {
    color: #ffffff !important;
}

.dark-mode .card div[style*="color: #666"] {
    color: #b0b3b8 !important;
}

.dark-mode .card div[style*="color: #999"] {
    color: #a0a0b0 !important;
}

/* Dark mode - override any inline dark text colors */
.dark-mode .card [style*="color: #10174c"],
.dark-mode .card [style*="color: #333"],
.dark-mode .card [style*="color: #000"] {
    color: #ffffff !important;
}

.dark-mode .card [style*="color: #666"] {
    color: #b0b3b8 !important;
}

.dark-mode .card [style*="color: #999"] {
    color: #a0a0b0 !important;
}

/* Dark mode MarkFlow offers card styles */
.dark-mode .card .card-header[style*="background-color: #fff2d1"] {
    background-color: #32324a !important;
}

.dark-mode .card .card-title[style*="color: #343a40"] {
    color: #ffffff !important;
}

.dark-mode .card .card-body[style*="background-color: white"] {
    background-color: #2a2a3c !important;
}

.dark-mode .card .offer-item[style*="background-color: #f8f9fa"] {
    background-color: #383850 !important;
}

.dark-mode .card .offer-item h6 {
    color: #ffffff !important;
}

.dark-mode .card .offer-item p {
    color: #b0b3b8 !important;
}

/* Dark mode - override any light background colors */
.dark-mode .card [style*="background-color: #fff2d1"],
.dark-mode .card [style*="background-color: #f8f9fa"],
.dark-mode .card [style*="background-color: white"],
.dark-mode .card [style*="background-color: #ffffff"] {
    background-color: #2a2a3c !important;
}

/* Dark mode - override dark text colors that become invisible */
.dark-mode .card [style*="color: #343a40"] {
    color: #ffffff !important;
}

/* Dark mode visitors mapping card styles */
.dark-mode .card h2 b {
    color: #ffffff !important;
}

/* Ensure all card titles are white in dark mode */
.dark-mode .card h2,
.dark-mode .card h3,
.dark-mode .card h4,
.dark-mode .card h5 {
    color: #ffffff !important;
}

/* Avatar Circle for User Profile */
.avatar-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5d5fe0;
}

.avatar-circle .initials {
    font-size: 20px;
    font-weight: bold;
}

/* Dark mode toggle button styling */
.dark-mode-toggle {
    display: flex;
    align-items: center;
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s ease;
    margin-right: 15px;
}

.dark-mode-toggle i {
    font-size: 1rem;
}

/* Light mode button styles */
.dark-mode-toggle.btn-outline-dark {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5);
}

.dark-mode-toggle.btn-outline-dark:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

/* Dark mode button styles */
.dark-mode .dark-mode-toggle.btn-outline-light {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5);
}

.dark-mode .dark-mode-toggle.btn-outline-light:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

/* Dark mode - override dark text colors that become invisible */
.dark-mode .card [style*="color: #343a40"] {
    color: #ffffff !important;
}

/* Dark mode social media posts component styles */
.dark-mode .stats-card[style*="background-color: #fff"] {
    background-color: #383850 !important;
}

.dark-mode .stats-card div[style*="color: #333"] {
    color: #ffffff !important;
}

.dark-mode .card div[style*="background-color: #f9f9f9"] {
    background-color: #383850 !important;
}

.dark-mode .platform-tab.btn-primary {
    background-color: #5d5fe0 !important;
    border-color: #5d5fe0 !important;
}

.dark-mode .platform-tab.btn-outline-secondary {
    color: #e4e6eb !important;
    border-color: #444455 !important;
}

.dark-mode .platform-tab.btn-outline-secondary:hover {
    background-color: #444455 !important;
    border-color: #444455 !important;
    color: #ffffff !important;
}

/* Dark mode table styling for social media posts */
.dark-mode .table th {
    color: #e4e6eb !important;
    background-color: transparent !important;
}

.dark-mode .table td {
    color: #e4e6eb !important;
}

/* Override any remaining light backgrounds and dark text in cards */
.dark-mode .card [style*="background-color: #fff"],
.dark-mode .card [style*="background-color: white"],
.dark-mode .card [style*="background-color: #ffffff"] {
    background-color: #383850 !important;
}

.dark-mode .card [style*="background-color: #f9f9f9"],
.dark-mode .card [style*="background-color: #f8f9fa"] {
    background-color: #383850 !important;
}

/* Dark mode social media planner component styles */

/* Planner grid table */
.dark-mode .planner-grid {
    color: #e4e6eb;
}

.dark-mode .planner-grid th,
.dark-mode .planner-grid td {
    border-color: #444455 !important;
    color: #e4e6eb !important;
}

.dark-mode .planner-grid thead th {
    background-color: #32324a !important;
    color: #ffffff !important;
}

.dark-mode .planner-grid tbody td {
    background-color: #2a2a3c !important;
}

.dark-mode .planner-grid tfoot td {
    background-color: #32324a !important;
    color: #ffffff !important;
}

/* Platform filter buttons */
.dark-mode .platform-filter {
    background-color: #383850 !important;
    border-color: #444455 !important;
    color: #e4e6eb !important;
}

.dark-mode .platform-filter.active {
    background-color: #5d5fe0 !important;
    border-color: #5d5fe0 !important;
    color: #ffffff !important;
}

.dark-mode .platform-filter:hover:not(.active) {
    background-color: #444455 !important;
    color: #ffffff !important;
}

/* Planner items */
.dark-mode .planner-item {
    border: 1px solid #444455;
}

.dark-mode .planner-item.orange {
    background-color: #4a3728 !important;
    color: #ffb347 !important;
}

.dark-mode .planner-item.blue {
    background-color: #1e3a5f !important;
    color: #87ceeb !important;
}

.dark-mode .planner-item.green {
    background-color: #2d4a3e !important;
    color: #90ee90 !important;
}

.dark-mode .planner-item.purple {
    background-color: #4a3b5c !important;
    color: #dda0dd !important;
}

.dark-mode .planner-item.pink {
    background-color: #5c3b4a !important;
    color: #ffc0cb !important;
}

/* Platform badges */
.dark-mode .platform-badge {
    background-color: #444455 !important;
    color: #e4e6eb !important;
}

/* Cell add buttons */
.dark-mode .cell-add-btn {
    background-color: #444455 !important;
    color: #e4e6eb !important;
    border: 1px solid #555566;
}

.dark-mode .cell-add-btn:hover {
    background-color: #555566 !important;
}

/* Item more buttons */
.dark-mode .item-more-btn {
    background-color: rgba(68, 68, 85, 0.7) !important;
    color: #e4e6eb !important;
}

.dark-mode .item-more-btn:hover {
    background-color: rgba(68, 68, 85, 0.9) !important;
}

/* Ideas board */
.dark-mode .ideas-board-container {
    background-color: #32324a !important;
}

.dark-mode .idea-card {
    background-color: #383850 !important;
    color: #e4e6eb !important;
    border: 1px solid #444455;
}

.dark-mode .idea-card:hover {
    background-color: #444455 !important;
}

.dark-mode .add-idea {
    background-color: #444455 !important;
    color: #e4e6eb !important;
}

.dark-mode .idea-add-btn {
    background-color: #555566 !important;
    color: #e4e6eb !important;
}

/* Calendar input */
.dark-mode .jcalendar-input {
    background-color: #2a2a3c !important;
    border: 1px solid #444455 !important;
}

/* jSuites Calendar Dark Mode Styling */
.dark-mode .jcalendar {
    background-color: #2a2a3c !important;
    border: 1px solid #444455 !important;
}

.dark-mode .jcalendar-header {
    background-color: #32324a !important;
    border-bottom: 1px solid #444455 !important;
}


.dark-mode .jcalendar-content {
    background-color: #2a2a3c !important;
}


.dark-mode .jcalendar-table td {
    border: 1px solid #383850 !important;
}

.dark-mode .jcalendar-table td:hover {
    background-color: #444455;
}

.dark-mode .jcalendar-table table {
    background-color: #444455 !important;
}

.dark-mode .jcalendar-table .jcalendar-selected {
    background-color: #5d5fe0 !important;
}

.dark-mode .jcalendar-table .jcalendar-today {
    background-color: #4a4a5c !important;
}


.dark-mode .jcalendar-confirm {
    background-color: #2a2a3c !important;
    border: none !important;
}

.dark-mode .jcalendar-confirm:hover {
    background-color: #4a4dd1 !important;
}

.jcalendar-set-month:hover {
    background-color: #5d5fe0 !important;
}

/* Fix for calendar input text color specifically */
.dark-mode #calendar {
    background-color: #2a2a3c !important;
    color: #e4e6eb !important;
    border: 1px solid #444455 !important;
}

.dark-mode #calendar:focus {
    background-color: #32324a !important;
    border-color: #5d5fe0 !important;
    outline: none !important;
    box-shadow: 0 0 0 0.25rem rgba(93, 95, 239, 0.25) !important;
}

/* Sidebars */
.dark-mode .planner-sidebar,
.dark-mode .idea-sidebar {
    background-color: #2a2a3c !important;
    color: #e4e6eb !important;
}

.dark-mode .sidebar-header {
    background-color: #32324a !important;
    border-bottom-color: #444455 !important;
    color: #ffffff !important;
}

.dark-mode .sidebar-content {
    color: #e4e6eb !important;
}

.dark-mode .sidebar-content .form-label {
    color: #e4e6eb !important;
}

.dark-mode .close-sidebar,
.dark-mode .close-idea-sidebar {
    color: #e4e6eb !important;
}

/* Comments */
.dark-mode .comment-item {
    background-color: #383850 !important;
    color: #e4e6eb !important;
}

.dark-mode .comment-author {
    color: #ffffff !important;
}

.dark-mode .comment-date {
    color: #a0a0b0 !important;
}

.dark-mode .no-comments {
    color: #a0a0b0 !important;
}

/* Modal overrides */
.dark-mode .modal-content {
    background-color: #2a2a3c !important;
    color: #e4e6eb !important;
}

.dark-mode .modal-header {
    border-bottom-color: #444455 !important;
}

.dark-mode .modal-footer {
    border-top-color: #444455 !important;
}

.dark-mode .modal-title {
    color: #ffffff !important;
}

/* Icon grid for platform selection */
.dark-mode .icon-option {
    background-color: #383850 !important;
    border-color: #444455 !important;
    color: #e4e6eb !important;
}

.dark-mode .icon-option i {
    color: #e4e6eb !important;
}

.dark-mode .icon-option:hover {
    background-color: #444455 !important;
}

.dark-mode .icon-option:hover i {
    color: #ffffff !important;
}

.dark-mode .icon-option.selected {
    background-color: #5d5fe0 !important;
    border-color: #5d5fe0 !important;
}

.dark-mode .icon-option.selected i {
    color: #ffffff !important;
}

/* Action buttons */
.dark-mode .action-buttons .btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

/* Banner placeholder */
.dark-mode .card .text-center.rounded-pill[style*="background-color: lightgray"] {
    background-color: #444455 !important;
}

.dark-mode .card .text-center.rounded-pill p[style*="color: #000"] {
    color: #e4e6eb !important;
}

/* Ask MarkAI component dark mode styles */
.dark-mode .ask-markai-card {
    background-color: #2a2a3c !important;
    border-color: #444455 !important;
}

.dark-mode .ask-markai-card .card-header[style*="background-color: #809bff"] {
    background-color: #5d5fe0 !important;
}

.dark-mode .ask-markai-card .card-title[style*="color: #343a40"] {
    color: #ffffff !important;
}

.dark-mode .ask-markai-card .card-body[style*="background-color: white"] {
    background-color: #2a2a3c !important;
}

/* Chat messages styling */
.dark-mode .ask-markai-card .user-message .message-content {
    background-color: #4a4dd1 !important;
    color: #ffffff !important;
}

.dark-mode .ask-markai-card .ai-message .message-content {
    background-color: #383850 !important;
    color: #e4e6eb !important;
}

.dark-mode .ask-markai-card .ai-message .message-content[style*="background-color: #f0f2ff"] {
    background-color: #383850 !important;
    color: #e4e6eb !important;
}

/* Input field styling */
.dark-mode .ask-markai-card #ask-markai-input {
    background-color: #383850 !important;
    border-color: #444455 !important;
    color: #e4e6eb !important;
}

.dark-mode .ask-markai-card #ask-markai-input::placeholder {
    color: #a0a0b0 !important;
}

.dark-mode .ask-markai-card #ask-markai-input:focus {
    background-color: #444455 !important;
    border-color: #5d5fe0 !important;
    box-shadow: 0 0 0 0.25rem rgba(93, 95, 239, 0.25) !important;
    color: #ffffff !important;
}

/* Send button styling */
.dark-mode .ask-markai-card #send-markai-message {
    background-color: #5d5fe0 !important;
    border-color: #5d5fe0 !important;
}

.dark-mode .ask-markai-card #send-markai-message:hover {
    background-color: #4a4dd1 !important;
    border-color: #4a4dd1 !important;
}

/* Typing indicator dots */
.dark-mode .ask-markai-card .typing-dot {
    background-color: #a0a0b0 !important;
}

/* Create Images with MarkAI component dark mode styles */
.dark-mode .create-images-card {
    background-color: #2a2a3c !important;
    border-color: #444455 !important;
}

.dark-mode .create-images-card .card-header[style*="background-color: #ffd978"] {
    background-color: #ffc107 !important;
}

.dark-mode .create-images-card .card-title[style*="color: #343a40"] {
    color: #000000 !important;
}

.dark-mode .create-images-card .card-body[style*="background-color: white"] {
    background-color: #2a2a3c !important;
}

/* Image preview area styling */
.dark-mode .create-images-card .image-preview-area {
    color: #a0a0b0 !important;
}

.dark-mode .create-images-card .text-muted {
    color: #a0a0b0 !important;
}

.dark-mode .create-images-card .text-muted i {
    color: #a0a0b0 !important;
}

.dark-mode .create-images-card .text-muted p {
    color: #a0a0b0 !important;
}

/* Input field styling */
.dark-mode .create-images-card .form-control {
    background-color: #383850 !important;
    border-color: #444455 !important;
    color: #e4e6eb !important;
}

.dark-mode .create-images-card .form-control::placeholder {
    color: #a0a0b0 !important;
}

.dark-mode .create-images-card .form-control:focus {
    background-color: #444455 !important;
    border-color: #5d5fe0 !important;
    box-shadow: 0 0 0 0.25rem rgba(93, 95, 239, 0.25) !important;
    color: #ffffff !important;
}

/* Marketing Budget Summary component dark mode styles */
.dark-mode .card p[style*="color: #000063"] {
    color: #ffffff !important;
}

.dark-mode .budget-box[style*="background-color: #ffebee"] {
    background-color: #5c2e35 !important;
}

.dark-mode .budget-box[style*="background-color: #fff8e1"] {
    background-color: #5c5235 !important;
}

.dark-mode .budget-box[style*="background-color: #e8f5e9"] {
    background-color: #2e5c35 !important;
}

.dark-mode .budget-box[style*="background-color: #f3e5f5"] {
    background-color: #5c355c !important;
}

.dark-mode .budget-box .text-dark {
    color: #ffffff !important;
}

/* Marketing Campaigns component dark mode styles */
.dark-mode .card p[style*="color: #1e144d"] {
    color: #ffffff !important;
}

.dark-mode .table-bordered {
    border-color: #444455 !important;
}

.dark-mode .table-bordered th,
.dark-mode .table-bordered td {
    border-color: #444455 !important;
    color: #e4e6eb !important;
}

.dark-mode .table thead th {
    background-color: #32324a !important;
    color: #ffffff !important;
}

.dark-mode .table .bg-light {
    background-color: #383850 !important;
}

.dark-mode .table tbody tr {
    background-color: #2a2a3c !important;
}

.dark-mode .table tbody tr.bg-light {
    background-color: #383850 !important;
}

/* Marketing Budget Planning component dark mode styles */
.dark-mode .budget-table {
    color: #e4e6eb !important;
}

.dark-mode .budget-table th {
    color: #ffffff !important;
}

.dark-mode .budget-table td {
    color: #e4e6eb !important;
}

.dark-mode .budget-table .bg-light {
    background-color: #383850 !important;
}

.dark-mode .budget-table .form-control {
    background-color: #383850 !important;
    border-color: #444455 !important;
    color: #e4e6eb !important;
}

.dark-mode .budget-table .date-input {
    background-color: #383850 !important;
    color: #e4e6eb !important;
}

.dark-mode .budget-table .btn[style*="background-color: #FFF5E0"] {
    background-color: #5c5235 !important;
    color: #ffffff !important;
}

.dark-mode .budget-table .btn[style*="background-color: #FFF5E0"]:hover {
    background-color: #6b5f3d !important;
}

/* Marketing Expenses by Channel component dark mode styles */
.dark-mode .card p[style*="color: #1e144d"] {
    color: #ffffff !important;
}

/* Strategic Improvements Planner component dark mode styles */
.dark-mode .improvements-table {
    color: #e4e6eb !important;
}

.dark-mode .improvements-table th {
    background-color: #32324a !important;
    color: #ffffff !important;
    border-bottom-color: #444455 !important;
}

.dark-mode .improvements-table td {
    color: #e4e6eb !important;
    border-bottom-color: #444455 !important;
}

/* Section rows with light backgrounds */
.dark-mode .section-row td {
    background-color: #383850 !important;
    color: #ffffff !important;
}

/* Section add buttons */
.dark-mode .section-add-btn {
    background-color: #555566 !important;
    color: #e4e6eb !important;
}

.dark-mode .section-add-btn:hover {
    background-color: #666677 !important;
}

/* Comment icons */
.dark-mode .comment-icon {
    background-color: #555566 !important;
    color: #e4e6eb !important;
}

/* Month cells */
.dark-mode .month-cell:hover {
    background-color: #383850 !important;
}

/* Completed month indicators */
.dark-mode .month-completed {
    background-color: #2d5c35 !important;
}

.dark-mode .month-completed i {
    color: #90ee90 !important;
}

/* Person badges */
.dark-mode .person-badge {
    background-color: #5d5fe0 !important;
    color: #ffffff !important;
}

/* Improvements sidebar styling */
.dark-mode .improvements-sidebar {
    background-color: #2a2a3c !important;
    color: #e4e6eb !important;
}

.dark-mode .improvements-sidebar .sidebar-header {
    background-color: #32324a !important;
    border-bottom-color: #444455 !important;
    color: #ffffff !important;
}

.dark-mode .improvements-sidebar .sidebar-content {
    color: #e4e6eb !important;
}

.dark-mode .improvements-sidebar .form-label {
    color: #e4e6eb !important;
}

.dark-mode .improvements-sidebar .form-control {
    background-color: #383850 !important;
    border-color: #444455 !important;
    color: #e4e6eb !important;
}

.dark-mode .improvements-sidebar .form-control:focus {
    background-color: #444455 !important;
    border-color: #5d5fe0 !important;
    box-shadow: 0 0 0 0.25rem rgba(93, 95, 239, 0.25) !important;
}

.dark-mode .improvements-sidebar .close-sidebar {
    color: #e4e6eb !important;
}

/* Comment items in sidebar */
.dark-mode .improvements-sidebar .comment-item {
    background-color: #383850 !important;
    color: #e4e6eb !important;
}

.dark-mode .improvements-sidebar .comment-author {
    color: #ffffff !important;
}

.dark-mode .improvements-sidebar .comment-date {
    color: #a0a0b0 !important;
}

.dark-mode .improvements-sidebar .text-muted {
    color: #a0a0b0 !important;
}

/* Base styling for month-completed checkmarks (light mode) - updated to match dark mode */
.month-completed {
    text-align: center;
    background-color: #2d5c35 !important;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.month-completed i {
    color: #90ee90 !important;
    font-size: 16px;
}

/* Platform selection modal dark mode styles */
.dark-mode .platform-select-options .platform-option {
    background-color: #383850 !important;
    border-color: #444455 !important;
    color: #e4e6eb !important;
}

.dark-mode .platform-select-options .platform-option i {
    color: #e4e6eb !important;
}

.dark-mode .platform-select-options .platform-option:hover {
    background-color: #444455 !important;
    color: #ffffff !important;
}

.dark-mode .platform-select-options .platform-option:hover i {
    color: #ffffff !important;
}