.lifestyle-option{cursor:pointer;min-width:180px;max-width:220px;font-family:var(--body);opacity:0;background:#fff;border:2px solid #d8c4b066;border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;animation:.3s forwards fadeInUp;display:flex;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lifestyle-option:hover{border-color:#e07856;box-shadow:0 4px 12px #e078561f}.lifestyle-option:active{transform:scale(.98)}.lifestyle-option--selected{background:#e078560f;border-color:#e07856}.lifestyle-option--selected:hover{box-shadow:0 4px 12px #e0785626}.lifestyle-option--locked{cursor:not-allowed;background:#f8f8f8;border-color:#e5e5e5}.lifestyle-option--locked:hover{box-shadow:none;border-color:#e5e5e5}.lifestyle-option--locked .lifestyle-option__name,.lifestyle-option--locked .lifestyle-option__price,.lifestyle-option--locked .lifestyle-option__period{opacity:.5}.lifestyle-option--disabled{cursor:not-allowed;background:#f8f8f8;border-color:#e5e5e5;justify-content:center;min-height:60px}.lifestyle-option__kicked-text{color:#888;text-align:center;font-size:12px;font-weight:500;line-height:1.4}.lifestyle-option__left{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.lifestyle-option__right{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.lifestyle-option__name{color:#33261e;word-break:break-word;font-size:13px;font-weight:600;line-height:1.2}.lifestyle-option__lock-badge{color:#999;background:#33261e0d;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:500;display:inline-flex}.lifestyle-option__lock-badge span:first-child{font-size:9px}.lifestyle-option__price{align-items:baseline;gap:1px;display:flex}.lifestyle-option__currency{color:#e07856;font-size:13px;font-weight:600}.lifestyle-option__amount{color:#e07856;font-size:18px;font-weight:700}.lifestyle-option__period{color:#a08b7b;font-size:10px;font-weight:500}.lifestyle-option__selected-badge{color:#fff;background:#e07856;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.lifestyle-option__selected-badge span{font-size:9px}.lifestyle-option:first-child{animation-delay:0s}.lifestyle-option:nth-child(2){animation-delay:30ms}.lifestyle-option:nth-child(3){animation-delay:60ms}.lifestyle-option:nth-child(4){animation-delay:90ms}.lifestyle-option:nth-child(5){animation-delay:.12s}@media only screen and (max-width:600px){.lifestyle-option{gap:8px;min-width:calc(50% - 4px);max-width:calc(50% - 4px);padding:8px 10px}.lifestyle-option__name{font-size:12px}.lifestyle-option__amount{font-size:16px}.lifestyle-option__currency{font-size:12px}}@media only screen and (max-width:400px){.lifestyle-option{padding:6px 8px}.lifestyle-option__amount{font-size:14px}.lifestyle-option__lock-badge,.lifestyle-option__selected-badge{padding:1px 4px;font-size:9px}}
.option-1-price5{font-size:14px;font-weight:600;line-height:20px;position:relative}.lifestyleoption1{box-sizing:border-box;background-color:#fff;border:1.5px solid #ead9c8;border-radius:10px;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-width:180px;padding:10px 14px;display:flex;overflow:hidden}.option-2-container{box-sizing:border-box;background-color:#e078561a;border:2px solid #e07856;border-radius:10px;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-width:180px;padding:10px 14px;display:flex;overflow:hidden}
.budgetinggamepicklifestyle{width:100%;font-family:var(--body);color:#33261e;background:0 0;flex-direction:column;display:flex;position:relative}.lifestylecontainer{box-sizing:border-box;grid-template-columns:1fr 360px;align-items:start;gap:24px;width:100%;padding:26px;display:grid}.chooselifestylecol{flex-direction:column;gap:20px;min-width:0;display:flex}.chooselifestylecol::-webkit-scrollbar{width:6px}.chooselifestylecol::-webkit-scrollbar-track{background:#33261e0d;border-radius:3px}.chooselifestylecol::-webkit-scrollbar-thumb{background:#e078564d;border-radius:3px}.chooselifestylecol::-webkit-scrollbar-thumb:hover{background:#e0785680}.budgetinggame-optionscontainer{flex-direction:column;gap:20px;display:flex}.lifestylechoicescontainer{border-bottom:1px solid #33261e0f;flex-direction:column;gap:8px;padding-bottom:16px;display:flex}.lifestylechoicescontainer:last-child{border-bottom:none;padding-bottom:0}.income-heading{color:var(--sb-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.income-options-container{flex-wrap:wrap;gap:8px;display:flex}.lifestyle-next-section{border-top:1px solid #33261e0f;flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px;padding-top:16px;display:flex}.lifestyle-next-section__hint{color:#888;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.lifestyle-next-section__lock{font-size:12px}.lifestyleexpensestable{background:linear-gradient(135deg,#fdf3ea 0%,#fff 100%);border:1px solid #d8c4b04d;border-radius:20px;flex-direction:column;flex-shrink:0;gap:24px;width:320px;padding:24px;animation:.5s forwards slideInRight;display:flex;position:sticky;top:32px;box-shadow:0 4px 24px #c4562f14}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.welcome-back-talha{color:#33261e;text-align:center;border-bottom:1px solid #d8c4b04d;padding-bottom:16px;font-size:20px;font-weight:700}.frame-parent{flex-direction:column;gap:16px;display:flex}.income-parent{background:#fff;border:1px solid #d8c4b033;border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;transition:all .2s;display:flex}.income-parent:hover{border-color:#e078564d;box-shadow:0 2px 8px #e0785614}.income{color:#a08b7b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.intern-in-startup-0-parent{justify-content:space-between;align-items:center;display:flex}.intern-in-startup{color:#6e5e51;max-width:150px;font-size:14px;font-weight:500}.salary-div{color:#e07856;font-size:16px;font-weight:700}.income-parent:last-child{background:linear-gradient(135deg,#e0785614 0%,#e078561f 100%);border-color:#e078564d}.income-parent:last-child .income{color:#e07856}.income-parent:last-child .salary-div{font-size:20px}@media screen and (max-width:900px){.lifestylecontainer{grid-template-columns:1fr;padding:20px}}@media screen and (max-width:600px){.lifestylecontainer{gap:24px;padding:16px}.budgetinggame-optionscontainer{gap:16px}.lifestylechoicescontainer{gap:6px}.income-heading{font-size:12px}.income-options-container{gap:6px}.lifestyleexpensestable{padding:20px}}
.expenses-summary{width:340px;font-family:var(--body);background:linear-gradient(135deg,#fff 0%,#fdf3ea 100%);border:1px solid #d8c4b040;border-radius:20px;flex-direction:column;flex-shrink:0;gap:20px;padding:24px;animation:.5s forwards summarySlideIn;display:flex;position:sticky;top:32px;box-shadow:0 4px 24px #c4562f14}@keyframes summarySlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.expenses-summary__header{border-bottom:1px solid #d8c4b040;align-items:center;gap:12px;padding-bottom:16px;display:flex}.expenses-summary__icon{font-size:24px}.expenses-summary__title{color:#33261e;font-size:18px;font-weight:700}.expenses-summary__list{flex-direction:column;gap:12px;display:flex}.expenses-summary__item{background:#fff;border:1px solid #d8c4b026;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.expenses-summary__item:hover{border-color:#e0785640;box-shadow:0 2px 8px #e078560f}.expenses-summary__item--income{background:linear-gradient(135deg,#6b8f710d 0%,#6b8f711a 100%);border-color:#6b8f7133}.expenses-summary__item--income:hover{border-color:#6b8f7159;box-shadow:0 2px 8px #6b8f711a}.expenses-summary__item--empty{opacity:.6}.expenses-summary__item--empty .expenses-summary__item-value{color:#a08b7b;font-style:italic}.expenses-summary__item-left{align-items:center;gap:12px;display:flex}.expenses-summary__item-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.expenses-summary__item-info{flex-direction:column;gap:2px;display:flex}.expenses-summary__item-label{color:#a08b7b;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.expenses-summary__item-value{color:#6e5e51;font-size:13px;font-weight:500}.expenses-summary__item-amount{color:#6e5e51;white-space:nowrap;font-size:16px;font-weight:700}.expenses-summary__item-amount--positive{color:#4f7a5c}.expenses-summary__item-amount--negative{color:#e07856}.expenses-summary__divider{align-items:center;gap:12px;margin:4px 0;display:flex}.expenses-summary__divider span{color:#a08b7b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:11px;font-weight:600}.expenses-summary__divider:after{content:"";background:#d8c4b04d;flex:1;height:1px}.expenses-summary__total{background:linear-gradient(135deg,#e0785614 0%,#e078561f 100%);border:1px solid #e0785633;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.expenses-summary__total--over{background:linear-gradient(135deg,#e0785626 0%,#e0785633 100%);border-color:#e0785666;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.expenses-summary__total-row{justify-content:space-between;align-items:center;display:flex}.expenses-summary__total-label{color:#e07856;font-size:14px;font-weight:600}.expenses-summary__total-amount{color:#4f7a5c;font-size:24px;font-weight:700}.expenses-summary__total-amount--negative{color:#e07856}.expenses-summary__warning{color:#e07856;background:#e078561a;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;animation:1.5s infinite pulse;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.expenses-summary__hint{color:#a08b7b;text-align:center;font-size:12px;font-style:italic;font-weight:500}@media screen and (max-width:1024px){.expenses-summary{width:300px;padding:20px}}@media screen and (max-width:900px){.expenses-summary{order:1;width:100%;margin-top:16px;position:relative;top:0}.expenses-summary__list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.expenses-summary__item--income,.expenses-summary__divider{grid-column:span 2}}@media screen and (max-width:600px){.expenses-summary{gap:16px;padding:16px}.expenses-summary__list{grid-template-columns:1fr}.expenses-summary__item--income,.expenses-summary__divider{grid-column:span 1}.expenses-summary__item-icon{width:32px;height:32px;font-size:16px}.expenses-summary__total-amount{font-size:20px}}