body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#eef2f7;--surface:#fff;--surface-2:#f7f9fc;--text:#1f2a3a;--muted:#6b7a90;--border:#dbe3ef;--shadow-sm:0 2px 10px #12263f80;--shadow-md:0 10px 24px #12263f57;--radius:4px;--radius-lg:10px;--header-blue:#2f6fae;--header-blue-2:#2a5f97;--header-height:56px;--blue:#1f6fd1;--orange:#f07a2a;--purple:#6a55c9;--green:#2f9b62;--btn-blue:#1966c5;--btn-blue-hover:#1558a8;--good:#2f9b62;--warn:#f07a2a;--bad:#e25543;--font-normal:12px;--font-title:16px;--font-subtitle:14px;--budgets-column-template:3% 20% 13% 13% 13% 13% 13% 10%;--expenses-column-template:12% 25% 17% 17% 17% 12%}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:auto}*{box-sizing:border-box}html,body{height:100%;font-size:var(--font-normal)}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}textarea{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}h1{color:var(--header-blue)}.app-shell{background:var(--bg);min-height:100vh}.container{width:min(1200px,100% - 48px);margin:0 auto}.App{text-align:left}.error-page{text-align:center}.bold{font-weight:700}.fa-solid{margin:5px}.fa-button{color:var(--btn-blue)}.fa-red{color:var(--bad)}.fa-gray{color:var(--muted)}.fa-button:hover{color:var(--btn-blue-hover)}.fa-8{font-size:8px}.fa-selected{color:gold}.fa-unselected{color:#d3d3d3}.fa-selected:hover,.fa-unselected:hover{cursor:pointer}.flex-row{align-items:center;display:flex}.subtitle{font-size:var(--font-subtitle)}.title{font-size:var(--font-title);font-weight:700}.white{color:#fff}.red{color:var(--bad)}.surface{color:var(--surface)}.no-resize{resize:none}.grid-span-all{grid-column:1/-1}select{cursor:pointer!important}.full-width{width:99%}.pull-right{justify-content:right}.spread{justify-content:space-between;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.flex-right{align-items:end}.flex-center{align-items:center}.text-right{text-align:right}.margin20{margin:20px}.padding10{padding:10px}.mgn-left{margin-left:10px}.text-color{color:var(--text)}.toggle{background-color:var(--bg);color:var(--text);border-radius:50px;margin:5px;padding:5px 15px}.selected{background-color:var(--muted);color:#fff}.strikethrough{text-decoration:line-through}.login-page{background-color:var(--header-blue);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 12px;display:flex}.login-title{color:#fff;text-align:center;margin:0 0 16px}.login-box{border-radius:var(--radius);width:min(420px,100%);box-shadow:var(--shadow-md);background-color:#fff;border:1px solid #00000014;flex-direction:column;padding:20px;display:flex}.login-label{color:var(--muted);padding:2px;font-size:12px;font-weight:700}.login-input{border:1px solid var(--border);border-radius:8px;outline:none;width:100%;margin-bottom:10px;padding:12px;font-size:14px}.login-input:focus{border-color:#1f6fd180;box-shadow:0 0 0 3px #1f6fd126}.btn-login{background-color:var(--header-blue);border-radius:var(--radius-lg);color:#fff;border:none;margin-bottom:10px;padding:10px 0;font-weight:800}.btn-primary{background-color:var(--header-blue);border-radius:var(--radius);color:#fff;border:none;padding:6px 10px;font-weight:800}.btn-approve{background-color:var(--green);margin-right:10px}.btn-deny{background-color:var(--bad)}.btn-delete{background-color:var(--bad);margin-left:10px}.btn-user-save{margin-left:10px}.btn-primary:disabled{border:2px solid var(--muted);color:var(--muted);background-color:#d3d3d3}.btn-primary:disabled:hover{border:2px solid var(--muted);color:var(--muted);cursor:default;background-color:#d3d3d3}.btn-secondary{background-color:var(--muted);border-radius:var(--radius);color:#fff;border:none;padding:6px 10px;font-weight:800}.btn-secondary:hover{background-color:var(--text);cursor:pointer}.btn-login:hover,.btn-primary:hover,.btn-notification:hover{background-color:var(--btn-blue-hover);cursor:pointer}.login-link{color:var(--btn-blue);font-size:12px;font-weight:800;text-decoration:none}.login-footer{color:#fff;text-align:center;margin-top:14px}.login-footer a{color:#fff;text-decoration:underline}.login-footer a:hover{opacity:.9;cursor:pointer}.header{z-index:50;background-color:var(--header-blue);color:#fff;box-shadow:var(--shadow-sm);font-size:var(--font-title);position:sticky;top:0}.header__inner{height:var(--header-height);justify-content:space-between;align-items:center;display:flex}.header-section{align-items:center;display:flex}.header-divider{opacity:.7;margin:0 10px}.clickable{cursor:pointer!important}.header-text{margin:0 8px}.header-org-select{all:unset;cursor:pointer;width:fit-content}.header-org-select:hover{border-radius:var(--radius);outline:1px solid #fff}.app-body{min-height:calc(100vh - 56px);padding:18px 0 32px}@media (width<=900px){.app-body{grid-template-columns:1fr}}.dashboard{width:100%}.dashboard-card-container{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}@media (width<=1100px){.dashboard-card-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.dashboard-card-container{grid-template-columns:1fr}}.dashboard-card{color:#fff;border-radius:var(--radius);min-height:96px;box-shadow:var(--shadow-md);background:fixed;flex-direction:column;justify-content:center;gap:8px;padding:18px;display:flex}.dashboard-card-blue{background-color:var(--blue)}.dashboard-card-orange{background-color:var(--orange)}.dashboard-card-purple{background-color:var(--purple)}.dashboard-card-green{background-color:var(--green)}.dashboard-card-title{letter-spacing:.6px;text-transform:uppercase;opacity:.95;font-size:12px;font-weight:900}.dashboard-card-amount{font-size:28px;font-weight:900;line-height:1.1}.budgets-container{background-color:var(--surface);box-shadow:var(--shadow-md);border-radius:var(--radius);flex-direction:column;margin-top:20px;display:flex}.budgets-header{justify-content:space-between;align-items:center;padding:10px;display:flex}.budgets-header-text{color:var(--text);font-weight:700;font-size:var(--font-title);margin-right:10px}.budgets-header-section{align-items:center;display:flex}.budgets-columns-header{background-color:var(--border);grid-template-columns:var(--budgets-column-template);padding:10px;display:grid}.budgets-column-title{color:var(--text);font-weight:700}.budgets-row{background-color:var(--surface2);grid-template-columns:var(--budgets-column-template);border-bottom:1px solid var(--border);color:var(--text);align-items:center;padding:10px;font-weight:700;display:grid}.budgets-row-value{align-items:center;display:flex}.budget-title{color:var(--header-blue);margin:0;font-size:24px}.budget-subtitle{font-size:var(--font-subtitle);margin-top:5px;font-weight:700}.expenses-container{background-color:var(--surface);box-shadow:var(--shadow-md);border-radius:var(--radius);flex-direction:column;margin-top:20px;display:flex}.expenses-header{flex-direction:row;justify-content:space-between;align-items:center;padding:10px;display:flex}.expenses-header-text{color:var(--);font-weight:700;font-size:var(--font-title);margin-right:10px}.expenses-columns-header{background-color:var(--border);grid-template-columns:var(--expenses-column-template);padding:10px;display:grid}.expenses-column-title{color:var(--text);font-weight:700}.expenses-row{background-color:var(--surface2);grid-template-columns:var(--expenses-column-template);border-bottom:1px solid var(--border);align-items:center;padding:10px;font-weight:700;display:grid}.expenses-row:hover{background-color:var(--muted);color:var(--surface-2)}.expenses-row:hover .fa-button{color:var(--surface-2)}.expenses-row-value{align-items:center;display:flex}.expenses-filter{font-size:var(--font-normal);font-weight:700;display:flex}.expenses-filter-btn{background-color:var(--bg);border:1px solid var(--border);color:var(--header-blue);padding:5px 20px}.expenses-filter-btn-left{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.expenses-filter-btn-right{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.expenses-filter-btn:hover{background-color:var(--muted);cursor:pointer;border:1px solid var(--muted);color:#fff}.expenses-filter-selected{color:#fff;border:1px solid var(--btn-blue);background-color:var(--btn-blue)!important}.expenses-header-section{align-items:center;display:flex}.expense-footnote{margin-top:5px;margin-left:5px}.tag{border-radius:var(--radius);color:#fff;-webkit-user-select:none;user-select:none;width:fit-content;padding:5px 10px;font-size:12px;font-weight:700}.tag-blue{background-color:var(--blue)}.tag-orange{background-color:var(--orange)}.tag-purple{background-color:var(--purple)}.tag-green{background-color:var(--green)}.tag-red{background-color:var(--bad)}.toast-container{z-index:99999;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.toast{color:#fff;opacity:.95;white-space:pre-line;text-align:center;background:#333;border-radius:6px;padding:.75rem 1.25rem;animation:.3s ease-in fadein;box-shadow:0 4px 6px #0000001a}.toast.success{background:green}.toast.error{background:#f44336}.toast.info{background:#2196f3}@keyframes fadein{0%{opacity:0;transform:translateY(-10px)}to{opacity:.95;transform:translateY(0)}}.create-budget-container{flex-direction:column;display:flex}.create-budget-form-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.create-budget-form{background-color:var(--surface);border-radius:var(--radius);border:2px solid var(--border);flex-direction:column;margin-top:10px;display:flex}.create-budget-form-header{border-bottom:2px solid var(--border);flex-direction:row;justify-content:space-between;align-items:center;padding:10px;display:flex}.create-budget-form-header-text{color:var(--);font-weight:700;font-size:var(--font-title)}.nav-row{background-color:var(--surface);border-radius:var(--radius);border:2px solid var(--border);justify-content:space-between;align-items:center;padding:15px;display:flex}.form-field{padding:20px 20px 0}.form-input{border-radius:var(--radius);border:1px solid var(--border);outline:none;width:99%;margin-bottom:10px;padding:10px;font-size:14px}.form-input:focus{border-color:#1f6fd180;box-shadow:0 0 0 3px #1f6fd126}.form-label{margin-bottom:5px;font-weight:700}.form-file-upload-area{border:2px dashed var(--border);background-color:var(--bg);border-radius:var(--radius);cursor:pointer;text-align:center;min-width:99%;padding:50px;transition:background-color .3s;display:block}.create-expense-container{flex-direction:column;display:flex}.create-expense-form-container{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;margin-top:18px;display:grid}.create-expense-form{background-color:var(--surface);border-radius:var(--radius);border:2px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:10px;display:grid}.create-expense-form-header{border-bottom:2px solid var(--border);flex-direction:row;justify-content:space-between;align-items:center;padding:10px;display:flex}.create-expense-form-header-text{color:var(--);font-weight:700;font-size:var(--font-title)}.spinner-overlay{z-index:99998;background:#fffc;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.spinner{text-align:center;flex-direction:column;place-content:center;animation:9s infinite spinnerFade;display:flex}@keyframes spinnerFade{10%{color:red}20%{color:orange}30%{color:#ff0}40%{color:green}50%{color:#00f}60%{color:purple}70%{color:green}80%{color:#ff0}90%{color:orange}to{color:red}}.userlist-container{background-color:var(--surface);box-shadow:var(--shadow-md);border-radius:var(--radius);flex-direction:column;margin-top:20px;display:flex}.userlist-header{justify-content:space-between;align-items:center;padding:10px;display:flex}.userlist-header-text{color:var(--text);font-weight:700;font-size:var(--font-title);margin-right:10px}.userlist-header-section{align-items:center;display:flex}.userlist-columns-header{background-color:var(--border);grid-template-columns:40% 30% 20% 10%;padding:10px;display:grid}.userlist-column-title{color:var(--text);font-weight:700}.userlist-row{background-color:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text);grid-template-columns:40% 30% 20% 10%;align-items:center;padding:10px;font-weight:700;display:grid}.userlist-row-value{align-items:center;display:flex}.adminusers-container{background-color:var(--surface);box-shadow:var(--shadow-md);border-radius:var(--radius);flex-direction:column;margin-top:20px;display:flex}.adminusers-header{justify-content:space-between;align-items:center;padding:10px;display:flex}.adminusers-header-text{color:var(--text);font-weight:700;font-size:var(--font-title);margin-right:10px}.adminusers-header-section{align-items:center;display:flex}.adminusers-columns-header{background-color:var(--border);grid-template-columns:15% 15% 35% 20% 15%;padding:10px;display:grid}.adminusers-column-title{color:var(--text);font-weight:700}.adminusers-row{background-color:var(--surface2);border-bottom:1px solid var(--border);color:var(--text);grid-template-columns:15% 15% 35% 20% 15%;align-items:center;padding:10px;font-weight:700;display:grid}.adminusers-row-value{align-items:center;display:flex;overflow-x:hidden}.notification-background{z-index:988;opacity:.5;width:100%;height:100%;position:fixed;top:0;left:0}.notification-container{z-index:989;top:calc(var(--header-height) + 5px);border-radius:var(--radius-lg);min-width:25%;min-height:100px;box-shadow:var(--shadow-sm);background-color:#fff;padding:10px;position:absolute;right:20%}.notification{background-color:var(--bg);color:var(--text);border-radius:var(--radius);margin-bottom:5px;padding:20px}.notification:hover{background-color:var(--muted);color:#fff}.notification-container-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.notification-title:hover{cursor:pointer;text-decoration:underline}.notification-list{scrollbar-width:none;max-height:50vh;overflow-y:scroll}.notification-container-title{color:var(--header-blue);margin:0;font-size:20px;font-weight:700}.notification-section{justify-content:space-between;display:flex}.notification-action-section{width:100%;display:flex}.btn-notification{background-color:var(--header-blue);border-radius:var(--radius);color:#fff;border:none;width:50%;margin:15px 5px 0;padding:6px 10px;font-weight:800}.notification-nav-row{display:flex}.notification-dismiss:hover{color:var(--btn-blue-hover);cursor:pointer}.profile-form{grid-template-columns:2fr 1fr;gap:14px;display:grid}.profile-form-details{background-color:var(--surface);border-radius:var(--radius);border:2px solid var(--border);grid-template-columns:1fr 1fr;margin-top:10px;display:grid}.profile-form-photo{background-color:var(--surface);border-radius:var(--radius);border:2px solid var(--border);margin-top:10px}.profile-form-header{border-bottom:2px solid var(--border);flex-direction:row;justify-content:space-between;align-items:center;padding:10px;display:flex}.profile-form-header-text{color:var(--);font-weight:700;font-size:var(--font-title)}.popup-background{z-index:10000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.popup{text-align:center;background-color:var(--surface);z-index:10001;border:2px solid var(--border);border-radius:var(--radius-lg);width:500px;height:auto;position:fixed;box-shadow:0 0 10px #0009}.popup-button-section{grid-template-columns:25% 25%;justify-content:center;gap:16px;margin:15px 0;padding:5px;display:grid}.popup .text{padding:0 15%}.adminOrgInfo-container{background-color:var(--surface);box-shadow:var(--shadow-md);border-radius:var(--radius);flex-direction:column;margin-top:20px;display:flex}.adminOrgInfo-header{justify-content:space-between;align-items:center;padding:10px;display:flex}.adminOrgInfo-header-text{color:var(--text);font-weight:700;font-size:var(--font-title);margin-right:10px}.adminOrgInfo-header-section{align-items:center;display:flex}.adminOrgInfo-columns-header{background-color:var(--border);grid-template-columns:16% 12% 12% 12% 12% 12% 12% 12%;padding:10px;display:grid}.adminOrgInfo-column-title{color:var(--text);font-weight:700}.adminOrgInfo-row{background-color:var(--surface2);border-bottom:1px solid var(--border);color:var(--text);grid-template-columns:16% 12% 12% 12% 12% 12% 12% 12%;align-items:center;padding:10px;font-weight:700;display:grid}.adminOrgInfo-row-value{align-items:center;display:flex;overflow-x:hidden}.adminOrgLists{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.adminOrgList-container{background-color:var(--surface);box-shadow:var(--shadow-md);border-radius:var(--radius);flex-direction:column;margin-top:20px;display:flex}.adminOrgList-header{justify-content:space-between;align-items:center;padding:10px;display:flex}.adminOrgList-header-text{color:var(--text);font-weight:700;font-size:var(--font-title);margin-right:10px}.adminOrgList-header-section{align-items:center;display:flex}.adminOrgList-columns-header{background-color:var(--border);grid-template-columns:70% 10% 20%;padding:10px;display:grid}.adminOrgList-column-title{color:var(--text);font-weight:700}.adminOrgList-row{background-color:var(--surface2);border-bottom:1px solid var(--border);color:var(--text);grid-template-columns:90% 5% 5%;align-items:center;padding:10px;font-weight:700;display:grid}.adminOrgList-row-value{align-items:center;display:flex;overflow-x:hidden}.selectOrg-container{background-color:var(--surface);box-shadow:var(--shadow-md);border-radius:var(--radius);flex-direction:column;align-items:center;margin-top:20px;padding:20px;display:flex}.selectOrg-header{justify-content:space-between;align-items:center;padding:10px;display:flex}.selectOrg-header-text{color:var(--text);font-weight:700;font-size:var(--font-title)}.selectOrg-selector{all:unset;cursor:pointer;width:fit-content}.selectOrg-selector:hover{border-radius:var(--radius);outline:1px solid #fff}.selectOrg-selector-container{border-radius:var(--radius);border:1px solid var(--border);outline:none;margin-bottom:10px;padding:10px;font-size:14px}