@font-face{font-family:'Poppins';src:url('/Poppins-Medium.ttf') format('truetype');font-display:swap;}@font-face{font-family:'Marker';src:url('/PermanentMarker-Regular.ttf') format('truetype');font-display:swap;}:root{--color-1:#372f38;--color-2:#554d56;--color-3:#edeced;--color-4:#ee6723;--color-5:#f69833;--color-6:#419bf9;--color-7:#0dcfda;--color-8:#c8cf2d;--color-9:#5a8d03;--color-10:#f9f9f9;--color-11:rgb(105,97,106);--gradient-1:linear-gradient(90deg,var(--color-4) 0%,var(--color-5) 100%);--gradient-2:linear-gradient(90deg,var(--color-6) 0%,var(--color-7) 100%);--gradient-3:linear-gradient(90deg,var(--color-8) 0%,var(--color-9) 100%);--box-shadow-1:5px 10px 20px rgba(0,0,0,0.25);--box-shadow-2:inset 1px 1px 1px rgba(0,0,0,0.3),inset -1px -1px 1px rgba(255,255,255,0.1);--line:rgba(237,236,237,0.12);--text-muted:rgba(237,236,237,0.7);color-scheme:dark;}body{margin:0;padding:0;color:var(--color-3);background:var(--color-1);font-family:"Poppins",sans-serif;}.row{padding:0;margin:0;}.row .col{padding:0;margin:0;}@media only screen and (min-width: 993px){.row .right{padding-left:10px;}.row .left{padding-right:10px;}}a{text-decoration:none;color:inherit;}.logo-text{font-family:"Marker",sans-serif;}.small-logo{height:30px;width:auto;}.pop-orange{background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;}.pop-green{background:var(--gradient-3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;}.pop-blue{background:var(--gradient-2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;}* ::-webkit-scrollbar{width:2px;height:2px;background:var(--color-1);}* ::-webkit-scrollbar-track{background:transparent;border-radius:10px;}* ::-webkit-scrollbar-thumb{background:var(--color-3);border-radius:5px;}input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],input[type=date],input[type=time],input[type=search],input[type=month],input[type=week],input[type=datetime-local],input[type=range],input[type=color],input[type=checkbox],input[type=radio],select,textarea{background:var(--color-11);border:1px solid transparent;border-radius:10px;color:var(--color-3);font:inherit;line-height:1.5;padding:11px 14px;margin:0;width:100%;box-sizing:border-box;transition:border-color 0.2s ease,box-shadow 0.2s ease;outline:none;}input[type=date],input[type=time]{height:calc(1.5em + 24px);}input:focus,select:focus,textarea:focus{border-color:var(--color-6);box-shadow:0 0 0 3px rgba(65,155,249,0.25);}select,input[type=date],input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23edeced' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;}.cursor-pointer{cursor:pointer;}select{width:100%;}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgba(237,236,237,0.45);}input::-moz-placeholder,textarea::-moz-placeholder{color:rgba(237,236,237,0.45);}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:rgba(237,236,237,0.45);}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:rgba(237,236,237,0.45);}input::placeholder,textarea::placeholder{color:rgba(237,236,237,0.45);}progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:60px;width:100%;position:relative;}progress[value]::-webkit-progress-bar{background:var(--color-11);border-radius:10px;box-shadow:var(--box-shadow-1);position:relative;}progress[value]::-webkit-progress-value{background:var(--gradient-3);border-radius:10px;height:calc(100% - 4px);background-size:cover;position:absolute;top:0;left:0;bottom:0;margin:auto;box-shadow:none;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}progress[value].blue::-webkit-progress-value{background:var(--gradient-2);}progress[value].orange::-webkit-progress-value{background:var(--gradient-1);}.add-transaction-button,.edit-transaction-button{cursor:pointer;transition:all 0.5s ease;}.add-transaction-button:active,.edit-transaction-button:active{transform:scale(0.9);}.flex-center{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}.flex-center .flex-1{flex:1;}.space-between{justify-content:space-between;}.justify-end{justify-content:flex-end;}.justify-start{justify-content:flex-start;}.flex-column{display:flex;flex-direction:column;}.height-100{height:100vh;}.card{background:var(--color-2);border-radius:10px;box-shadow:var(--box-shadow-1);padding:20px;width:300px;}.lighter-card{background:var(--color-11);}.transparent-card{background:transparent;border:none;box-shadow:none;}.display-card{height:150px;}.width-100-card{width:calc(100% - 40px);}.small-card{padding:10px;padding-top:5px;padding-bottom:5px;}.width-100-small-card{width:calc(100% - 20px);}.border-box{padding:4px 20px;border-radius:12px;border:2px dashed var(--color-11);box-shadow:none;color:var(--text-muted);}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;background:var(--gradient-1);border:none;border-radius:10px;box-shadow:var(--box-shadow-1);color:var(--color-10);font:inherit;font-size:0.9rem;line-height:1.4;letter-spacing:0.03em;text-align:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-transform:uppercase;padding:10px 20px;transition:all 0.3s ease;outline:none;flex:none;}.button-small{padding:10px;flex:none;}.button:hover{cursor:pointer;transform:scale(1.05);}.button:active{transform:scale(0.95);}.button:focus-visible{box-shadow:0 0 0 3px rgba(65,155,249,0.5);}.button-green{background:var(--gradient-3);}.button-blue{background:var(--gradient-2);}.button-outline{background:transparent;border:2px solid var(--color-4);box-shadow:none;color:var(--color-3);padding:8px 18px;}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;font-size:1.05rem;letter-spacing:0;}.icon-button.small{width:34px;height:34px;font-size:0.9rem;}.break-word{word-break:break-word;}.width-100{width:100%;}.margin-0{margin:0;}.margin-5{margin:5px;}.margin-10{margin:10px;}.margin-15{margin:15px;}.margin-20{margin:20px;}.margin-25{margin:25px;}.margin-left-0{margin-left:0;}.margin-left-5{margin-left:5px;}.margin-left-10{margin-left:10px;}.margin-left-15{margin-left:15px;}.margin-left-20{margin-left:20px;}.margin-left-25{margin-left:25px;}.margin-right-5{margin-right:5px;}.margin-right-10{margin-right:10px;}.margin-right-15{margin-right:15px;}.margin-right-20{margin-right:20px;}.margin-right-25{margin-right:25px;}.margin-top-0{margin-top:0;}.margin-top-5{margin-top:5px;}.margin-top-10{margin-top:10px;}.margin-top-15{margin-top:15px;}.margin-top-20{margin-top:20px;}.margin-top-25{margin-top:25px;}.margin-bottom-0{margin-bottom:0;}.margin-bottom-5{margin-bottom:5px;}.margin-bottom-10{margin-bottom:10px;}.margin-bottom-15{margin-bottom:15px;}.margin-bottom-20{margin-bottom:20px;}.margin-bottom-25{margin-bottom:25px;}.padding-0{padding:0;}.padding-5{padding:5px;}.padding-10{padding:10px;}.padding-15{padding:15px;}.padding-20{padding:20px;}.padding-25{padding:25px;}.padding-left-0{padding-left:0;}.padding-left-5{padding-left:5px;}.padding-left-10{padding-left:10px;}.padding-left-15{padding-left:15px;}.padding-left-20{padding-left:20px;}.padding-left-25{padding-left:25px;}.padding-right-0{padding-right:0;}.padding-right-5{padding-right:5px;}.padding-right-10{padding-right:10px;}.padding-right-15{padding-right:15px;}.padding-right-20{padding-right:20px;}.padding-right-25{padding-right:25px;}.padding-top-0{padding-top:0;}.padding-top-5{padding-top:5px;}.padding-top-10{padding-top:10px;}.padding-top-15{padding-top:15px;}.padding-top-20{padding-top:20px;}.padding-top-25{padding-top:25px;}.padding-bottom-0{padding-bottom:0;}.padding-bottom-5{padding-bottom:5px;}.padding-bottom-10{padding-bottom:10px;}.padding-bottom-15{padding-bottom:15px;}.padding-bottom-20{padding-bottom:20px;}.padding-bottom-25{padding-bottom:25px;}.hide{display:none;}.gtb-toast{padding:10px 16px;border-radius:10px;background:var(--color-3);color:var(--color-1);}.gtb-background{background:rgba(20,16,21,0.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}.gtb-confirm-frame,.gtb-alert-frame{background:var(--color-2);color:var(--color-3);font-family:inherit;border-radius:16px;border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,0.45);padding:0;width:calc(100vw - 24px);max-width:560px;max-height:88vh;box-sizing:border-box;}.gtb-confirm-frame{max-width:440px;}.gtb-confirm-header,.gtb-alert-header{position:-webkit-sticky;position:sticky;top:0;z-index:1;width:auto;margin:0;padding:12px 12px 12px 24px;gap:12px;justify-content:space-between;text-align:left;background:var(--color-2);border-bottom:1px solid var(--line);color:var(--color-10);font-size:1.1rem;font-weight:normal;line-height:1.3;overflow:visible;}.gtb-close-button{flex:none;width:34px;height:34px;margin:0;padding:0;border-radius:10px;background:transparent;box-shadow:none;color:var(--color-3);transition:background 0.2s ease,transform 0.25s ease;}.gtb-close-button:hover{background:var(--color-11);}.gtb-close-button b{display:none;}.gtb-close-button::before{content:"\f00d";font-family:"Font Awesome 6 Free";font-weight:900;font-size:1rem;}.gtb-alert-content,.gtb-confirm-content{padding:20px 24px 24px;line-height:1.5;}.gtb-confirm-content{padding-bottom:8px;}.gtb-alert-content > :first-child,.gtb-confirm-content > :first-child{margin-top:0;}.gtb-alert-content > :last-child,.gtb-confirm-content > :last-child{margin-bottom:0;}.gtb-confirm-button-bar{width:auto;flex-direction:row-reverse;justify-content:flex-start;gap:10px;padding:12px 24px 20px;}.gtb-yes-button,.gtb-no-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;outline:none;border:none;margin:0;padding:10px 22px;box-shadow:var(--box-shadow-1);color:var(--color-10);background:var(--gradient-1);border-radius:10px;font:inherit;font-size:0.9rem;letter-spacing:0.03em;text-transform:uppercase;transition:all 0.25s ease;width:-webkit-max-content;width:-moz-max-content;width:max-content;cursor:pointer;}.gtb-no-button{background:var(--color-11);box-shadow:none;}.modal-intro{color:var(--text-muted);margin:0 0 20px;}.modal-section{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;}.modal-section-title{font-size:1.05rem;margin:0 0 12px;}.modal-section > p{margin:0 0 12px;}.modal-section-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}.modal-section-row > p{margin:0;color:var(--text-muted);flex:1 1 180px;}.field{display:block;margin-bottom:16px;}.field > span{display:block;font-size:0.85rem;color:var(--text-muted);margin-bottom:6px;}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.field-row > .field{min-width:0;}@media only screen and (max-width: 420px){.field-row{grid-template-columns:1fr;gap:0;}}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;}.member-row{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:10px 14px;}.member-info{flex:1;min-width:0;}.member-info p{margin:0;}.member-info .muted{font-size:0.85rem;}.member-email{overflow-wrap:anywhere;}.inline-form{display:flex;align-items:center;gap:10px;}.inline-form input[type=text]{flex:1;min-width:0;}.gtb-background > * ::-webkit-scrollbar{width:0px;height:0px;background:transparent;}.gtb-background > * ::-webkit-scrollbar-track{background:transparent;border-radius:0;}.gtb-background > * ::-webkit-scrollbar-thumb{background:transparent;border-radius:0;}.sync-status{display:inline-flex;align-items:center;gap:6px;height:40px;box-sizing:border-box;padding:0 12px;border-radius:10px;border:2px solid var(--color-11);font-size:0.85rem;cursor:pointer;white-space:nowrap;}.sync-status.pending{border-color:var(--color-6);}.sync-status.offline{border-color:var(--color-5);}.pending-marker{color:var(--color-5);margin-left:5px;}.status-banner{padding:10px 20px;border-radius:10px;border:2px solid var(--color-5);margin-bottom:10px;}.muted{opacity:0.7;}.app-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0 8px;}.app-bar-actions{display:flex;align-items:center;gap:8px;}@media only screen and (max-width: 600px){.app-bar .ts-h4{font-size:1.8rem;white-space:nowrap;}.app-bar .small-logo{height:24px;}}.app-bar .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;box-sizing:border-box;}.app-bar .button:not(.icon-button){padding:0 16px;}.page-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin:20px 0 24px;}.page-title{font-size:2rem;line-height:1.2;margin:0;min-width:0;word-break:break-word;}.month-nav{display:flex;align-items:center;gap:8px;}.month-label{min-width:150px;text-align:center;}@media only screen and (max-width: 600px){.page-title{font-size:1.6rem;}.month-nav{width:100%;justify-content:space-between;}}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;padding-bottom:10px;margin-bottom:16px;border-bottom:2px solid var(--color-11);}.section-title{display:flex;align-items:center;gap:10px;font-size:1.25rem;line-height:1.3;margin:0;}.section-title i{background:var(--gradient-2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:1rem;}.overview{background:var(--color-2);border-radius:12px;box-shadow:var(--box-shadow-1);padding:16px 20px 20px;margin-bottom:32px;}.overview .section-header{border-bottom:none;padding-bottom:0;margin-bottom:12px;flex-wrap:wrap;}.overview-figures{margin:0;}.overview-figures .muted{margin-left:4px;}.overview progress[value]{height:28px;}.overview progress[value]::-webkit-progress-bar{box-shadow:none;}.budget-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:40px;}.budget-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;width:auto;min-height:150px;text-align:center;}.budget-card .budget-name{font-size:1.3rem;line-height:1.3;margin:4px 0 0;word-break:break-word;}.new-budget-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:190px;background:transparent;border:2px dashed var(--color-11);border-radius:10px;color:var(--text-muted);font:inherit;text-transform:uppercase;letter-spacing:0.03em;cursor:pointer;transition:all 0.3s ease;}.new-budget-tile i{font-size:1.5rem;}.new-budget-tile:hover,.new-budget-tile:focus-visible{border-color:var(--color-5);color:var(--color-3);outline:none;}