.app-loading{display:flex;justify-content:center;align-items:center;height:100dvh;width:100dvw;background-color:#f5f5f5}.app{min-height:100dvh;font-family:var(--body-font)}@media (max-width: 768px){.app-loading{padding:20px}}:root{--primary-font-color-1: #181818;--primary-font-color-2: #323232;--primary-font-color-3: #4c4c4c;--primary-font-color-4: #676767;--primary-font-color-5: #7f7f7f;--primary-font-color-6: #999999;--primary-font-color-7: #b2b2b2;--primary-font-color-8: #cccccc;--primary-font-color-9: #e5e5e5;--primary-color-dark-1: #1E3A8B;--primary-color-dark-2: #1A337B;--primary-color-dark-3: #172D6C;--primary-color-dark-4: #14265C;--primary-color-dark-5: #11204D;--primary-color-light-1: #E9ECF5;--primary-color-light-2: #D3D9EB;--primary-color-light-3: #BCC6E1;--primary-color-light-4: #9BA9D2;--primary-color-light-5: #6F83BD;--error-color: #EE421C;--success-color: #23A983;--warning-color: #F9A825;--info-color: #006EEB;--grey-base: #a7a7a9;--grey-dark-1: #7e7e7f;--grey-dark-2: #69696a;--grey-dark-3: #4b4b4b;--grey-dark-4: #282829;--grey-dark-5: #000000;--grey-light-1: #c6c6c7;--grey-light-2: #e8e8e9;--grey-light-3: #f1f1f3;--grey-light-4: #f6f6f8;--grey-light-5: #FBFBFB;--grayscale-100: #FFFFFF;--grayscale-200: #DDDDDD;--grayscale-300: #BFBFBF;--grayscale-400: #A1A1A1;--grayscale-500: #878787;--grayscale-600: #676767;--grayscale-700: #4C4C4C;--grayscale-800: #262626;--grayscale-default: #171717;--blue-light-100: #E9ECF5;--blue-light-200: #D3D9EB;--blue-light-300: #BCC6E1;--blue-light-400: #9BA9D2;--blue-light-500: #6F83BD;--blue-light-600: #5970B3;--blue-light-700: #425DA9;--blue-light-800: #2C449F;--blue-light-default: #21409A;--blue-light-accent-default: #0D44E4;--blue-light-accent-light: #F0F3FF;--blue-dark-100: #1E3A8B;--blue-dark-200: #1A337B;--blue-dark-300: #172D6C;--blue-dark-400: #14265C;--blue-dark-500: #11204D;--blue-dark-600: #0C1636;--blue-dark-700: #081027;--blue-dark-800: #050A17;--blue-dark-900: #020308;--error: #FF3B3B;--error-dark: #B10000;--error-light: #FFC0C0;--success: #28A826;--success-dark: #155614;--success-light: #D2F2D1;--warning: #F9A825;--warning-dark: #9F6200;--warning-light: #9F6200;--info: #006EEB;--info-dark: #003776;--info-light: #B2D3F9;--font-size-1: 2em;--font-size-2: 1.5em;--font-size-3: 1.17em;--font-size-4: 1em;--font-size-5: .83em;--font-size-6: .67em;--wordmarks-font: "Decimal";--headline-font: "Archivo";--body-font: "Helvetica";--burger-menu-width: 280px}.layout-wrapper{display:flex;flex-direction:row;gap:5px;min-height:100vh;max-height:100dvh;padding:10px;max-width:1440px;margin:auto;.main-content{flex-grow:1;display:flex;flex-direction:column;transition:margin 225ms cubic-bezier(0,0,.2,1);gap:5px}.main-content.sidebar-open{margin-left:280px;width:calc(100% - 280px)}.main-content.sidebar-collapsed{margin-left:64px;width:calc(100% - 64px)}.main-content.mobile{margin-left:0;width:100%}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px}}@media (max-width: 1440px){.layout-wrapper{max-width:100dvw;width:100%;.page-content{max-width:calc(100dvw - (var(--burger-menu-width) + 20px));width:100%}}}.header{height:60px;border-radius:8px;border:1px solid var(--grey-light-3);background:var(--grayscale-100);box-shadow:0 2px 10px #00000026;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;margin:0 10px;span {color: var(--blue-light-700);}}.c-icon-button{display:inline-flex;position:relative;.c-icon-button-icon{color:var(--primary-font-color-1)}}.c-icon-button-element{transition:all .3s ease}.c-icon-button-icon{font-size:inherit}.c-icon-button-spinner{display:flex;align-items:center;justify-content:center}.c-icon-button-element:disabled{opacity:.5;cursor:not-allowed}.c-icon-button-element.MuiIconButton-sizeSmall{padding:4px;font-size:1rem}.c-icon-button-element.MuiIconButton-sizeMedium{padding:8px;font-size:1.25rem}.c-icon-button-element.MuiIconButton-sizeLarge{padding:12px;font-size:1.5rem}.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.icon svg{display:block;fill:currentColor}.icon--small{width:16px;height:16px}.icon--medium{width:20px;height:20px}.icon--large{width:24px;height:24px}.icon--xlarge{width:32px;height:32px}.icon--primary{color:var(--color-primary, #1976d2)}.icon--secondary{color:var(--color-secondary, #dc004e)}.icon--success{color:var(--color-success, #2e7d32)}.icon--error{color:var(--color-error, #d32f2f)}.icon--warning{color:var(--color-warning, #ed6c02)}.icon--info{color:var(--color-info, #0288d1)}.icon--muted{color:var(--color-text-secondary, #666)}.icon--clickable{cursor:pointer;transition:opacity .2s ease}.icon--clickable:hover{opacity:.7}.icon--clickable:active{opacity:.5}.icon--disabled{opacity:.4;cursor:not-allowed}.icon--spin{animation:icon-spin 1s linear infinite}.icon--pulse{animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes icon-pulse{0%,to{opacity:1}50%{opacity:.5}}.burger-menu{min-width:var(--burger-menu-width);width:var(--burger-menu-width);box-sizing:border-box;border-radius:8px;border:1px solid var(--blue-light-200, #D3D9EB);background:var(--grayscale-100, #FFF);max-height:100dvh;padding:12px 12px 24px;box-shadow:0 2px 10px #00000026;margin-bottom:10px;.MuiDrawer-paper{border-radius:0}.burger-menu-container{display:flex;flex-direction:column;height:100%;overflow-y:auto;gap:30px;.awardsapp-logo{max-width:200px;max-height:36px;align-self:center;margin-top:12px;margin-bottom:12px}.menu-entry-items{display:flex;flex-direction:column;flex:1;gap:5px;.c-button{height:54px;.active{background-color:var(--blue-light-accent-light);color:var(--blue-light-default);font-weight:700;.MuiButton-icon{color:var(--blue-light-accent-default)}.MuiButton-endIcon{margin-left:auto}}.MuiButton-icon{color:var(--blue-light-default)}}}.divider{height:1px;background-color:var(--blue-light-300)}.menu-footer{text-align:center;.footer-text{color:var(--primary-font-color-6)}}}}.c-button{display:inline-block;height:48px;.c-button-element{transition:all .2s ease-in-out;text-transform:none;font-weight:500;height:100%;color:var(--primary-font-color-1);border-radius:56px!important;padding-inline:20px}.MuiButton-contained{background-color:var(--blue-light-accent-default);color:var(--grayscale-100)}.MuiButton-contained:hover{background-color:var(--primary-color-dark-5)}.MuiButton-outlined{border-color:var(--blue-light-default);color:var(--blue-light-default)}}.c-button-icon{font-size:1rem}.c-button-icon-left{margin-right:4px}.c-button-icon-right{margin-left:4px}.c-button-loading{display:flex;align-items:center;justify-content:center;gap:8px}.c-button-spinner{margin:0}.c-button-loading-text{font-size:inherit;font-weight:inherit}.c-button.full-width{width:100%}.c-button .c-button-element.text-align-left{text-align:left;justify-content:flex-start}.c-button .c-button-element.text-align-center{text-align:center;justify-content:center}.c-button .c-button-element.text-align-right{text-align:right;justify-content:flex-end}@media (max-width: 768px){.c-button-element{font-size:.875rem}.c-button-loading{gap:6px}}.c-button-element:disabled,.c-button-element .MuiButtonBase-root.Mui-disabled{color:var(--blue-light-600)!important;background-color:var(--blue-light-200)!important}.login-image-text-wrapper{white-space:nowrap;font-size:2.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7);z-index:1;.highlight-text{color:#8cc9ff}}.auth-layout{min-height:100dvh;display:flex;justify-content:center;align-items:center;background-color:var(--blue-light-100);&.with-image{display:grid;grid-template-columns:1fr 1fr;justify-content:unset;align-items:unset}.auth-content-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex:1;min-height:100dvh;padding:40px;overflow-y:auto;background-color:var(--blue-light-100);.company-logo{max-width:270px;height:auto;align-self:flex-start}.auth-form-wrapper{width:100%;max-width:360px;flex:1;display:flex;flex-direction:column;justify-content:center;gap:30px;.divider{height:1px;background-color:#d4d4d4}}.page-footer{width:100%;text-align:center;margin-top:auto;.footer-text{color:var(--grayscale-500);a {color: var(--grayscale-500); text-decoration: none; text-decoration: underline; &:hover {cursor: pointer; opacity: .8;}}}}}.auth-image-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex:1;min-height:100dvh;gap:20px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;.awardsapp-logo{position:absolute;top:40px;right:40px;max-width:200px;height:auto}.auth-image-text-container{margin-top:33dvh;margin-left:min(110px,10%)}}}@media (max-width: 800px){.auth-layout.with-image{display:flex;flex-direction:column;.auth-image-container{display:none}}}@media (max-width: 600px){.auth-layout{.auth-content-container{padding:20px;.company-logo{max-width:200px;height:auto}}.auth-image-container{.awardsapp-logo{top:20px;right:20px;max-width:150px}}}}.form-header{display:flex;flex-direction:column;gap:10px;.form-title{color:var(--blue-dark-400)}.form-subtitle{color:var(--text-secondary)}}.auth-form{width:100%;display:flex;flex-direction:column;gap:30px;.form-fields{display:flex;flex-direction:column;gap:30px}.forgot-password-link{text-align:right;a {color: var(--primary-color-dark-1); text-decoration: underline; font-size: 14px; &:hover {cursor: pointer; opacity: .8;}}}.divider{height:1px;background-color:#d4d4d4}.submit-button{margin-bottom:16px}.back-link{margin-bottom:20px}}.activate-account-section{display:flex;flex-direction:column;gap:20px}.c-text-field{display:flex;flex-direction:column;width:100%;.c-text-field-input{width:100%;.MuiInputBase-root{background-color:var(--grayscale-100)!important;border-radius:18px!important}input {background-color: transparent !important; color: var(--grayscale-900) !important;} input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px var(--grayscale-100) inset !important; -webkit-text-fill-color: var(--grayscale-900) !important; transition: background-color 5000s ease-in-out 0s;} .MuiInputAdornment-root {background-color: transparent; color: var(--blue-light-default);} fieldset {border-radius: 18px !important; border: 1px solid var(--grayscale-200);}}}.c-text-field-icon{cursor:pointer;transition:color .2s ease}.c-text-field-icon:hover{color:var(--primary-color-dark-2)}.multiple-input-props{display:flex;gap:8px;align-items:center}.c-text-field.color-theme-primary .c-text-field-icon:hover{color:var(--primary-color-dark-2)}.c-text-field.color-theme-secondary .c-text-field-icon:hover{color:#dc004e}.c-text-field.color-theme-success .c-text-field-icon:hover{color:var(--success-color-shade-1)}.c-text-field.color-theme-warning .c-text-field-icon:hover{color:var(--warning-color-shade-1)}.c-text-field.color-theme-error .c-text-field-icon:hover{color:var(--error-color-shade-1)}.c-text-field.color-theme-generic .c-text-field-icon:hover{color:var(--primary-color-dark-2)}@media (max-width: 768px){.c-text-field{margin-bottom:12px}.multiple-input-props{gap:6px}}.otp-error-alert{background-color:#ffebee;border:1px solid #f44336;border-radius:10px;padding:16px;margin-bottom:24px;color:#d32f2f}.otp-inputs-container{display:flex;gap:12px;justify-content:center;.otp-input{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;border:2px solid #D4D4D4;border-radius:8px;background-color:#fff;color:var(--blue-dark-400);transition:border-color .2s;&:focus{outline:none;border-color:var(--primary-color)}&:disabled{background-color:#f5f5f5;cursor:not-allowed}}}.otp-resend-container{text-align:center;.otp-resend-text{color:var(--text-secondary);line-height:1.5;.countdown-timer{font-weight:600;color:var(--primary-color)}}}.password-fields{display:flex;flex-direction:column;gap:24px}.password-requirements{.title{color:var(--blue-dark-400)}ul {margin-top: 8px; margin-bottom: 0; padding-left: 20px; li {color: var(--text-secondary); margin-bottom: 4px;}}}.back-link{margin-top:16px}.success-message{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:40px;.success-icon{margin-bottom:24px;animation:scaleIn .3s ease-out}.success-title{color:var(--blue-dark-400);margin-bottom:16px}.success-subtitle{color:var(--text-secondary);margin-bottom:24px;line-height:1.6;strong {color: var(--blue-dark-400); font-weight: 600;}}.success-note{color:var(--text-tertiary);font-style:italic}}.back-button{margin-top:8px}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:24px;height:100%;.column{display:grid;grid-template-rows:1fr 1fr;gap:12px;min-height:0;.user-account,.company-information{display:flex;flex-direction:column;padding:24px;justify-content:space-between;min-height:0;overflow:auto}.sub-container{display:flex;flex-direction:column;gap:10px;.container-title{display:flex;align-items:center;gap:24px;margin-bottom:15px;.header-4{color:var(--blue-light-default)}}.user-name,.company-name{color:var(--blue-light-default)}}.company-info-headers{display:flex;flex-direction:column;gap:5px;.company-info-headers-grid{display:grid;grid-template-columns:auto 1fr;column-gap:15px;row-gap:5px}}.company-information .bottom-container{display:flex;flex-direction:column;.address{color:var(--blue-light-default)}}.user-account .bottom-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;.container-left{display:flex;flex-direction:column;gap:10px;.header-4{color:var(--blue-light-default)}}.c-button{min-width:162px}}.divider{height:1px;background-color:var(--blue-light-200, #D3D9EB);margin:10px 0}.c-button{align-self:flex-end}.quick-links-wrapper{display:flex;flex-direction:column;gap:16px;min-height:0;.quick-links-title{margin:0;color:var(--blue-light-default)}.quick-links{display:grid;grid-template-rows:repeat(auto-fit,minmax(100px,max-content));gap:12px;flex:1;.quick-link-card{padding:16px;display:flex;flex-direction:row;gap:16px;align-items:center;&:hover{cursor:pointer;border-radius:10px;border:1px solid var(--blue-light-300);background:var(--blue-light-accent-light);box-shadow:0 2px 10.8px #0003}&:focus-visible{outline:2px solid var(--blue-light-default)}.quick-link-header{display:flex;align-items:flex-start;gap:16px;.icon-wrapper{border-radius:50%}}.container-content{flex:1;.quick-link-titles{display:flex;flex-direction:column;gap:4px;.text-5{color:var(--blue-light-700)}.header-4{color:var(--blue-light-default)}}}.card-nav{display:flex;flex-direction:row;gap:10px;align-items:center;color:var(--blue-light-default);span {color: var(--blue-light-default);}}}}}}.image-thing{position:relative;min-height:0;height:100%;overflow:hidden;img {width: 100%; height: 100%; object-fit: cover;} .image-overlay-text {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; padding: 48px; gap: 15px; .headers {display: flex; flex-direction: column;} span {color: white;}}}.container-style{border-radius:10px;border:1px solid var(--blue-light-200, #D3D9EB);background:var(--grayscale-100, #FFF);box-shadow:0 2px 10px #00000026}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--blue-light-100, #E8EBFA);flex-shrink:0;svg {color: var(--blue-light-default); font-size: 20px;}}}@media (max-width: 1100px){.dashboard{grid-template-columns:1fr;.image-thing{display:none;visibility:hidden}}}.c-dialog .MuiDialog-paper{border-radius:10px;box-shadow:0 8px 32px #0000001f}.c-dialog-container{display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:24px;gap:16px;.c-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px;.c-dialog-title{color:var(--blue-light-default);flex:1}.c-icon-button svg{color:var(--blue-light-accent-default)}.c-dialog-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--blue-light-100, #E8EBFA);flex-shrink:0;svg {color: var(--blue-light-accent-default); font-size: 20px;}}}.c-dialog-content{flex:1}.c-dialog-actions{display:flex;justify-content:flex-end;gap:12px}}.change-password-form{display:flex;flex-direction:column;gap:20px;.password-requirements{.title{color:var(--blue-light-default)}ul {margin-top: 0; margin-bottom: 0; li {color: var(--blue-light-default);}}}.form-actions{display:flex;justify-content:flex-end;gap:10px}.form-footer{text-align:center;span {color: var(--blue-light-default); a {color: var(--blue-light-default);}}}}.generic-block-skeleton{flex:1;display:flex;.generic-block-skeleton-box{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px}}.fund-management-dashboard{display:flex;flex-direction:column;gap:25px;height:100%;overflow-y:auto;padding:0;min-width:0;border-radius:10px;border:1px solid var(--blue-light-200, #D3D9EB);background:var(--grayscale-100, #FFF);box-shadow:0 2px 10px #00000026;.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding:16px 16px 0;.dashboard-title{color:var(--blue-light-default)}}.wallet-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:16px 16px 0}.wallet-card{background:#ffffff;border-radius:18px;border:1px solid var(--blue-light-200, #D3D9EB);background:var(--blue-light-accent-light, #F0F3FF);overflow:hidden;display:flex;flex-direction:column;padding:24px;gap:10px;&.total-spent .card-icon{color:var(--primary-color-dark-1)}.card-header{display:flex;flex-direction:row;justify-content:space-between;gap:12px;flex:1}.card-header-inner{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(13,68,228,.1);flex-shrink:0;svg {color: var(--blue-light-default); font-size: 20px;}}.card-title{color:var(--blue-light-700)}.card-amount{color:var(--blue-light-default);overflow-wrap:break-word}.divider{height:1px;background-color:var(--blue-light-200, #D3D9EB)}.card-subtitle{color:var(--blue-light-500)}}.invoice-history{display:flex;flex-direction:column;gap:16px;flex:1;min-height:400px}.section-title{color:var(--blue-light-default);padding:16px 16px 0}.datagrid-container{flex:1;min-height:400px;height:100%;min-width:0;overflow:auto}.status-badge{padding:4px 12px;border-radius:10px;&.status-paid{background-color:var(--success-light);color:var(--success-dark)}&.status-pending{background-color:var(--warning-light);color:var(--warning-dark)}&.status-failed{background-color:var(--error-light);color:var(--error-dark)}}}.purchase-funds-dialog{display:flex;flex-direction:column;gap:10px}@media (max-width: 960px){.fund-management-dashboard{.dashboard-header{flex-direction:column;align-items:flex-start}.wallet-cards-grid{grid-template-columns:1fr}.datagrid-container{min-height:350px}}}@media (max-width: 600px){.fund-management-dashboard{gap:16px;.dashboard-header{gap:12px}.wallet-card{.card-amount{font-size:1.75rem}}.section-title{font-size:1.25rem}}}.c-data-grid{width:100%;height:100%;background-color:#fff;overflow:auto;min-width:0;border:none;.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:40px;img {width: 100%; max-width: 270px;} .empty-state-text-container {display: flex; flex-direction: column; gap: 13px; align-items: center;}}}.c-data-grid .MuiDataGrid-root{font-family:inherit;border:none;min-width:0}.c-data-grid .MuiDataGrid-cell{border-bottom:1px solid #f0f0f0}.c-data-grid .MuiDataGrid-columnHeaders{background-color:#fafafa;border-bottom:2px solid #e0e0e0;font-weight:600}.c-data-grid .MuiDataGrid-virtualScroller{background-color:#fff;overflow-x:auto}.c-data-grid .MuiDataGrid-footerContainer{border-top:2px solid #e0e0e0;background-color:#fafafa}.c-data-grid .MuiDataGrid-row:hover{background-color:#f5f5f5}.c-data-grid .MuiDataGrid-cell:focus,.c-data-grid .MuiDataGrid-cell:focus-within,.c-data-grid .MuiDataGrid-columnHeader:focus,.c-data-grid .MuiDataGrid-columnHeader:focus-within{outline:none}.c-data-grid .MuiTablePagination-root{overflow:hidden}.purchase-funds-form{display:flex;flex-direction:column;gap:1.5rem;.form-description{font-size:.875rem;line-height:1.5;color:var(--text-secondary, #666)}.purchase-summary{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:8px;background:var(--blue-light-accent-light);.summary-row-item{display:flex;justify-content:space-between;align-items:center}.divider{height:1px;background-color:var(--blue-light-300)}}.purchase-note{padding:20px;border-radius:8px;background:var(--blue-light-accent-light);display:flex;align-items:center;gap:10px;.icon-wrapper{width:28px;height:28px;display:flex;align-items:center}svg {color: var(--blue-light-accent-default);}}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}}.c-numeric-field{display:flex;flex-direction:column;width:100%;.MuiInputBase-root{background-color:var(--grayscale-100)!important;border-radius:18px!important}input {background-color: transparent !important; color: var(--grayscale-900) !important;} fieldset {border-radius: 18px !important; border: 1px solid var(--grayscale-200);} .MuiInputAdornment-root {background-color: transparent; color: var(--blue-light-default);} .end-adornments {display: flex; align-items: center; gap: 4px;} .clear-icon {cursor: pointer; color: var(--grayscale-500); transition: color .2s ease; &:hover {color: var(--grayscale-900);}} .tooltip-icon {cursor: pointer; color: var(--grayscale-500);}}.user-management-dashboard{display:flex;flex-direction:column;gap:25px;height:100%;overflow-y:auto;padding:0;min-width:0;border-radius:10px;border:1px solid var(--blue-light-200, #D3D9EB);background:var(--grayscale-100, #FFF);box-shadow:0 2px 10px #00000026;.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding:16px 16px 0;.dashboard-title{color:var(--blue-light-default)}.header-actions{display:flex;gap:12px;flex-wrap:wrap}}.divider{height:1px;background-color:var(--grayscale-200);margin-inline:16px}.selected-users-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-radius:8px;background:var(--blue-light-accent-light, #e3f2fd);border:1px solid var(--blue-light-200);animation:slideDown .3s ease;margin-inline:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.users-grid-container{flex:1;min-height:400px;height:100%;min-width:0;overflow:auto;.MuiDataGrid-row:hover .actions-cell{opacity:1}}.status-badge{padding:4px 12px;border-radius:10px;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;&.status-active{background-color:var(--success-light);color:var(--success-dark)}&.status-inactive{background-color:var(--grayscale-200);color:var(--grayscale-700)}&.status-pending{background-color:var(--warning-light);color:var(--warning-dark)}}.balance-cell{color:var(--blue-light-default)}.actions-cell{display:flex;gap:8px;align-items:center;height:100%;justify-content:flex-end;opacity:0;transition:opacity .2s ease;.action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;font-size:14px;&.edit{color:var(--primary-color-dark-1);&:hover{background:rgba(25,118,210,.1);color:var(--primary-color-dark-1)}}&.delete{color:var(--error-color);&:hover{background:rgba(211,47,47,.1);color:var(--error-color)}}&:disabled{opacity:.5;cursor:not-allowed}}}}.user-form{display:flex;flex-direction:column;gap:20px;.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:8px;.field-label{font-weight:500;color:var(--grey-dark-4)}.custom-select{padding:12px 16px;border:1px solid var(--grey-light-2);border-radius:10px;font-size:14px;font-family:inherit;background-color:#fff;color:var(--grey-dark-5);cursor:pointer;transition:all .2s ease;&:hover{border-color:var(--grey-dark-2)}&:focus{outline:none;border-color:var(--primary-color-dark-1);box-shadow:0 0 0 3px #1976d21a}}}}.upload-dialog-content{display:flex;flex-direction:column;gap:20px;.dialog-description{margin:0;color:var(--grey-dark-3);line-height:1.6}.file-input-wrapper{position:relative;.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.file-input-label{display:flex;align-items:center;gap:12px;padding:20px 24px;border:2px dashed var(--grey-light-2);border-radius:10px;background:#fafafa;cursor:pointer;transition:all .2s ease;.file-icon{font-size:24px;color:var(--primary-color-dark-1)}span {color: var(--grey-dark-3); font-size: 14px;} &:hover {border-color: #1976d2; background: #f3f8ff; span {color: #1976d2;}}}}}.issue-funds-dialog{display:flex;flex-direction:column;gap:20px;.dialog-description{margin:0;color:var(--grey-dark-3);line-height:1.6}.funds-summary{padding:16px;background:var(--primary-color-light-1);border-radius:10px;border-left:4px solid var(--primary-color-dark-1);p {margin: 0; color: var(--grey-dark-4); strong {color: var(--primary-color-dark-1); font-size: 16px;}}}}@media (max-width: 960px){.user-management-dashboard{.dashboard-header{flex-direction:column;align-items:flex-start;.header-actions{width:100%;justify-content:flex-start}}.selected-users-bar{flex-direction:column;gap:12px;align-items:flex-start}.users-grid-container{min-height:350px}}.user-form{.form-row{grid-template-columns:1fr}}}@media (max-width: 600px){.user-management-dashboard{gap:16px;.dashboard-header{gap:12px;.header-actions{flex-direction:column;width:100%;button {width: 100%;}}}.selected-users-bar{padding:12px 16px}.users-grid-container{min-height:300px}}.upload-dialog-content{.file-input-wrapper{.file-input-label{padding:16px;flex-direction:column;text-align:center;.file-icon{font-size:32px}}}}}.user-form{display:flex;flex-direction:column;gap:20px;.form-actions{display:flex;justify-content:flex-end;gap:10px}}.c-select{display:flex;flex-direction:column;width:100%;.c-select-form-control{width:100%;.MuiInputBase-root{background-color:var(--grayscale-100)!important;border-radius:18px!important}.MuiSelect-select{background-color:transparent!important;color:var(--grayscale-900)!important}.MuiInputLabel-root{color:var(--grayscale-600);&.Mui-focused{color:var(--blue-light-default)}&.Mui-error{color:var(--error-color)}&.Mui-disabled{color:var(--grayscale-400)}}fieldset {border-radius: 18px !important; border: 1px solid var(--grayscale-200);} &.Mui-focused fieldset {border-color: var(--blue-light-default) !important;} &.Mui-error fieldset {border-color: var(--error-color) !important;} &.Mui-disabled {.MuiInputBase-root {background-color: var(--grayscale-50) !important;} fieldset {border-color: var(--grayscale-300) !important;}} .MuiSelect-icon {color: var(--blue-light-default); &.Mui-disabled {color: var(--grayscale-400);}} .MuiInputAdornment-root {background-color: transparent; color: var(--blue-light-default);} .MuiFormHelperText-root {margin-left: 14px; margin-top: 4px; font-size: .75rem; &.Mui-error {color: var(--error-color);}}}}.c-select-icon{cursor:pointer;transition:color .2s ease;padding:4px}.c-select-icon:hover{color:var(--primary-color-dark-2)}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:4px}.c-select.color-theme-primary .c-select-icon:hover{color:var(--primary-color-dark-2)}.c-select.color-theme-secondary .c-select-icon:hover{color:#dc004e}.c-select.color-theme-success .c-select-icon:hover{color:var(--success-color-shade-1)}.c-select.color-theme-warning .c-select-icon:hover{color:var(--warning-color-shade-1)}.c-select.color-theme-error .c-select-icon:hover{color:var(--error-color-shade-1)}.c-select.color-theme-generic .c-select-icon:hover{color:var(--primary-color-dark-2)}.MuiMenu-paper{border-radius:12px!important;margin-top:8px;box-shadow:0 4px 20px #0000001a!important;.MuiMenuItem-root{padding:10px 16px;font-size:.875rem;color:var(--grayscale-900);transition:background-color .2s ease;&:hover{background-color:var(--grayscale-100)}&.Mui-selected{background-color:var(--blue-light-accent-light);color:var(--blue-light-default);&:hover{background-color:var(--blue-light-accent-light)}}&.Mui-disabled{color:var(--grayscale-400);opacity:.6}}}@media (max-width: 768px){.c-select{margin-bottom:12px}}.c-select-loading{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--grayscale-600);padding:4px 0}.c-select-loading span{font-size:.875rem}.loading-spinner-small{width:16px;height:16px;border:2px solid var(--grayscale-300);border-top-color:var(--blue-light-default);border-radius:50%;animation:spinner-spin .8s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}.upload-users-form{display:flex;flex-direction:column;gap:1.5rem;.form-description{font-size:.875rem;line-height:1.5;color:var(--text-secondary, #666);margin:0}.file-input-wrapper{position:relative;.file-input{display:none}.file-input-label{display:flex;align-items:center;gap:12px;padding:16px 20px;border:2px dashed var(--border-color, #ddd);border-radius:8px;background-color:var(--background-light, #fafafa);cursor:pointer;transition:all .2s;font-size:.875rem;&:hover{border-color:var(--primary-color);background-color:var(--background-hover, #f5f5f5)}&.disabled{opacity:.6;cursor:not-allowed;&:hover{border-color:var(--border-color, #ddd);background-color:var(--background-light, #fafafa)}}.file-icon{font-size:1.5rem;color:var(--primary-color)}span {flex: 1; color: var(--text-primary);}}}.file-info{padding:12px 16px;background-color:var(--blue-light-accent-light, #e3f2fd);border-radius:4px;.text-4{color:var(--text-secondary);strong {color: var(--text-primary);}}}.template-container{display:flex;gap:24px;align-items:center;border-radius:8px;padding:16px;background:var(--blue-light-accent-light);img {padding: 5px; background-color: white; border-radius: 6px;} .template-info-text {display: flex; flex-direction: column; gap: 2.5px; .title {color: var(--blue-light-default);} .description {color: var(--grayscale-600);}} .c-button {margin-left: auto;}}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:1rem}}.drag-n-drop{display:flex;flex-direction:column;gap:15px;.drag-n-drop-container{display:flex;flex-direction:column;align-items:center;padding:45px;border:1px dashed var(--blue-light-accent-default);border-radius:8px;.empty-state-text{display:flex;flex-direction:column;gap:8px;align-items:center;img {margin-bottom: 10px;} .title-text {font-weight: 700;} .text-5 {color: var(--grayscale-600);} a {color: var(--blue-light-default); text-decoration: underline; cursor: pointer;}}}.drag-active{background-color:var(--blue-light-accent-light);border-color:var(--blue-light-default)}.preview-container{display:flex;flex-direction:column;gap:10px;.preview-thumbnail-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;flex:1}}.thumbnail-outer{position:relative}.thumbnail{display:inline-flex;border-radius:2px;border:1px solid var(--grey-light-1);width:100px;height:100px;padding:4px;box-sizing:border-box}.thumbnail-inner{display:flex;min-width:0;overflow:hidden}.preview-image{display:block;width:auto;height:100%}.thumbnail-outer .remove-icon{display:none;visibility:hidden}.thumbnail-outer:hover .remove-icon{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;visibility:visible}.file-name-display{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--blue-light-400);border-radius:10px;box-sizing:border-box;padding:10px 20px;flex:1;.c-icon-button svg{color:var(--blue-light-accent-default)}}}.upload-funds-csv-form{display:flex;flex-direction:column;gap:1.5rem;.form-description{font-size:.875rem;line-height:1.5;color:var(--text-secondary, #666);margin:0}.file-input-wrapper{position:relative;.file-input{display:none}.file-input-label{display:flex;align-items:center;gap:12px;padding:16px 20px;border:2px dashed var(--border-color, #ddd);border-radius:8px;background-color:var(--background-light, #fafafa);cursor:pointer;transition:all .2s;font-size:.875rem;&:hover{border-color:var(--primary-color);background-color:var(--background-hover, #f5f5f5)}&.disabled{opacity:.6;cursor:not-allowed;&:hover{border-color:var(--border-color, #ddd);background-color:var(--background-light, #fafafa)}}.file-icon{font-size:1.5rem;color:var(--primary-color)}span {flex: 1; color: var(--text-primary);}}}.file-info{padding:12px 16px;background-color:var(--blue-light-accent-light, #e3f2fd);border-radius:4px;.text-4{color:var(--text-secondary);strong {color: var(--text-primary);}}}.template-container{display:flex;gap:24px;align-items:center;border-radius:8px;padding:16px;background:var(--blue-light-accent-light);img {padding: 5px; background-color: white; border-radius: 6px;} .template-info-text {display: flex; flex-direction: column; gap: 2.5px; .title {color: var(--blue-light-default);} .description {color: var(--grayscale-600);}} .c-button {margin-left: auto;}}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:1rem;border-top:1px solid var(--border-color, #eee)}}.issue-funds-form{display:flex;flex-direction:column;gap:15px;.current-balance-block{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:8px;background:var(--blue-light-accent-light, #e3f2fd);border:1px solid var(--blue-light-200);.current-balance-info{display:flex;justify-content:space-between;align-items:center;.current-balance-col{display:flex;flex-direction:column;gap:5px;.header-3{color:var(--blue-light-default)}}}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--blue-light-200, #E8EBFA);flex-shrink:0;svg {color: var(--blue-light-default); font-size: 20px;}}.divider{height:1px;background-color:var(--blue-light-300);margin:4px 0}.c-button{align-self:flex-end}}.funds-summary{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:8px;border:1px solid var(--blue-light-200);.summary-row{display:flex;justify-content:space-between;align-items:center}.divider{height:1px;background-color:var(--blue-light-300);margin:4px 0}}.form-actions{display:flex;justify-content:flex-end;gap:12px}}.c-snackbar{z-index:9999}.c-snackbar-alert{border-radius:10px;box-shadow:0 4px 12px #00000026;font-weight:500}body{margin:0;padding:0;font-family:var(--body-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100dvh}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.text-1{font-size:var(--font-size-1)}.text-2{font-size:var(--font-size-2)}.text-3{font-size:var(--font-size-3)}.text-4{font-size:var(--font-size-4)}.text-5{font-size:var(--font-size-5)}.text-6{font-size:var(--font-size-6)}.text-1,.text-2,.text-3,.text-4,.text-5,.text-6{color:var(--primary-font-color-1);line-height:1.375em;font-family:var(--body-font)}.header-1,.header-2,.header-3,.header-4,.header-5,.header-6{font-family:var(--body-font)}.header-1{font-size:var(--font-size-1)}.header-2{font-size:var(--font-size-2)}.header-3{font-size:var(--font-size-3)}.header-4{font-size:var(--font-size-4)}.header-5{font-size:var(--font-size-5)}.header-6{font-size:var(--font-size-6)}.header-1,.header-2,.header-3,.header-4,.header-5,.header-6{font-weight:700;color:var(--primary-font-color-1)}