:root{--primary:196 82% 50%;--radius:0.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.p-2{padding:.5rem}.p-4{padding:1rem}.bg-primary{background-color:#17b0e8;background-color:hsl(var(--primary))}.bg-secondary{background-color:#f8f9fa}.bg-white{background-color:#fff}.rounded-md{border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius)}.rounded-full{border-radius:9999px}.text-primary{color:#17b0e8;color:hsl(var(--primary))}.text-white{color:#fff}.text-gray{color:#6b7280}.border-0{border:none}.border{border-width:1px}.cursor-pointer{cursor:pointer}.font-medium{font-weight:500}.font-semibold{font-weight:600}.transition-all{transition:all .2s ease-in-out}.hover\:bg-primary\/90:hover{background-color:#17b0e8e6;background-color:hsl(var(--primary)/.9)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#2b2b2b;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;line-height:1.25;margin:0}p{margin:0}a{color:#1ea6df;text-decoration:none;transition:color .2s ease-in-out}a:hover{color:#1885b2}button{background:none;border:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ol,ul{list-style:none}img{display:block;height:auto;max-width:100%}:focus{outline:2px solid #1ea6df;outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus{outline:none}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.header{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px 0 #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:1020}.header__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;min-height:70px;padding:0 1rem}@media(min-width:768px){.header__container{padding:0 2rem}}.header__left{align-items:center;display:flex;flex-shrink:0;gap:1.5rem}.header__logo{background:none;border:none;border-radius:.5rem;cursor:pointer;padding:.25rem;text-decoration:none;transition:all .2s ease-in-out}.header__logo:hover{transform:translateY(-1px)}.header__logo:focus{outline:2px solid #1ea6df;outline-offset:2px}.header__logo-image{border-radius:.375rem;display:block;height:32px;max-width:120px;object-fit:contain;width:auto}.header__organization{background:none;border:none;border-radius:.375rem;color:#2b2b2b;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:600;line-height:1.5;padding:.25rem .5rem;transition:all .2s ease-in-out;white-space:nowrap}.header__organization:hover{background-color:#1ea6df1a;color:#1ea6df;transform:scale(1.02)}.header__organization:focus{outline:2px solid #1ea6df;outline-offset:2px}@media(max-width:639px){.header__organization{display:none}}.header__role{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-style:italic;font-weight:400;line-height:1.5}.header__right{flex-shrink:0}.header__auth,.header__user{align-items:center;display:flex;gap:1rem;justify-content:center}.header__user-info{align-items:flex-end;display:flex;flex-direction:column;gap:2px}@media(max-width:639px){.header__user-info{display:none}}.header__user-name{color:#2b2b2b;font-size:1rem;font-weight:400;font-weight:600}.header__user-name,.header__user-org{font-family:Inter,sans-serif;line-height:1.5;white-space:nowrap}.header__user-org{color:#6b7280;font-size:.875rem;font-weight:400}.header__user-menu{position:relative}.header__user-menu:hover .header__user-dropdown{opacity:1;transform:translateY(0);visibility:visible}.header__user-avatar{align-items:center;background:linear-gradient(135deg,#1ea6df,#49b8e7);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;transition:all .2s ease-in-out;width:40px}.header__user-avatar:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:scale(1.05)}.header__user-avatar:focus{outline:2px solid #1ea6df;outline-offset:2px}.header__user-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:200px;opacity:0;padding:.5rem 0;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(-.5rem);transition:all .2s ease-in-out;visibility:hidden;z-index:1000}.header__user-dropdown-item{color:#2b2b2b;display:block;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;padding:.5rem 1rem;text-align:left;white-space:nowrap;width:100%}.header__user-dropdown-button{background:none;border:none;cursor:pointer;transition:background-color .2s ease-in-out}.header__user-dropdown-button:hover{background-color:#f8f9fa}.header__user-dropdown-button:focus{background-color:#f8f9fa;outline:none}.header__user-email{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}.header__user-dropdown-divider{background-color:#e5e7eb;height:1px;margin:.5rem 0}@media(max-width:639px){.header__container{min-height:60px;padding:0 1rem}.header__logo-image{height:28px;max-width:100px}.header__user-avatar{font-size:.875rem;height:36px;width:36px}.header__user-dropdown{left:-1rem;min-width:auto;right:-1rem}}.header{animation:slideDown .3s ease-out}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:calc(.5rem - 2px);border-radius:calc(var(--radius) - 2px);cursor:pointer;display:inline-flex;display:flex;font-family:Inter,sans-serif;font-weight:500;gap:.5rem;justify-content:center;line-height:1.25rem;overflow:hidden;position:relative;text-decoration:none;transition:all .2s ease-in-out;transition:all .2s ease;white-space:nowrap}.btn,.btn--small{font-size:.875rem;padding:.5rem 1rem}.btn--small{border-radius:.375rem}.btn--medium{border-radius:.5rem;font-size:1rem;padding:1rem 1.5rem}.btn--large{border-radius:.5rem;font-size:1.125rem;padding:1.5rem 2rem}.btn--full-width{justify-content:center;width:100%}.btn--icon-only{padding:1rem}.btn--icon-only.btn--small{padding:.5rem}.btn--icon-only.btn--large{padding:1.5rem}.btn--primary{background-color:#17b0e8;background-color:hsl(var(--primary));color:#fff}.btn--primary:hover:not(:disabled){background-color:#17b0e8e6;background-color:hsl(var(--primary)/.9);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.btn--primary:active:not(:disabled){box-shadow:0 1px 2px 0 #0000000d;transform:translateY(0)}.btn--secondary{align-items:center;background-color:#0000;border:2px solid #1ea6df;border-radius:.5rem;color:#1ea6df;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-weight:500;justify-content:center;text-decoration:none;transition:all .2s ease-in-out}.btn--secondary:disabled{cursor:not-allowed;opacity:.6}.btn--secondary:hover:not(:disabled){background-color:#1ea6df;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;transform:translateY(-1px)}.btn--outline{background-color:#0000;border:2px solid #e5e7eb;color:#2b2b2b}.btn--outline:hover:not(:disabled){background-color:#f8f9fa;border-color:#2b2b2b}.btn--outline:focus:not(:disabled){border-color:#1ea6df;box-shadow:0 0 0 2px #1ea6df33}.btn--ghost{background-color:#0000;border:none;color:#6b7280}.btn--ghost:focus:not(:disabled),.btn--ghost:hover:not(:disabled){background-color:#f8f9fa;color:#2b2b2b}.btn--ghost:focus:not(:disabled){box-shadow:0 0 0 2px #1ea6df33}.btn--danger{background-color:#ef4444;border:2px solid #ef4444;color:#fff}.btn--danger:hover:not(:disabled){background-color:#eb1515;border-color:#eb1515}.btn--danger:focus:not(:disabled){box-shadow:0 0 0 2px #ef444433}.btn--success:hover:not(:disabled){background-color:#0c8a60;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.btn--success:active:not(:disabled){box-shadow:0 1px 2px 0 #0000000d;transform:translateY(0)}.btn--success:focus:not(:disabled){box-shadow:0 0 0 2px #10b98133}.btn--loading{pointer-events:none}.btn--loading .btn__icon,.btn--loading .btn__text{opacity:.7}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.btn__text{display:inline-block}.btn__icon{align-items:center;display:inline-flex;font-size:1.2em;justify-content:center}.btn__icon--left{margin-left:-.25rem;margin-right:.25rem}.btn__icon--right{margin-left:.25rem;margin-right:-.25rem}.btn__icon svg{height:1em;width:1em}.btn__spinner{align-items:center;display:inline-flex;justify-content:center;margin-left:-.25rem;margin-right:.25rem}.btn__spinner-icon{animation:spin 1s linear infinite;height:1em;width:1em}.btn__spinner-icon circle{opacity:.25}.btn__spinner-icon path{opacity:.75}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0;margin-right:-1px}.btn-group .btn:first-child{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.btn-group .btn:last-child{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem;margin-right:0}.btn-group .btn:focus,.btn-group .btn:hover{position:relative;z-index:1}.btn-group--vertical{flex-direction:column}.btn-group--vertical .btn{margin-bottom:-1px;margin-right:0}.btn-group--vertical .btn:first-child{border-radius:.5rem .5rem 0 0}.btn-group--vertical .btn:last-child{border-radius:0 0 .5rem .5rem;margin-bottom:0}.btn--fab{border-radius:50%;bottom:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;height:56px;position:fixed;right:2rem;width:56px;z-index:1030}.btn--fab:hover{box-shadow:0 8px 25px #00000026;transform:scale(1.05)}@media(max-width:639px){.btn--fab{bottom:1.5rem;right:1.5rem}}.form{display:flex;flex-direction:column;gap:1.5rem}.form--compact{gap:1rem}.form--spacious{gap:2rem}.form__row{grid-gap:1rem;display:grid;gap:1rem}.form__row--two-columns{grid-template-columns:1fr 1fr}@media(max-width:639px){.form__row--two-columns{grid-template-columns:1fr}}.form__row--three-columns{grid-template-columns:1fr 1fr 1fr}@media(min-width:768px){.form__row--three-columns{grid-template-columns:1fr 1fr}}@media(max-width:639px){.form__row--three-columns{grid-template-columns:1fr}}.form__row--auto-fit{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form__field{display:flex;flex-direction:column;gap:.5rem;position:relative}.form__field--horizontal{align-items:center;display:flex;flex-direction:row;gap:1rem}.form__field--horizontal .form__label{flex-shrink:0;margin-bottom:0;min-width:120px}.form__label{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:500;line-height:1.5;margin-bottom:.25rem}.form__label .required{color:#ef4444;margin-left:2px}.form__label .optional{margin-left:.25rem}.form__label .optional,.form__label--small{color:#6b7280;font-size:.875rem;font-weight:400}.form__label--small{font-family:Inter,sans-serif;font-weight:500;line-height:1.5}.form__label--large{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;font-weight:600;line-height:1.625}.input,.select,.textarea{background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#2b2b2b;font-family:Inter,sans-serif;font-size:1rem;padding:1rem;transition:all .2s ease-in-out;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:#1ea6df;box-shadow:0 0 0 3px #1ea6df1a;outline:none}.input::placeholder,.select::placeholder,.textarea::placeholder{color:#6b7280}.input:disabled,.select:disabled,.textarea:disabled{background-color:#f8f9fa;cursor:not-allowed}.input--small{font-size:.875rem;padding:.5rem 1rem}.input--large{font-size:1.125rem;padding:1.5rem 2rem}.input--error,.input--error:focus{border-color:#ef4444}.input--error:focus{box-shadow:0 0 0 3px #ef44441a}.input--success{border-color:#10b981}.input--success:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.input--read-only{background-color:#f8f9fa;border-color:#e5e7eb;cursor:default}.input--read-only:focus{border-color:#e5e7eb;box-shadow:none}.input-with-icon{position:relative}.input-with-icon .input,.input-with-icon .select,.input-with-icon .textarea{padding-left:4.5rem}.input-with-icon__icon{color:#6b7280;font-size:1.125rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon__icon--right{left:auto;right:1rem}.input-with-icon--right .input,.input-with-icon--right .select,.input-with-icon--right .textarea{padding-left:1rem;padding-right:4.5rem}.textarea{font-family:Inter,sans-serif;line-height:1.625;min-height:120px;resize:vertical}.textarea--auto-resize{overflow:hidden;resize:none}.textarea--fixed{resize:none}.textarea--large{min-height:200px}.textarea--small{min-height:80px}.select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;cursor:pointer;padding-right:3rem}.select:disabled{cursor:not-allowed}.select[multiple]{background-image:none;min-height:120px;padding-right:1rem}.checkbox,.radio{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox input[type=checkbox],.checkbox input[type=radio],.radio input[type=checkbox],.radio input[type=radio]{background-color:#fff;border:2px solid #e5e7eb;cursor:pointer;height:18px;width:18px}.checkbox input[type=checkbox]:checked,.checkbox input[type=radio]:checked,.radio input[type=checkbox]:checked,.radio input[type=radio]:checked{background-color:#1ea6df;border-color:#1ea6df}.checkbox input[type=checkbox]:focus,.checkbox input[type=radio]:focus,.radio input[type=checkbox]:focus,.radio input[type=radio]:focus{outline:2px solid #1ea6df;outline-offset:2px}.checkbox input[type=checkbox]:disabled,.checkbox input[type=radio]:disabled,.radio input[type=checkbox]:disabled,.radio input[type=radio]:disabled{background-color:#f8f9fa;border-color:#e5e7eb;cursor:not-allowed}.checkbox input[type=radio],.radio input[type=radio]{border-radius:50%}.checkbox__label,.radio__label{color:#2b2b2b;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}.checkbox__label--small,.radio__label--small{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}.checkbox--error input[type=checkbox],.checkbox--error input[type=radio],.radio--error input[type=checkbox],.radio--error input[type=radio]{border-color:#ef4444}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-group--horizontal,.radio-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:1rem}.checkbox-group--grid,.radio-group--grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.file-input{cursor:pointer;display:inline-block;position:relative}.file-input input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-input__button{align-items:center;background-color:#0000;border:2px solid #1ea6df;border-radius:.5rem;color:#1ea6df;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-weight:500;gap:.5rem;justify-content:center;padding:1rem 1.5rem;text-decoration:none;transition:all .2s ease-in-out}.file-input__button:disabled{cursor:not-allowed;opacity:.6}.file-input__button:hover:not(:disabled){background-color:#1ea6df;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff;transform:translateY(-1px)}.file-input__button:hover{background-color:#f8f9fa}.file-input__text{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin-top:.25rem}.file-input--drag-over .file-input__button{background-color:#1ea6df1a;border-color:#1ea6df}.search-input{position:relative}.search-input .input,.search-input .select,.search-input .textarea{padding-left:4.5rem}.search-input__icon{font-size:1.125rem;left:1rem;pointer-events:none}.search-input__clear,.search-input__icon{color:#6b7280;position:absolute;top:50%;transform:translateY(-50%)}.search-input__clear{background:none;border:none;border-radius:.375rem;cursor:pointer;padding:.25rem;right:1rem}.search-input__clear:hover{background-color:#f8f9fa;color:#2b2b2b}.input-group{align-items:stretch;display:flex}.input-group .input,.input-group .select,.input-group .textarea{border-radius:.5rem 0 0 .5rem;border-right:none}.input-group .input:focus,.input-group .select:focus,.input-group .textarea:focus{position:relative;z-index:1}.input-group__button{border-left:none;border-radius:0 .5rem .5rem 0}.input-group--reverse .input,.input-group--reverse .select,.input-group--reverse .textarea{border-left:none;border-radius:0 .5rem .5rem 0;border-right:2px solid #e5e7eb}.input-group--reverse .input-group__button{border-left:2px solid #e5e7eb;border-radius:.5rem 0 0 .5rem;border-right:none}.form__help{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;margin-top:.25rem}.form__help--error{color:#ef4444}.form__help--success{color:#10b981}.form__help--warning{color:#f59e0b}.form__error{align-items:center;color:#6b7280;color:#ef4444;display:flex;font-family:Inter,sans-serif;font-weight:400;gap:.25rem;line-height:1.5;margin-top:.25rem}.form__error,.form__error__icon,.form__success{font-size:.875rem}.form__success{align-items:center;color:#6b7280;color:#10b981;display:flex;font-family:Inter,sans-serif;font-weight:400;gap:.25rem;line-height:1.5;margin-top:.25rem}.form__success__icon{font-size:.875rem}.form__loading{position:relative}.form__loading:after{background-color:#fffc;border-radius:.5rem;content:"";position:absolute}.form__loading:after,.modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;right:0;top:0}.modal{padding:1.5rem;position:fixed;z-index:1050}.modal--hidden{display:none}.modal--entering{animation:modalEnter .2s ease-out forwards}.modal--exiting{animation:modalExit .2s ease-in forwards}.modal__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;z-index:1040}.modal__backdrop--entering{animation:backdropEnter .2s ease-out forwards}.modal__backdrop--exiting{animation:backdropExit .2s ease-in forwards}.modal__container{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;cursor:default;max-height:90vh;max-width:100%;overflow-y:auto;position:relative;z-index:1050}.modal__container--small{max-width:90vw;width:400px}.modal__container--medium{max-width:90vw;width:600px}.modal__container--large{max-width:95vw;width:800px}.modal__container--full{height:90vh;width:95vw}.modal__container--entering{animation:containerEnter .2s ease-out forwards}.modal__container--exiting{animation:containerExit .2s ease-in forwards}@media(max-width:639px){.modal__container--large,.modal__container--medium,.modal__container--small{margin:1rem;width:95vw}}.modal__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:2rem 2rem 1.5rem}.modal__header h2{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.5;margin:0}.modal__header h3{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;font-weight:600;line-height:1.625;margin:0}.modal__header--no-border{border-bottom:none;padding-bottom:2rem}.modal__close{align-items:center;background-color:#0000;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease-in-out;width:32px}.modal__close:hover{background-color:#f8f9fa;color:#2b2b2b}.modal__close:focus{outline:2px solid #1ea6df;outline-offset:2px}.modal__close svg{height:20px;width:20px}.modal__content{padding:1.5rem 2rem}.modal__content--no-padding{padding:0}.modal__content--scroll{max-height:60vh;overflow-y:auto}.modal__footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem 2rem}.modal__footer--space-between{justify-content:space-between}.modal__footer--center{justify-content:center}.modal__footer--no-border{border-top:none;padding-top:2rem}@media(max-width:639px){.modal__footer{flex-direction:column-reverse;gap:.5rem}.modal__footer button{width:100%}}@keyframes modalEnter{0%{opacity:0}to{opacity:1}}@keyframes modalExit{0%{opacity:1}to{opacity:0}}@keyframes backdropEnter{0%{opacity:0}to{opacity:1}}@keyframes backdropExit{0%{opacity:1}to{opacity:0}}@keyframes containerEnter{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes containerExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.modal__focus-trap{height:1px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:1px}.login-page{align-items:center;background:linear-gradient(135deg,#1ea6df0d,#1ea6df05);bottom:0;display:flex;height:100vh;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;width:100vw;z-index:1}.login-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;max-width:420px;padding:4rem;width:100%}@media(max-width:639px){.login-card{margin:1rem;padding:2rem}}.login-header{margin-bottom:3rem;text-align:center}.login-header h1{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.875rem;font-weight:600;line-height:1.25;margin-bottom:.5rem}.login-header p{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}.login-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.login-logo__image{border-radius:.375rem;height:48px;max-width:200px;object-fit:contain;width:auto}.login-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.login-footer{margin-bottom:2rem;text-align:center}.login-footer .link-button{background:none;border:none;color:#1ea6df;color:#2b2b2b;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;text-decoration:underline}.login-footer .link-button:hover{color:#1885b2}.login-footer .link-button:focus{outline:2px solid #1ea6df;outline-offset:2px}.demo-info{background-color:#fff;background-color:#1ea6df0d;border:1px solid #1ea6df33;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;margin-top:1.5rem;padding:1.5rem}.demo-info p{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;margin:0}.demo-info p:first-child{color:#2b2b2b;font-weight:600;margin-bottom:.25rem}.organisation-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:3rem 0}.organisation-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;max-width:800px;padding:3rem;width:100%}@media(max-width:639px){.organisation-card{margin:1rem;padding:2rem}}.organisation-card__header{margin-bottom:3rem;text-align:center}.organisation-card__header h1{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.875rem;font-weight:600;line-height:1.25;margin-bottom:.5rem}.organisation-card__header p{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}.organisation-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.organisation-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;padding:1.5rem;transition:all .2s ease-in-out}.organisation-item:hover{border-color:#1ea6df4d;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px);transform:translateY(-1px)}.organisation-item__content{align-items:center;align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between}@media(max-width:639px){.organisation-item__content{align-items:stretch;flex-direction:column;gap:1rem}}.organisation-item__info{flex:1 1;min-width:0}.organisation-item__name{font-size:1.125rem;font-weight:400;font-weight:600;line-height:1.625;line-height:1.25}.organisation-item__name,.organisation-item__role{color:#2b2b2b;font-family:Inter,sans-serif;margin:0 0 .25rem}.organisation-item__role{color:#1ea6df;font-size:1rem;font-weight:400;font-weight:500;line-height:1.5}.organisation-item__description{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;margin:0}.organisation-item__action{flex-shrink:0}@media(max-width:639px){.organisation-item__action{align-self:flex-end}}.organisation-item__action button{min-width:80px}.organisation-item__action button:hover{box-shadow:0 1px 2px 0 #0000000d;transform:translateY(-1px)}.organisation-item__action button:active{transform:translateY(0)}.organisation-item__admin-actions{display:flex;flex-direction:column;gap:.5rem;min-width:140px}@media(max-width:639px){.organisation-item__admin-actions{width:100%}}.organisation-item__admin-actions button{white-space:nowrap;width:100%}.organisation-card__footer{border-top:1px solid #e5e7eb;padding-top:1.5rem;text-align:center}.organisation-card__footer p{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;margin:0}.organisation-card__footer p a{color:#1ea6df;font-weight:500;text-decoration:underline}.organisation-card__footer p a:hover{color:#1885b2;text-decoration:none}.organisation-list--loading{opacity:.6;pointer-events:none}.organisation-list--loading .organisation-item{animation:pulse 1.5s ease-in-out infinite}.organisation-list--empty{padding:4rem;text-align:center}.organisation-list--empty h3{color:#2b2b2b;color:#6b7280;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.5;margin-bottom:1rem}.organisation-list--empty p{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin-bottom:1.5rem}.regional-dashboard{padding:2rem 0}.regional-dashboard__header{margin-bottom:2rem}.regional-dashboard__header h1{font-size:2rem;margin:0}.cases-section__title,.regional-dashboard__header h1{color:#2b2b2b;font-family:Poppins,sans-serif;font-weight:600}.cases-section__title{font-size:1.25rem;margin:0 0 1.5rem}.cases-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:4rem}.cases-grid--totals{margin-bottom:2rem}@media(max-width:639px){.cases-grid{gap:1rem;grid-template-columns:1fr}}@media(min-width:640px)and (max-width:767px){.cases-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}.regional-case-card{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:2rem;position:relative;text-align:center;transition:all .2s ease-in-out}.regional-case-card__number{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;line-height:1;margin-bottom:.5rem}.regional-case-card__label{color:#2b2b2bb3;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.regional-case-card__icon{color:#2b2b2b;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.regional-case-card--action{background:linear-gradient(135deg,#1ea6df,#49b8e7);color:#fff;cursor:pointer}.regional-case-card--action .regional-case-card__icon,.regional-case-card--action .regional-case-card__label{color:inherit}.regional-case-card--action:hover{box-shadow:0 8px 25px #1ea6df4d;transform:translateY(-2px)}.regional-case-card:not(.regional-case-card--action):hover{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;transition:all .2s ease-in-out}.regional-case-card:not(.regional-case-card--action):hover:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.regions-breakdown{margin-top:2rem}.regions-breakdown h3{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;margin:0 0 1rem}.regions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:639px){.regions-grid{grid-template-columns:1fr}}.region-card{background-color:#fff;background:#f8f9fa4d;border:1px solid #2b2b2b1a;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;padding:1.5rem}.region-card__header{margin-bottom:1rem}.region-card__header h4{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;margin:0}.region-stats{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}@media(max-width:639px){.region-stats{grid-template-columns:1fr}}.stat-item{text-align:center}.stat-item .stat-value{color:#2b2b2b;display:block;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;line-height:1;margin-bottom:.25rem}.stat-item .stat-label{color:#2b2b2b99;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.error-state,.loading-state{padding:4rem}.error-state p,.loading-state p{color:#2b2b2b;color:#2b2b2bb3;font-family:Inter,sans-serif;font-weight:400;line-height:1.5;margin:0 0 1.5rem}.error-state .btn{margin-top:1rem}.dashboard-page{padding:2rem 0}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem}.dashboard-header h1{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.875rem;font-weight:600;line-height:1.25;margin:0}.dashboard-header .region-indicator{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;font-weight:500;line-height:1.625}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:4rem}@media(max-width:639px){.summary-cards{gap:1rem;grid-template-columns:1fr}}.summary-card{padding:2rem;position:relative;text-align:center}.summary-card,.summary-card:hover{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;transition:all .2s ease-in-out}.summary-card:hover:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.summary-card.new-case{background:linear-gradient(135deg,#1ea6df,#49b8e7);color:#fff;cursor:pointer}.summary-card.new-case:hover{box-shadow:0 8px 25px #1ea6df4d;transform:translateY(-2px)}.summary-card .card-number{color:#2b2b2b;color:inherit;font-family:Poppins,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.25;margin-bottom:.5rem}.summary-card .card-label{color:#2b2b2b;color:inherit;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;font-weight:500;line-height:1.625}.summary-card .card-icon{font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.summary-card .new-case-button{background:#0000;border:none;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.cases-section{margin-bottom:4rem}.cases-section h2{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.5;margin:0 0 2rem}.cases-list{display:flex;flex-direction:column;gap:.25rem}.case-card{grid-gap:.25rem;align-items:center;display:grid;gap:.25rem;grid-template-columns:200px 110px 140px 1fr 50px;padding:.25rem 1.5rem}.case-card,.case-card:hover{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;transition:all .2s ease-in-out}.case-card:hover:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}@media(max-width:639px){.case-card{gap:.25rem;grid-template-columns:1fr}}.case-info{text-align:left}.case-info .case-name{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;font-weight:600;line-height:1.625;margin-bottom:.25rem}.case-info .case-reference{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}.case-details{display:contents}.detail-item{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.detail-item .detail-label{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.detail-item .detail-label,.detail-item .detail-value{font-family:Inter,sans-serif;font-weight:400;line-height:1.5;text-align:left}.detail-item .detail-value{color:#2b2b2b;font-size:1rem;font-weight:500}.case-actions{display:flex;flex-shrink:0;justify-content:flex-end}.case-actions .btn{align-items:center;display:flex;height:40px;justify-content:center;min-width:40px;padding:.5rem}.case-actions .btn svg{height:16px;width:16px}.case-actions .btn .btn__text{align-items:center;display:flex;justify-content:center}@media(max-width:639px){.dashboard-page{padding:1.5rem 0}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:2rem}.cases-section,.summary-cards{margin-bottom:3rem}.case-details{justify-content:space-between;width:100%}}.case-card{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{background-color:#fff;background:linear-gradient(135deg,#1ea6df0d,#1ea6df05);border:2px dashed #1ea6df33;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;margin:1.5rem 0;padding:4rem}.empty-state .empty-state-icon{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.empty-state .empty-state-icon svg{opacity:.6}.empty-state h3{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.5;margin:0 0 1rem}.empty-state p{color:#6b7280;line-height:1.5;margin:0 auto 2rem}.empty-state .empty-state-button{margin-top:1.5rem}@media(max-width:639px){.empty-state{padding:2rem}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.95rem}}.case-page{margin:0 auto;max-width:900px;padding:0 0 2rem}.case-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}@media(max-width:639px){.case-header{flex-direction:column;gap:1rem}}.case-header__left{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:center}.back-button{align-items:center;display:flex;gap:.25rem;min-width:auto;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.back-button svg{height:14px;width:14px}.case-title{flex:1 1;text-align:right}.case-title h1{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.875rem;font-weight:600;line-height:1.25;margin:0}.case-dropdown .dropdown-menu__trigger{background-color:#1ea6df0d;border:1px solid #1ea6df33;border-radius:.5rem;padding:.5rem}.case-dropdown .dropdown-menu__trigger:hover{background-color:#1ea6df1a;border-color:#1ea6df4d}.case-dropdown .dropdown-menu__trigger:focus{border-color:#1ea6df;outline:2px solid #1ea6df;outline-offset:2px}.case-date-range{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1rem;font-size:.9rem;font-weight:400;font-weight:500;line-height:1.5;margin-top:.25rem;text-align:right}.action-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}@media(max-width:639px){.action-cards{gap:1rem;grid-template-columns:repeat(2,1fr)}}.action-card{cursor:pointer;padding:1.5rem;text-align:center}.action-card,.action-card:hover{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;transition:all .2s ease-in-out}.action-card:hover,.action-card:hover:hover{transform:translateY(-2px)}.action-card:hover:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.action-card__icon{align-items:center;background-color:#1ea6df1a;border-radius:50%;color:#1ea6df;display:flex;height:48px;justify-content:center;margin:0 auto 1rem;width:48px}.action-card__icon svg{height:24px;width:24px}.action-card__label{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:500;line-height:1.5}.action-card--success .action-card__icon{background-color:#10b9811a}.action-card--success .action-card__icon svg,.action-card--success .action-card__label{color:#10b981}.action-card--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.action-card--disabled:hover{box-shadow:none;transform:none}.time-period-selector{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem}@media(max-width:639px){.time-period-selector{flex-wrap:wrap}}.financial-summary{grid-gap:1.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;padding:2rem}@media(max-width:639px){.financial-summary{gap:1rem;grid-template-columns:1fr}}.financial-summary__item{text-align:center}.financial-summary__item--difference{border-left:2px solid #e5e7eb;padding-left:1.5rem}@media(max-width:639px){.financial-summary__item--difference{border-left:none;border-top:2px solid #e5e7eb;padding-left:0;padding-top:1.5rem}}.financial-summary__label{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:500;line-height:1.5;margin-bottom:.5rem}.financial-summary__amount{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.875rem;font-weight:600;font-weight:700;line-height:1.25}.financial-summary__amount--positive{color:#10b981}.financial-summary__amount--negative{color:#ef4444}.financial-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}@media(max-width:639px){.financial-overview{gap:2rem;grid-template-columns:1fr}}.financial-column{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;padding:2rem}.financial-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.financial-header h2{color:#2b2b2b;color:#6b7280}.financial-header h2,.financial-total{font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;font-weight:600;line-height:1.625;margin:0}.financial-total{color:#2b2b2b;color:#1ea6df}.financial-items{display:flex;flex-direction:column}.financial-empty-state{color:#6b7280;padding:2rem 0;text-align:center}.financial-empty-state p{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1rem;font-style:italic;font-weight:400;line-height:1.5;margin:0}.financial-item{border-bottom:1px solid #e5e7eb80;padding:1rem 0}.financial-item:last-child{border-bottom:none}.financial-item--clickable{border-radius:.375rem;cursor:pointer;margin:0;padding:1rem 0;transition:all .2s ease}.financial-item--clickable:hover{background-color:#1ea6df0d;transform:translateY(-1px)}.financial-item--pending{background-color:#f59e0b0d;border:1px solid #f59e0b33;border-radius:.5rem;cursor:default;margin:.25rem 0;padding:1rem}.financial-item--pending .financial-item__amount,.financial-item--pending .financial-item__name{color:#f59e0b;font-weight:600}.financial-item--pending .financial-item__progress-bar{background-color:#f59e0b}.financial-item__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.financial-item__name{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:500;line-height:1.5}.financial-item__transaction-count{color:#6b7280;font-size:.875rem;font-weight:300;opacity:.7}.financial-item__amount{color:#7b7b7b;font-size:.8rem;font-weight:600}.financial-item__progress{background-color:#1ea6df1a;border-radius:.375rem;height:8px;margin-bottom:.25rem;overflow:hidden;position:relative}.financial-item__progress-bar{background-color:#1ea6df;border-radius:.375rem}.financial-item__progress-bar,.financial-item__progress-segment{animation:progressBarAnimation 1.2s cubic-bezier(.25,.46,.45,.94);animation-fill-mode:both;height:100%;transform:scaleX(0);transform-origin:left}.financial-item__progress-segment{position:absolute;top:0;transition:all .2s ease}.financial-item__progress-segment:hover{opacity:.8;transform:scaleX(1) scaleY(1.1)}@keyframes progressBarAnimation{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.household-members{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.household-members h2{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;font-weight:600;line-height:1.625;margin:0 0 1rem}.household-members__list{display:flex;flex-direction:column;gap:1rem}.household-member__info{display:flex;flex-direction:column;gap:.25rem}.household-member__name{align-items:center;color:#2b2b2b;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:500;gap:.5rem;line-height:1.5}.household-member__color-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.household-member__statements{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}.btn--success{background-color:#10b981;border-color:#10b981;color:#fff}.btn--success:hover{background-color:#0c8a60;border-color:#0c8a60}.btn--success:focus{box-shadow:0 0 0 2px #10b98133}@media(max-width:639px){.case-page{padding:1.5rem 0}.financial-column{padding:1.5rem}.action-cards,.time-period-selector{margin-bottom:1.5rem}.financial-overview{margin-bottom:2rem}}.calculations-debug{background-color:#fff;background-color:#f8f9fa;border:2px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;margin-top:3rem;padding:2rem}.calculations-debug__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.calculations-debug__header h3{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.5;margin:0}.calculations-debug__period-selector{display:flex;gap:.5rem}.calculations-debug__content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}@media(max-width:639px){.calculations-debug__content{gap:1.5rem;grid-template-columns:1fr}}.calculations-debug__section h4{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;font-weight:600;line-height:1.625;margin:0 0 1rem}.calculations-debug__item{border-bottom:1px solid #e5e7eb80;display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0}.calculations-debug__item:last-child{border-bottom:none}.calculations-debug__item--difference{color:#1ea6df;font-weight:600}.calculations-debug__label{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;font-weight:500;line-height:1.5}.calculations-debug__value{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:600;line-height:1.5}.calculations-debug__calculation{background-color:#e5e7eb4d;border-radius:.375rem;color:#6b7280;font-family:Inter,sans-serif;font-family:monospace;font-size:.875rem;font-weight:400;line-height:1.5;padding:.25rem .5rem}.bank-statement-upload-page{background-color:var(--background);min-height:100vh;padding:2rem 0}.bank-statement-upload-page .container{margin:0 auto;max-width:1200px;padding:0 1rem}.bank-statement-upload-page .page-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.bank-statement-upload-page .page-header h1{color:var(--foreground);font-size:2rem;font-weight:600;margin:0}.bank-statement-upload-page .page-header .btn--secondary{align-items:center;background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--foreground);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.bank-statement-upload-page .page-header .btn--secondary:hover{background:var(--accent);border-color:var(--accent)}.bank-statement-upload-page .page-header .btn--secondary svg{height:16px;width:16px}.bank-statement-upload-page .upload-section{margin-bottom:3rem}.bank-statement-upload-page .upload-section .upload-card{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.bank-statement-upload-page .upload-section .upload-card h2{color:var(--foreground);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.bank-statement-upload-page .upload-section .upload-card p{color:var(--muted-foreground);line-height:1.6;margin:0 0 2rem}.bank-statement-upload-page .upload-section .upload-area{margin-bottom:2rem}.bank-statement-upload-page .upload-section .upload-area .file-input{display:none}.bank-statement-upload-page .upload-section .upload-area .upload-dropzone{align-items:center;background:var(--background);border:2px dashed var(--border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;transition:all .2s ease}.bank-statement-upload-page .upload-section .upload-area .upload-dropzone:hover:not(.disabled){background:var(--accent);border-color:196 82% 50%;border-color:var(--primary)}.bank-statement-upload-page .upload-section .upload-area .upload-dropzone.disabled{background:var(--muted);cursor:not-allowed;opacity:.6}.bank-statement-upload-page .upload-section .upload-area .upload-dropzone.disabled:hover{background:var(--muted);border-color:var(--border)}.bank-statement-upload-page .upload-section .upload-area .upload-dropzone .upload-icon{color:var(--muted-foreground);margin-bottom:1rem}.bank-statement-upload-page .upload-section .upload-area .upload-dropzone .upload-icon svg{height:48px;width:48px}.bank-statement-upload-page .upload-section .upload-area .upload-dropzone .upload-text{color:var(--muted-foreground);text-align:center}.bank-statement-upload-page .upload-section .upload-area .upload-dropzone .upload-text strong{color:var(--foreground);font-weight:600}.bank-statement-upload-page .upload-section .upload-area .upload-dropzone .upload-text span{font-size:.875rem;opacity:.8}.bank-statement-upload-page .upload-section .selected-file{align-items:center;background:var(--accent);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.bank-statement-upload-page .upload-section .selected-file .file-info{align-items:center;display:flex;gap:.5rem}.bank-statement-upload-page .upload-section .selected-file .file-info .file-name{color:var(--foreground);font-weight:500}.bank-statement-upload-page .upload-section .selected-file .file-info .file-size{color:var(--muted-foreground);font-size:.875rem}.bank-statement-upload-page .upload-section .form-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.bank-statement-upload-page .upload-section .household-member-selection{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;transition:border-color .2s ease}.bank-statement-upload-page .upload-section .household-member-selection.required-field{background:#f59e0b0d;border-color:var(--warning)}.bank-statement-upload-page .upload-section .household-member-selection label{color:var(--foreground);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.bank-statement-upload-page .upload-section .household-member-selection label .required{color:var(--error);margin-left:.25rem}.bank-statement-upload-page .upload-section .household-member-selection .household-member-dropdown{background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--foreground);cursor:pointer;font-size:.875rem;padding:.75rem;transition:border-color .2s ease;width:100%}.bank-statement-upload-page .upload-section .household-member-selection .household-member-dropdown:focus{border-color:196 82% 50%;border-color:var(--primary);box-shadow:0 0 0 2px #1ea6df1a;outline:none}.bank-statement-upload-page .upload-section .household-member-selection .household-member-dropdown:hover{border-color:var(--accent)}.bank-statement-upload-page .upload-section .bank-selection{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;transition:border-color .2s ease}.bank-statement-upload-page .upload-section .bank-selection.required-field{background:#f59e0b0d;border-color:var(--warning)}.bank-statement-upload-page .upload-section .bank-selection label{color:var(--foreground);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.bank-statement-upload-page .upload-section .bank-selection label .required{color:var(--error);margin-left:.25rem}.bank-statement-upload-page .upload-section .bank-selection .bank-dropdown{background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--foreground);cursor:pointer;font-size:.875rem;padding:.75rem;transition:border-color .2s ease;width:100%}.bank-statement-upload-page .upload-section .bank-selection .bank-dropdown:focus{border-color:196 82% 50%;border-color:var(--primary);box-shadow:0 0 0 2px #1ea6df1a;outline:none}.bank-statement-upload-page .upload-section .bank-selection .bank-dropdown:hover{border-color:var(--accent)}.bank-statement-upload-page .upload-section .account-number-field{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;transition:border-color .2s ease}.bank-statement-upload-page .upload-section .account-number-field label{color:var(--foreground);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.bank-statement-upload-page .upload-section .account-number-field .account-number-input{background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--foreground);font-size:.875rem;padding:.75rem;transition:border-color .2s ease;width:100%}.bank-statement-upload-page .upload-section .account-number-field .account-number-input:focus{border-color:196 82% 50%;border-color:var(--primary);box-shadow:0 0 0 2px #1ea6df1a;outline:none}.bank-statement-upload-page .upload-section .account-number-field .account-number-input:hover{border-color:var(--accent)}.bank-statement-upload-page .upload-section .account-number-field .account-number-input::placeholder{color:var(--muted-foreground)}.bank-statement-upload-page .upload-section .upload-progress .progress-bar{background:var(--border);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.bank-statement-upload-page .upload-section .upload-progress .progress-bar .progress-fill{background:linear-gradient(90deg,196 82% 50%,var(--primary-light));background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:4px;height:100%;transition:width .3s ease}.bank-statement-upload-page .upload-section .upload-progress .progress-message{align-items:center;color:var(--muted-foreground);display:flex;font-size:24px;gap:.75rem;justify-content:center}.bank-statement-upload-page .upload-section .upload-progress .progress-message.success-message{color:#10b981;font-weight:600}.bank-statement-upload-page .upload-section .upload-progress .progress-message .progress-loader{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#1ea6df;display:inline-block;flex-shrink:0;height:32px;min-height:32px;min-width:32px;vertical-align:middle;width:32px}.bank-statement-upload-page .upload-section .show-upload-form-button{display:flex;justify-content:center;margin-bottom:1rem}.bank-statement-upload-page .statements-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.bank-statement-upload-page .statements-section .section-header h2{color:#2b2b2b;font-size:1.5rem;font-weight:600;margin:0}.bank-statement-upload-page .statements-section .section-header .refresh-button{align-items:center;background:#1ea6df;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.bank-statement-upload-page .statements-section .section-header .refresh-button:hover:not(:disabled){background:#1885b2;transform:translateY(-1px)}.bank-statement-upload-page .statements-section .section-header .refresh-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.bank-statement-upload-page .statements-section .section-header .refresh-button .refresh-icon{font-size:1rem;transition:transform .3s ease}.bank-statement-upload-page .statements-section .section-header .refresh-button:hover:not(:disabled) .refresh-icon{transform:rotate(180deg)}.bank-statement-upload-page .statements-section .empty-state{background:#fff;border:1px solid var(--border);border-radius:12px;color:var(--muted-foreground);padding:3rem 2rem;text-align:center}.bank-statement-upload-page .statements-section .empty-state p{font-size:1rem;margin:0}.bank-statement-upload-page .statements-section .statements-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.bank-statement-upload-page .statements-section .statements-grid .statement-card{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;position:relative;transition:all .2s ease}.bank-statement-upload-page .statements-section .statements-grid .statement-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-notification{animation:slideDown .3s ease-out;border-radius:12px 12px 0 0;font-size:.875rem;font-weight:500;left:-1px;padding:.75rem 1rem;position:absolute;right:-1px;top:-1px;z-index:10}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-notification--success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-notification--error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-notification__content{align-items:center;display:flex;gap:.5rem}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-notification__icon{flex-shrink:0;font-size:1rem}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-notification__message{flex:1 1;line-height:1.4}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-notification__close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:20px;justify-content:center;padding:0;transition:background-color .2s ease;width:20px}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-notification__close:hover{background:#0000001a}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header h3{color:var(--foreground);flex:1 1;font-size:1.125rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header .delete-button{align-items:center;background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;margin-left:.5rem;padding:.5rem;transition:all .2s ease}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header .delete-button:hover{background:#fef2f2;color:#dc2626}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header .delete-button:disabled{cursor:not-allowed;opacity:.5}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header .delete-button svg{height:16px;width:16px}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header .delete-button .loading-spinner{font-size:14px}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header .status-badge{border-radius:20px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header .status-badge.status-processed{background:var(--success-light);color:var(--success)}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header .status-badge.status-processing{background:var(--warning-light);color:var(--warning)}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header .status-badge.status-error{background:var(--error-light);color:var(--error)}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header .status-badge.status-uploaded{background:var(--info-light);color:var(--info)}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header .status-badge.status-awaiting_processing{background:#fef3c7;color:#d97706}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header .status-badge.status-reconciled{background:#d1fae5;color:#059669}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header .status-badge.status-retrying{animation:pulse 2s infinite;background:#dbeafe;color:#1d4ed8}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-details{margin-bottom:1.5rem}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-details .detail-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:.5rem 0}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-details .detail-item:last-child{border-bottom:none}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-details .detail-item .label{color:var(--muted-foreground);font-size:.875rem}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-details .detail-item .value{color:var(--foreground);font-weight:500}.bank-statement-upload-page .statements-section .statements-grid .statement-card .processing-loader{align-items:center;color:196 82% 50%;color:var(--primary);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.5rem 1rem}.bank-statement-upload-page .statements-section .statements-grid .statement-card .processing-loader .spinner{animation:spin .8s linear infinite;border:2px solid #1ea6df33;border-radius:50%;border-top:2px solid var(--primary);flex-shrink:0;height:16px;width:16px}.bank-statement-upload-page .statements-section .statements-grid .statement-card .processing-loader .processing-messages{display:flex;flex-direction:column;gap:.25rem}.bank-statement-upload-page .statements-section .statements-grid .statement-card .processing-loader .processing-status{color:196 82% 50%;color:var(--primary);font-weight:500}.bank-statement-upload-page .statements-section .statements-grid .statement-card .processing-loader .processing-time{color:var(--text-grey);font-size:.75rem;font-weight:400}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-actions{display:flex;gap:.5rem}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-actions .btn{flex:1 1;justify-content:center}@media(max-width:768px){.bank-statement-upload-page{padding:1rem 0}.bank-statement-upload-page .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.bank-statement-upload-page .page-header h1{font-size:1.5rem}.bank-statement-upload-page .upload-section .upload-card{padding:1.5rem}.bank-statement-upload-page .upload-section .upload-card .upload-dropzone{padding:2rem 1rem}.bank-statement-upload-page .upload-section .upload-card .upload-dropzone .upload-icon svg{height:32px;width:32px}.bank-statement-upload-page .statements-section .statements-grid{gap:1rem;grid-template-columns:1fr}.bank-statement-upload-page .statements-section .statements-grid .statement-card{padding:1rem}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header{align-items:flex-start;flex-direction:column;gap:.5rem}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-header h3{font-size:1rem}.bank-statement-upload-page .statements-section .statements-grid .statement-card .statement-actions{flex-direction:column}}@media(min-width:769px){.bank-statement-upload-page .statements-section .statements-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.reconciliation-section{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:3rem;padding:2rem}.reconciliation-section h2{color:var(--foreground);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.reconciliation-section .reconciliation-description{color:var(--muted-foreground);font-size:.875rem;margin:0 0 2rem}.reconciliation-section .reconciliation-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.reconciliation-section .reconciliation-summary .summary-card{background:var(--background);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;text-align:center;transition:all .2s ease}.reconciliation-section .reconciliation-summary .summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.reconciliation-section .reconciliation-summary .summary-card .summary-label{color:var(--muted-foreground);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.reconciliation-section .reconciliation-summary .summary-card .summary-value{color:var(--foreground);font-size:2rem;font-weight:700}.reconciliation-section .reconciliation-summary .summary-card.summary-total{border-left:4px solid #1ea6df}.reconciliation-section .reconciliation-summary .summary-card.summary-total .summary-value{color:#1ea6df}.reconciliation-section .reconciliation-summary .summary-card.summary-income{border-left:4px solid #10b981}.reconciliation-section .reconciliation-summary .summary-card.summary-income .summary-value{color:#10b981}.reconciliation-section .reconciliation-summary .summary-card.summary-outgoing{border-left:4px solid #ef4444}.reconciliation-section .reconciliation-summary .summary-card.summary-outgoing .summary-value{color:#ef4444}.reconciliation-section .reconciliation-summary .summary-card.summary-awaiting{border-left:4px solid #f59e0b}.reconciliation-section .reconciliation-summary .summary-card.summary-awaiting .summary-value{color:#f59e0b}.reconciliation-section .transaction-section{margin-bottom:2rem}.reconciliation-section .transaction-section h3{color:var(--foreground);font-size:1.25rem;font-weight:500;margin:0 0 1rem}.reconciliation-section .transaction-section .section-description{color:var(--muted-foreground);font-size:.875rem;font-style:italic;margin:0 0 1rem}.reconciliation-section .transaction-section--amount{background-color:#f59e0b0d;border:1px solid #f59e0b33;border-radius:.75rem;margin-top:2rem;padding:1.5rem}.reconciliation-section .transaction-section--amount h3{color:#c57f08}.reconciliation-section .transaction-section--amount .transaction-table .table-header{grid-template-columns:2fr 1fr 1fr 1fr 2fr 1fr}.reconciliation-section .transaction-section--amount .transaction-table .table-header .sortable{text-decoration:underline;-webkit-text-decoration-color:196 82% 50%;text-decoration-color:196 82% 50%;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:2px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.reconciliation-section .transaction-section--amount .transaction-table .table-header .sortable:hover{background-color:#1ea6df1a;-webkit-text-decoration-color:196 82% 50%;text-decoration-color:196 82% 50%;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.reconciliation-section .transaction-section--amount .transaction-table .table-header .col-type{align-items:center;display:flex}.reconciliation-section .transaction-section--amount .transaction-table .table-row{grid-template-columns:2fr 1fr 1fr 1fr 2fr 1fr}.reconciliation-section .transaction-section .transaction-table{border:1px solid var(--border);border-radius:8px}.reconciliation-section .transaction-section .transaction-table .table-header{grid-gap:1rem;background:var(--muted);border-bottom:1px solid var(--border);color:var(--foreground);display:grid;font-size:.875rem;font-weight:600;gap:1rem;grid-template-columns:2fr 1fr 1fr 2fr 1fr;padding:1rem}.reconciliation-section .transaction-section .transaction-table .table-header .col-amount,.reconciliation-section .transaction-section .transaction-table .table-header .col-category,.reconciliation-section .transaction-section .transaction-table .table-header .col-confidence,.reconciliation-section .transaction-section .transaction-table .table-header .col-description,.reconciliation-section .transaction-section .transaction-table .table-header .col-frequency{align-items:center;display:flex}.reconciliation-section .transaction-section .transaction-table .table-header .sortable{text-decoration:underline;-webkit-text-decoration-color:196 82% 50%;text-decoration-color:196 82% 50%;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:2px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.reconciliation-section .transaction-section .transaction-table .table-header .sortable:hover{background-color:#1ea6df1a;-webkit-text-decoration-color:196 82% 50%;text-decoration-color:196 82% 50%;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.reconciliation-section .transaction-section .transaction-table .table-row{grid-gap:1rem;border-bottom:1px solid var(--border);display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 2fr 1fr;padding:1rem;transition:background-color .2s ease}.reconciliation-section .transaction-section .transaction-table .table-row:hover{background:var(--muted)}.reconciliation-section .transaction-section .transaction-table .table-row:last-child{border-bottom:none}.reconciliation-section .transaction-section .transaction-table .table-row.validation-error{background:#ef44441a;border-bottom:1px solid #ef444433;border-left:4px solid var(--error)}.reconciliation-section .transaction-section .transaction-table .table-row.validation-error:hover{background:#ef444426}.reconciliation-section .transaction-section .transaction-table .table-row.validation-error .category-dropdown{border-color:var(--error);box-shadow:0 0 0 2px #ef444433}.reconciliation-section .transaction-section .transaction-table .table-row[data-has-category=false]{background:#ffed4a40!important;border-left:4px solid #ffc107!important}.reconciliation-section .transaction-section .transaction-table .table-row[data-has-category=false]:hover{background:#ffed4a59!important}.reconciliation-section .transaction-section .transaction-table .table-row[data-has-category=false] .category-dropdown{background-color:#ffed4a26!important;border:2px solid #ffc107!important;font-weight:500}.reconciliation-section .transaction-section .transaction-table .table-row[data-has-category=false] .category-dropdown:focus{border-color:#ffc107!important;box-shadow:0 0 0 3px #ffc1074d!important;outline:none}.reconciliation-section .transaction-section .transaction-table .table-row.needs-attention{background:#ffed4a40!important;border-left:4px solid #ffc107!important}.reconciliation-section .transaction-section .transaction-table .table-row.needs-attention:hover{background:#ffed4a59!important}.reconciliation-section .transaction-section .transaction-table .table-row.needs-attention .category-dropdown{background-color:#ffed4a26!important;border:2px solid #ffc107!important;font-weight:500}.reconciliation-section .transaction-section .transaction-table .table-row.needs-attention .category-dropdown:focus{border-color:#ffc107!important;box-shadow:0 0 0 3px #ffc1074d!important;outline:none}.reconciliation-section .transaction-section .transaction-table .table-row .col-description .transaction-description{color:var(--foreground);font-weight:500;margin-bottom:.25rem}.reconciliation-section .transaction-section .transaction-table .table-row .col-description .transaction-date{color:var(--muted-foreground);font-size:.75rem}.reconciliation-section .transaction-section .transaction-table .table-row .col-amount{align-items:flex-start;color:var(--foreground);display:flex;font-weight:600}.reconciliation-section .transaction-section .transaction-table .table-row .col-type .type-dropdown{background:var(--background);border:1px solid #d1d5db;border-radius:6px;color:var(--foreground);cursor:pointer;font-size:.875rem;padding:.5rem;width:100%}.reconciliation-section .transaction-section .transaction-table .table-row .col-type .type-dropdown:focus{border-color:196 82% 50%;border-color:var(--primary);box-shadow:0 0 0 2px #1ea6df33;outline:none}.reconciliation-section .transaction-section .transaction-table .table-row .col-type .type-dropdown option{color:var(--foreground);font-weight:400;padding:.25rem .5rem}.reconciliation-section .transaction-section .transaction-table .table-row .col-category .category-placeholder{color:var(--muted-foreground);font-size:.875rem;font-style:italic}.reconciliation-section .transaction-section .transaction-table .table-row .col-category .category-dropdown{background:var(--background);border:1px solid #d1d5db;border-radius:6px;color:var(--foreground);cursor:pointer;font-size:.875rem;padding:.5rem;width:100%}.reconciliation-section .transaction-section .transaction-table .table-row .col-category .category-dropdown:focus{border-color:196 82% 50%;border-color:var(--primary);box-shadow:0 0 0 2px #1ea6df33;outline:none}.reconciliation-section .transaction-section .transaction-table .table-row .col-category .category-dropdown optgroup{background:#1ea6df0d;color:196 82% 50%;color:var(--primary);font-weight:600;padding:.25rem 0}.reconciliation-section .transaction-section .transaction-table .table-row .col-category .category-dropdown option{color:var(--foreground);font-weight:400;padding:.25rem .5rem}.reconciliation-section .transaction-section .transaction-table .table-row .col-frequency .frequency-dropdown{background:var(--background);border:1px solid #d1d5db;border-radius:6px;color:var(--foreground);cursor:pointer;font-size:.875rem;padding:.5rem;width:100%}.reconciliation-section .transaction-section .transaction-table .table-row .col-frequency .frequency-dropdown:focus{border-color:196 82% 50%;border-color:var(--primary);box-shadow:0 0 0 2px #1ea6df33;outline:none}.reconciliation-section .transaction-section .transaction-table .table-row .col-frequency .frequency-dropdown option{color:var(--foreground);font-weight:400;padding:.25rem .5rem}.reconciliation-section .transaction-section .transaction-table .table-row .col-confidence{align-items:center;display:flex}.reconciliation-section .transaction-section .transaction-table .table-row .col-confidence .confidence-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.reconciliation-section .transaction-section .transaction-table .table-row .col-confidence .confidence-badge.confidence-high{background:#10b9811a;color:#10b981}.reconciliation-section .transaction-section .transaction-table .table-row .col-confidence .confidence-badge.confidence-medium{background:#f59e0b1a;color:#f59e0b}.reconciliation-section .transaction-section .transaction-table .table-row .col-confidence .confidence-badge.confidence-low{background:#ef44441a;color:#ef4444}.reconciliation-section .reconciliation-actions{border-top:1px solid var(--border);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.reconciliation-section .reconciliation-actions .cancel-button,.reconciliation-section .reconciliation-actions .save-button{min-width:120px}.reconciliation-section .claude-suggestion{background:#1ea6df1a;border:1px solid #1ea6df33;border-radius:4px;color:196 82% 50%;color:var(--primary);font-size:.8rem;margin-top:.5rem;padding:.5rem}.reconciliation-section .claude-suggestion strong{color:196 82% 50%;color:var(--primary);font-weight:600}.reconciliation-section .confidence-container{align-items:center;align-self:flex-start;display:flex;gap:.5rem;position:relative}.reconciliation-section .info-icon{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1rem;padding:.25rem;transition:background-color .2s ease}.reconciliation-section .info-icon:hover{background-color:#0000001a}.reconciliation-section .info-icon:focus{outline:2px 196 82% 50% solid;outline:2px solid var(--primary);outline-offset:2px}.reconciliation-section .warning-icon{background:none;border:none;border-radius:50%;color:#ef4444;cursor:pointer;font-size:1rem;padding:.25rem;transition:background-color .2s ease}.reconciliation-section .warning-icon:hover{background-color:#ef44441a}.reconciliation-section .warning-icon:focus{outline:2px solid #ef4444;outline-offset:2px}.reconciliation-section .reasoning-tooltip{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:.5rem;max-width:400px;min-width:300px;padding:1rem;position:absolute;right:0;top:100%;z-index:1000}.reconciliation-section .reasoning-tooltip .reasoning-content strong{color:196 82% 50%;color:var(--primary);font-weight:600}.reconciliation-section .reasoning-tooltip .reasoning-content p{line-height:1.4;margin:.5rem 0}.reconciliation-section .reasoning-tooltip .reasoning-content p:last-child{margin-bottom:0}.reconciliation-section .reasoning-tooltip .close-tooltip{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;position:absolute;right:.5rem;top:.5rem;width:20px}.reconciliation-section .reasoning-tooltip .close-tooltip:hover{background-color:#0000001a;color:#333}.reconciliation-section .warning-tooltip{background:#fff;border:1px solid #ef4444;border-radius:8px;box-shadow:0 4px 12px #ef444433;margin-top:.5rem;max-width:400px;min-width:300px;padding:1rem;position:absolute;right:0;top:100%;z-index:1000}.reconciliation-section .warning-tooltip .warning-content strong{color:#ef4444;font-weight:600}.reconciliation-section .warning-tooltip .warning-content p{line-height:1.4;margin:.5rem 0}.reconciliation-section .warning-tooltip .warning-content p:last-child{margin-bottom:0}.reconciliation-section .warning-tooltip .close-tooltip{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;position:absolute;right:.5rem;top:.5rem;width:20px}.reconciliation-section .warning-tooltip .close-tooltip:hover{background-color:#ef44441a;color:#333}}@media(min-width:769px)and (max-width:768px){.reconciliation-section{padding:1rem}.reconciliation-section .transaction-table .table-header,.reconciliation-section .transaction-table .table-row{gap:.5rem;grid-template-columns:1fr}.reconciliation-section .transaction-table .table-header .col-amount,.reconciliation-section .transaction-table .table-header .col-category,.reconciliation-section .transaction-table .table-header .col-confidence,.reconciliation-section .transaction-table .table-header .col-description,.reconciliation-section .transaction-table .table-header .col-frequency,.reconciliation-section .transaction-table .table-header .col-type,.reconciliation-section .transaction-table .table-row .col-amount,.reconciliation-section .transaction-table .table-row .col-category,.reconciliation-section .transaction-table .table-row .col-confidence,.reconciliation-section .transaction-table .table-row .col-description,.reconciliation-section .transaction-table .table-row .col-frequency,.reconciliation-section .transaction-table .table-row .col-type{border-bottom:1px solid var(--border);padding:.5rem 0}.reconciliation-section .transaction-table .table-header .col-amount:last-child,.reconciliation-section .transaction-table .table-header .col-category:last-child,.reconciliation-section .transaction-table .table-header .col-confidence:last-child,.reconciliation-section .transaction-table .table-header .col-description:last-child,.reconciliation-section .transaction-table .table-header .col-frequency:last-child,.reconciliation-section .transaction-table .table-header .col-type:last-child,.reconciliation-section .transaction-table .table-row .col-amount:last-child,.reconciliation-section .transaction-table .table-row .col-category:last-child,.reconciliation-section .transaction-table .table-row .col-confidence:last-child,.reconciliation-section .transaction-table .table-row .col-description:last-child,.reconciliation-section .transaction-table .table-row .col-frequency:last-child,.reconciliation-section .transaction-table .table-row .col-type:last-child{border-bottom:none}.reconciliation-section .reconciliation-actions{flex-direction:column}.reconciliation-section .reconciliation-actions .cancel-button,.reconciliation-section .reconciliation-actions .save-button{width:100%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.bank-statement-view-page{background:#f8f9fa;min-height:100vh;padding:2rem 0}.bank-statement-view-container{margin:0 auto;max-width:1280px;padding:0 1.5rem}@media(max-width:639px){.bank-statement-view-container{padding:0 1rem}}.bank-statement-view-title{align-items:baseline;color:#2b2b2b;display:flex;flex-wrap:wrap;font-family:Poppins,sans-serif;font-size:1.875rem;font-weight:600;gap:.25rem;line-height:1.25;margin-bottom:2rem}.bank-statement-view-filename{color:#2b2b2b;color:#6b7280}.bank-statement-view-count,.bank-statement-view-filename{font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}.bank-statement-view-count{color:#2b2b2b;font-weight:500}.bank-statement-view-empty,.bank-statement-view-error,.bank-statement-view-loading{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;padding:2rem;text-align:center}.bank-statement-view-empty p,.bank-statement-view-error p,.bank-statement-view-loading p{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0}.bank-statement-view-error{background-color:#ef44441a;border-color:#ef4444}.bank-statement-view-error p{color:#ef4444;font-weight:500}.bank-statement-view-content{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;overflow-x:auto;padding:1.5rem}.bank-statement-table{min-width:600px;width:100%}.bank-statement-table-header{grid-gap:1rem;background:#f8f9fa;border-bottom:2px solid #e5e7eb;color:#2b2b2b;display:grid;font-size:.875rem;font-weight:600;gap:1rem;grid-template-columns:1fr 2fr 1fr 1fr 1fr;letter-spacing:.5px;padding:1rem 1.5rem;text-transform:uppercase}@media(max-width:639px){.bank-statement-table-header{font-size:.75rem;gap:.5rem;padding:.5rem 1rem}}.bank-statement-table-body{display:flex;flex-direction:column}.bank-statement-table-row{grid-gap:1rem;border-bottom:1px solid #e5e7eb;display:grid;gap:1rem;grid-template-columns:1fr 2fr 1fr 1fr 1fr;padding:1rem 1.5rem;transition:background-color .2s ease}@media(max-width:639px){.bank-statement-table-row{gap:.5rem;padding:.5rem 1rem}}.bank-statement-table-row:hover{background:#f8f9fa}.bank-statement-table-row:last-child{border-bottom:none}.bank-statement-table-row--highlighted{background-color:#f59e0b1a;border-left:4px solid #f59e0b}.bank-statement-table-row--highlighted:hover{background-color:#f59e0b26}.bank-statement-table-col-date{color:#2b2b2b;color:#6b7280;font-size:1rem;font-size:.875rem}.bank-statement-table-col-date,.bank-statement-table-col-description{font-family:Inter,sans-serif;font-weight:400;font-weight:500;line-height:1.5}.bank-statement-table-col-description{color:#2b2b2b;font-size:1rem;word-break:break-word}.bank-statement-table-col-amount{font-weight:400;font-weight:600}.bank-statement-table-col-amount,.bank-statement-table-col-paid-in{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1rem;line-height:1.5;text-align:right}.bank-statement-table-col-paid-in{color:#10b981;font-weight:400;font-weight:500}.bank-statement-table-col-paid-out{color:#2b2b2b;color:#ef4444;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:500;line-height:1.5;text-align:right}@media(max-width:639px){.bank-statement-view-title{font-size:1.5rem;margin-bottom:1.5rem}.bank-statement-view-content{padding:1rem}.bank-statement-table{min-width:500px}}.modal-overlay{background:#00000080;padding:2rem}.category-breakdown-modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh!important;max-width:1000px!important;overflow:hidden;width:100%}.modal-header{padding:2rem 2rem 1rem}.modal-header h2{color:#1f2937;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;margin:0}.modal-close{border-radius:6px;padding:.5rem;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-close svg{height:24px;width:24px}.modal-body{flex:1 1;overflow-y:auto;padding:1rem 2rem}.modal-footer{justify-content:flex-end;padding:1rem 2rem 2rem}.error-state,.loading-state{color:#6b7280;padding:3rem 1rem;text-align:center}.error-state p,.loading-state p{font-size:1rem;margin:0}.breakdown-summary{grid-gap:1rem;background:#f8f9fa;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1.5rem}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{color:#6b7280;font-size:.875rem;font-weight:500}.summary-value{font-size:1.25rem}.summary-value,.transactions-list h3{color:#1f2937;font-family:Poppins,sans-serif;font-weight:600}.transactions-list h3{font-size:1.125rem;margin:0 0 1rem}.transactions-table{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.transactions-header{background:#f8f9fa;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.transaction-row,.transactions-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr 1fr 1fr .8fr;padding:1rem}.transaction-row{border-top:1px solid #e5e7eb;transition:background-color .3s ease}.transaction-row:hover{background:#f8f9fa}.transaction-row:last-child{border-bottom:none}.transaction-row.transaction-row--saved{background:#d1fae5}.transaction-row.transaction-row--saved:hover{background:#a7f3d0}.transaction-description{color:#1f2937}.transaction-amount{color:#1f2937;font-family:Poppins,sans-serif;font-weight:600}.transaction-date{color:#6b7280;font-size:.875rem}.transaction-category,.transaction-type{align-items:center;display:flex}.category-dropdown,.frequency-dropdown,.type-dropdown{background-color:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#1f2937;font-family:Inter,sans-serif;font-size:.875rem;padding:.5rem;transition:all .2s ease;width:100%}.category-dropdown:focus,.frequency-dropdown:focus,.type-dropdown:focus{border-color:#1ea6df;box-shadow:0 0 0 3px #1ea6df1a;outline:none}.category-dropdown:disabled,.frequency-dropdown:disabled,.type-dropdown:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.transaction-frequency{align-items:center;display:flex}.save-transaction-button,.transaction-action{align-items:center;display:flex;justify-content:center}.save-transaction-button{background:#1ea6df;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem;transition:all .2s ease}.save-transaction-button:hover:not(:disabled){background:#1890c7;transform:scale(1.05)}.save-transaction-button:active:not(:disabled){transform:scale(.95)}.save-transaction-button:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.save-transaction-button svg{height:16px;width:16px}.saving-spinner{animation:spin 1s linear infinite;display:inline-block}.save-success-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:24px;justify-content:center;line-height:1;width:24px}.transaction-member{color:#6b7280;font-size:.875rem}.transaction-source{align-items:center;display:flex}.source-badge{border-radius:4px;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.source-badge.source-manual{background:#dbeafe;color:#1e40af}.source-badge.source-bank_statement{background:#dcfce7;color:#166534}.source-badge.source-mindee{background:#fef3c7;color:#92400e}.no-transactions{color:#6b7280;font-style:italic;padding:2rem;text-align:center}@media(max-width:768px){.modal-overlay{padding:1rem}.modal-content{max-height:90vh}.modal-body,.modal-footer,.modal-header{padding-left:1rem;padding-right:1rem}.breakdown-summary{grid-template-columns:1fr}.transaction-row,.transactions-header{gap:.5rem;grid-template-columns:1fr}.transactions-header{display:none}.transaction-row{background:#f8f9fa;border-radius:6px;display:block;margin-bottom:.5rem;padding:1rem}.transaction-row>div{display:flex;justify-content:space-between;margin-bottom:.5rem}.transaction-row>div:last-child{margin-bottom:0}.transaction-row>div:before{color:#6b7280;content:attr(data-label);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}}.transaction-loader-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.transaction-loader-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:32px;text-align:center;width:90%}.loader-header{margin-bottom:24px}.loader-header h3{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;margin:0 0 8px}.loader-header p{color:#666;font-family:Inter,sans-serif;font-size:16px;margin:0}.loader-progress{margin-bottom:24px}.progress-bar{background:#e5e7eb;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#1ea6df,#0d8bc7);border-radius:4px;height:100%;position:relative;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:#666;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.time-estimate{color:#1ea6df;font-family:Inter,sans-serif;font-size:13px;font-weight:600;margin-top:4px}.current-transaction{background:#f8f9fa;border-left:4px solid #1ea6df;border-radius:8px;margin-bottom:24px;padding:16px}.transaction-label{color:#666;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.transaction-description,.transaction-label{font-family:Inter,sans-serif;font-weight:500}.transaction-description{color:#2b2b2b;font-size:16px;word-break:break-word}.loader-spinner{margin-bottom:24px}.spinner{border:4px solid #e5e7eb;height:40px;margin:0 auto;width:40px}.cancel-button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.cancel-button:hover{background:#dc2626;transform:translateY(-1px)}.cancel-button:active{transform:translateY(0)}@media(max-width:640px){.transaction-loader-modal{margin:20px;padding:24px}.loader-header h3{font-size:20px}.current-transaction{padding:12px}.transaction-description{font-size:14px}}.statement-progress{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.progress-error,.progress-loading{color:#6b7280;font-size:14px;padding:8px 0;text-align:center}.progress-error{color:#ef4444}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-status{font-size:14px;font-weight:500}.progress-bar-container{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-bar{background:#1ea6df;border-radius:4px;height:100%;transition:width .3s ease}.progress-details{align-items:center;display:flex;font-size:12px;justify-content:space-between;position:relative}.progress-spinner{position:absolute;right:0;top:50%;transform:translateY(-50%)}.spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#1ea6df;height:16px;width:16px}.progress-percentage{color:#2b2b2b;font-weight:600}.progress-failed{color:#ef4444;font-weight:500}.progress-cancelled{color:#f59e0b;font-weight:500}.progress-retry-button{background:#1ea6df;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:500;margin-left:8px;padding:4px 8px;transition:background-color .2s ease}.progress-retry-button:hover{background:#0d7bb8}.progress-retry-button:active{background:#0a5d8a}@media(max-width:768px){.statement-progress{padding:10px}.progress-header{gap:4px}.progress-details,.progress-header{align-items:flex-start;flex-direction:column}.progress-details{gap:2px}}.settings-page{margin:0 auto;padding:2rem 0;width:100%}.settings-header{margin-bottom:2rem}.settings-header h1{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.875rem;font-weight:600;line-height:1.25;margin:0}.settings-header__organization{color:#2b2b2b;color:#1ea6df;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin-left:.25rem}.settings-tabs{align-items:center;border-bottom:2px solid #e5e7eb;justify-content:space-between;margin-bottom:2rem}.settings-tabs,.settings-tabs__left{display:flex;gap:.5rem}.settings-tab{background:none;border:none;border-bottom:2px solid #0000;color:#2b2b2b;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:500;line-height:1.5;padding:1rem 1.5rem;position:relative;transition:all .2s ease-in-out}.settings-tab:hover{color:#2b2b2b}.settings-tab.active{border-bottom-color:#1ea6df;color:#1ea6df}.settings-content{min-height:400px}.settings-section h2{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.5;margin:0 0 1.5rem}.settings-section .section-subtitle{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.625;margin:0 0 2rem}.account-form{max-width:600px}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}@media(max-width:639px){.form-row{gap:1rem;grid-template-columns:1fr}}.form-group{margin-bottom:1.5rem}.form-group label{color:#2b2b2b;display:block;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:500;line-height:1.5;margin-bottom:.5rem}.form-actions{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.section-header h2{margin:0}.section-header .category-type-toggle{display:flex;gap:.5rem}.regions-list{display:flex;flex-direction:column;gap:1rem}.region-item{align-items:center;display:flex;justify-content:space-between;padding:1.5rem}.region-item,.region-item:hover{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;transition:all .2s ease-in-out}.region-item:hover:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.region-info h3{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;font-weight:600;line-height:1.625;margin:0 0 .25rem}.region-info .region-code{background-color:#6b72801a;border-radius:.375rem;font-weight:400;font-weight:500;margin-right:.5rem;padding:.25rem .5rem}.region-info .region-code,.region-info .region-description{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.5}.region-info .region-description{font-style:italic;font-weight:400;margin:.25rem 0}.region-info .region-users{background-color:#1ea6df1a;color:#6b7280;color:#1ea6df;margin-right:.5rem}.region-info .region-status,.region-info .region-users{border-radius:.375rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;font-weight:500;line-height:1.5;padding:.25rem .5rem}.region-info .region-status{color:#6b7280}.region-info .region-status.inactive{background-color:#ef44441a;color:#ef4444}.region-actions{display:flex;gap:.5rem}.empty-state{color:#6b7280;padding:2rem;text-align:center}.empty-state p{color:#2b2b2b;margin:0}.empty-state p,.loading-message{font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.625}.loading-message{color:#6b7280;color:#2b2b2b;padding:2rem;text-align:center}.action-button{padding:.5rem}.action-button.disabled{color:#6b7280;cursor:not-allowed;opacity:.4}.category-actions{gap:.5rem}.categories-list{display:flex;flex-direction:column;gap:1rem}.category-item{overflow:hidden}.category-item,.category-item:hover{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;transition:all .2s ease-in-out}.category-item:hover:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.category-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:background-color .2s ease-in-out}.category-header:hover{background-color:#1ea6df0d}.category-info h3{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;font-weight:600;line-height:1.625;margin:0 0 .25rem}.category-info .category-count{background-color:#1ea6df1a;border-radius:.375rem;color:#6b7280;color:#1ea6df;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;font-weight:500;line-height:1.5;padding:.25rem .5rem}.category-actions{align-items:center;display:flex;gap:.25rem}.action-button{align-items:center;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease-in-out}.action-button:hover:not(.disabled){background-color:#1ea6df1a;color:#1ea6df;transform:scale(1.05)}.action-button:focus{outline:2px solid #1ea6df;outline-offset:2px}.action-button.edit:hover:not(.disabled){background-color:#1ea6df1a;color:#1ea6df}.action-button.delete:hover:not(.disabled){background-color:#ef44441a;color:#ef4444}.action-button.toggle{transition:transform .2s ease-in-out}.action-button.toggle.expanded{transform:rotate(180deg)}.action-button svg{height:16px;width:16px}.category-children{background-color:#f8f9fa4d;border-top:1px solid #e5e7eb;padding:1rem}.child-category{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.child-category:last-child{margin-bottom:0}.child-category:hover{border-color:#1ea6df;box-shadow:0 2px 8px #1ea6df1a}.child-info{display:flex;flex-direction:column;gap:.25rem}.child-info .child-name{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:500;line-height:1.5}.child-info .child-description{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}.child-actions{align-items:center;display:flex;gap:.25rem}.child-actions .action-button{padding:.25rem}.child-actions .action-button svg{height:14px;width:14px}.no-children{color:#6b7280;padding:2rem;text-align:center}.no-children p{color:#2b2b2b;margin:0 0 1rem}.no-children p,.outgoings-placeholder{font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}.outgoings-placeholder{color:#6b7280;color:#2b2b2b;padding:2rem;text-align:center}.outgoings-placeholder p{margin:0 0 1rem}.outgoings-placeholder p:last-child{margin-bottom:0}@media(max-width:639px){.category-header{align-items:flex-start;flex-direction:column;gap:1rem}.category-actions{align-self:flex-end}.child-category{align-items:flex-start;flex-direction:column;gap:.5rem}.child-actions{align-self:flex-end}}.add-child-button{background-color:#f8f9fa33;border-top:1px solid #e5e7eb;padding:1rem;text-align:center}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.5;margin:0}.modal-close{background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;font-size:24px;padding:.25rem;transition:all .2s ease-in-out}.modal-close:hover{background-color:#6b72801a;color:#2b2b2b}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between}.form-textarea{background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;color:#2b2b2b;font-family:inherit;font-size:inherit;padding:.5rem;resize:vertical;transition:border-color .2s ease-in-out;width:100%}.form-textarea:focus{border-color:#1ea6df;box-shadow:0 0 0 2px #1ea6df1a;outline:none}.form-textarea::placeholder{color:#6b7280}.form-select{background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;color:#2b2b2b;cursor:pointer;font-family:inherit;font-size:inherit;padding:.5rem;transition:border-color .2s ease-in-out;width:100%}.form-select:focus{border-color:#1ea6df;box-shadow:0 0 0 2px #1ea6df1a;outline:none}.form-select:disabled{background-color:#f5f5f5;color:#2b2b2b;cursor:not-allowed;opacity:.7}.form-select option{background-color:#fff;color:#2b2b2b}@media(max-width:639px){.settings-page{padding:1.5rem 0}.settings-tabs{gap:0;overflow-x:auto}.settings-tab{flex-shrink:0;padding:.5rem 1rem;white-space:nowrap}.region-item{align-items:flex-start;flex-direction:column;gap:1rem}.region-actions{align-self:flex-end}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}}.categories-section{margin-bottom:2rem}.categories-section:last-child{margin-bottom:0}.section-subheader{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-subheader h3{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;font-weight:600;line-height:1.625;margin:0}.section-subheader .section-description{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-style:italic;font-weight:400;line-height:1.5}.default-category{border-left:4px solid #6b7280}.default-category .category-header{background-color:#f8f9fa33}.custom-category{border-left:4px solid #1ea6df}.custom-category .category-header{background-color:#1ea6df0d}.category-description{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-style:italic;font-weight:400;line-height:1.5;margin:.25rem 0 0}.no-custom-categories{background-color:#f8f9fa33;border:2px dashed #e5e7eb;border-radius:.375rem;color:#6b7280;padding:2rem;text-align:center}.no-custom-categories p{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0}.settings-content{animation:fadeIn .3s ease-in-out}.users-list{display:flex;flex-direction:column;gap:1rem}.user-item{align-items:center;display:flex;justify-content:space-between;padding:1.5rem}.user-item,.user-item:hover{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;transition:all .2s ease-in-out}.user-item:hover:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.user-info{flex:1 1}.user-info h3{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;font-weight:600;line-height:1.625;margin:0 0 .25rem}.user-info .user-email{margin:0 0 .25rem}.user-info .user-email,.user-info .user-role{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}.user-info .user-role{border-radius:.375rem;display:inline-block;font-weight:500;margin-right:.5rem;padding:.25rem .5rem;text-transform:capitalize}.user-info .user-role.role-case_worker{background:#1ea6df1a;color:#1ea6df}.user-info .user-role.role-super_admin{background:#d977061a;color:#d97706}.user-info .user-role.role-spendwizz_admin{background:#10b9811a;color:#10b981}.user-info .user-status{border-radius:.375rem;color:#6b7280;display:inline-block;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;font-weight:500;line-height:1.5;padding:.25rem .5rem}.user-info .user-status.inactive{background:#ef44441a;color:#ef4444}.user-info .user-last-login{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}.user-info .user-last-login,.user-info .user-regions{display:block;margin-top:.25rem}.user-info .user-regions .regions-label{font-weight:400;font-weight:500}.user-info .user-regions .region-tag,.user-info .user-regions .regions-label{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.5;margin-right:.25rem}.user-info .user-regions .region-tag{background:#1ea6df1a;border-radius:.375rem;color:#1ea6df;display:inline-block;font-weight:400;margin-top:.25rem;padding:.25rem .5rem}.user-actions{display:flex;gap:.5rem}.password-display{background:#f8f9fa4d;border:1px solid #e5e7eb;border-radius:.375rem;margin-top:1.5rem;padding:1.5rem}.password-display h4{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;font-weight:600;line-height:1.625;margin:0 0 1rem}.password-display .password-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.password-display .password-box code{color:#1ea6df;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:18px;font-weight:600;letter-spacing:2px}.password-display .password-box .copy-password{background:#1ea6df;border:none;border-radius:.375rem;color:#fff;color:#6b7280;cursor:pointer;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5;padding:.5rem 1rem;transition:background-color .2s ease}.password-display .password-box .copy-password:hover{background:#1885b2}.password-display .password-warning{color:#6b7280;color:#ef4444;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;font-weight:500;line-height:1.5;margin:0}.regions-checklist{background:#f8f9fa4d;border:1px solid #e5e7eb;flex-direction:column;max-height:200px;overflow-y:auto;padding:.5rem}.region-checkbox-label,.regions-checklist{border-radius:.375rem;display:flex;gap:.5rem}.region-checkbox-label{align-items:center;cursor:pointer;padding:.25rem;transition:background-color .2s ease}.region-checkbox-label:hover{background-color:#1ea6df0d}.region-checkbox-label input[type=checkbox]{cursor:pointer;margin:0}.region-checkbox-label .checkbox-text{color:#2b2b2b;cursor:pointer;font-size:1rem}.no-regions-message,.region-checkbox-label .checkbox-text{font-family:Inter,sans-serif;font-weight:400;line-height:1.5}.no-regions-message{color:#6b7280;font-size:.875rem;font-style:italic;margin:1rem 0;text-align:center}@media(max-width:639px){.user-item{align-items:flex-start;flex-direction:column;gap:1rem}.user-actions{align-self:flex-end}.password-box{align-items:stretch;flex-direction:column;gap:.5rem}.password-box code{text-align:center}}.subscription-content{display:flex;flex-direction:column;gap:2rem}.usage-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;padding:2rem}.usage-card h3{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.5;margin:0 0 1.5rem}.usage-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.usage-stat{display:flex;flex-direction:column;gap:.25rem}.usage-stat .stat-label{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;font-weight:500;line-height:1.5}.usage-stat .stat-value{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.5}.current-tier{background:linear-gradient(135deg,#1ea6df0d,#1ea6df05);border:1px solid #1ea6df33;border-radius:.5rem;padding:1.5rem}.current-tier h4{color:#2b2b2b;color:#1ea6df;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.5;margin:0 0 .5rem}.current-tier p{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0 0 1.5rem}.usage-bar{margin:1.5rem 0}.usage-bar .usage-bar-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.usage-bar .usage-bar-label span:first-child{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:500;line-height:1.5}.usage-bar .usage-bar-label .usage-percentage{color:#2b2b2b;color:#1ea6df;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:600;line-height:1.5}.usage-bar .usage-bar-track{background:#1ea6df1a;border-radius:.375rem;height:8px;overflow:hidden}.usage-bar .usage-bar-fill{background:linear-gradient(90deg,#1ea6df,#49b8e7);border-radius:.375rem;height:100%;transition:width .3s ease}.usage-bar .usage-bar-fill.over-limit{background:linear-gradient(90deg,#ef4444,#f37373)}.over-limit-warning{background:#ef44441a;border:1px solid #ef44444d;border-radius:.375rem;margin-top:1.5rem;padding:1rem}.over-limit-warning p{color:#2b2b2b;color:#ef4444;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:500;line-height:1.5;margin:0}.pricing-tiers h3{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.5;margin:0 0 1.5rem}.tiers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tier-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;padding:2rem;position:relative;transition:all .3s ease}.tier-card:hover{box-shadow:0 8px 25px #1ea6df26;transform:translateY(-2px)}.tier-card.current{background:linear-gradient(135deg,#1ea6df0d,#1ea6df05);border:2px solid #1ea6df}.tier-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.tier-header h4{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.5;margin:0}.tier-price{text-align:right}.tier-price .price{color:#2b2b2b;color:#1ea6df;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;font-weight:700;line-height:1.5}.tier-price .period{color:#6b7280;font-size:.875rem;margin-left:.25rem}.tier-description,.tier-price .period{font-family:Inter,sans-serif;font-weight:400;line-height:1.5}.tier-description{color:#2b2b2b;color:#6b7280;font-size:1rem;margin:0 0 1rem}.tier-limit{color:#2b2b2b;color:#1ea6df;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:600;line-height:1.5;margin-bottom:1.5rem}.tier-features{list-style:none;margin:0;padding:0}.tier-features li{color:#2b2b2b;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;padding:.25rem 0 .25rem 1.5rem;position:relative}.tier-features li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.current-plan-badge{background:#1ea6df;border-radius:.375rem;color:#fff;color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;font-weight:600;line-height:1.5;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem}.contact-section{margin-top:2rem}.contact-card{background-color:#fff;background:linear-gradient(135deg,#1ea6df0d,#1ea6df05);border:1px solid #1ea6df33;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;padding:2rem;text-align:center}.contact-card h3{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.5;margin:0 0 1rem}.contact-card p{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0 0 1.5rem}.contact-info{margin:1.5rem 0}.contact-email{background:#fff;border:2px solid #1ea6df;border-radius:.5rem;color:#2b2b2b;color:#1ea6df;display:inline-block;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.5;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.contact-email:hover{background:#1ea6df;color:#fff;transform:translateY(-1px)}.contact-note{color:#6b7280;font-family:Inter,sans-serif;font-size:.875rem;font-style:italic;font-weight:400;line-height:1.5;margin:1.5rem 0 0}@media(max-width:639px){.tiers-grid,.usage-stats{grid-template-columns:1fr}.tier-header{align-items:flex-start;flex-direction:column;gap:.5rem}.tier-price{text-align:left}}.app{background-color:#f8f9fa;flex-direction:column;min-height:100vh}.app,.main{display:flex}.main{flex:1 1;flex-direction:column}.container{margin:0 auto;max-width:900px;padding:3rem 1rem;width:100%}@media(min-width:768px){.container{padding:4rem 2rem}}.main-content{grid-gap:4rem;align-items:flex-start;display:grid;gap:4rem;grid-template-columns:1fr}@media(min-width:1024px){.main-content{gap:6rem;grid-template-columns:1fr 1fr}}@media(min-width:1280px){.main-content{gap:8rem}}.section{width:100%}@media(min-width:1024px){.section--form{order:1}.section--inquiry{order:2}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.loading{pointer-events:none;position:relative}.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#1ea6df;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.submission-message{background-color:#fff;background-color:#10b9810d;border:1px solid #e5e7eb;border-left:4px solid #10b981;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;color:#2b2b2b;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:500;line-height:1.5;margin-top:1.5rem;padding:1.5rem}.submission-message.error{background-color:#ef44440d;border-left-color:#ef4444;color:#ef4444}.submission-message.success{color:#10b981}.dropdown-menu{display:inline-block;position:relative}.dropdown-menu__trigger{align-items:center;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease-in-out}.dropdown-menu__trigger:hover{background-color:#1ea6df1a;color:#1ea6df}.dropdown-menu__trigger:focus{outline:2px solid #1ea6df;outline-offset:2px}.dropdown-menu__trigger svg{height:16px;width:16px}.dropdown-menu__content{animation:dropdownFadeIn .2s ease-out;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:160px;padding:.25rem 0;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.dropdown-menu--left .dropdown-menu__content{left:0;right:auto}.dropdown-menu__item{align-items:center;background:none;border:none;color:#2b2b2b;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;gap:.5rem;line-height:1.5;padding:.5rem 1rem;text-align:left;transition:background-color .2s ease-in-out;white-space:nowrap;width:100%}.dropdown-menu__item:hover:not(.dropdown-menu__item--disabled){background-color:#f8f9fa}.dropdown-menu__item:focus{background-color:#f8f9fa;outline:none}.dropdown-menu__item.dropdown-menu__item--disabled,.dropdown-menu__item:disabled{cursor:not-allowed;opacity:.5}.dropdown-menu__item--default{color:#2b2b2b}.dropdown-menu__item--danger{color:#ef4444}.dropdown-menu__item--danger:focus,.dropdown-menu__item--danger:hover:not(.dropdown-menu__item--disabled){background-color:#ef44441a}.dropdown-menu__item-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.dropdown-menu__item-icon svg{height:14px;width:14px}.dropdown-menu__item-label{flex:1 1}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:639px){.dropdown-menu__content{left:-1rem;max-width:200px;min-width:auto;right:-1rem;width:calc(100vw - 1.5rem)}.dropdown-menu--left .dropdown-menu__content{left:-1rem;right:-1rem}}.delete-confirmation-modal .modal__content{padding:0}.delete-confirmation-modal__content{padding:2rem}.delete-confirmation-modal__header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.delete-confirmation-modal__icon{align-items:center;background-color:#ef44441a;border-radius:50%;color:#ef4444;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.delete-confirmation-modal__icon svg{height:24px;width:24px}.delete-confirmation-modal__title{color:#2b2b2b;flex:1 1;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.5;margin:0;text-align:center}.delete-confirmation-modal__body{margin-bottom:2rem}.delete-confirmation-modal__message{color:#2b2b2b;color:#6b7280;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;line-height:1.6;margin:0;text-align:center}.delete-confirmation-modal__actions{align-items:center;display:flex;gap:1rem;justify-content:center;justify-content:flex-end}.delete-confirmation-modal__button{align-items:center;border:1px solid #0000;border-radius:.5rem;color:#2b2b2b;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;font-weight:500;gap:.25rem;justify-content:center;line-height:1.5;min-width:100px;padding:.5rem 1.5rem;transition:all .2s ease-in-out}.delete-confirmation-modal__button:disabled{cursor:not-allowed;opacity:.6}.delete-confirmation-modal__button--cancel{background-color:#fff;border-color:#e5e7eb;color:#2b2b2b}.delete-confirmation-modal__button--cancel:hover:not(:disabled){background-color:#f8f9fa;border-color:#6b7280}.delete-confirmation-modal__button--cancel:focus{outline:2px solid #1ea6df;outline-offset:2px}.delete-confirmation-modal__button--confirm{background-color:#ef4444;border-color:#ef4444;color:#fff}.delete-confirmation-modal__button--confirm:hover:not(:disabled){background-color:#ed2828;border-color:#ed2828}.delete-confirmation-modal__button--confirm:focus{outline:2px solid #ef4444;outline-offset:2px}.delete-confirmation-modal__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:639px){.delete-confirmation-modal__content{padding:1.5rem}.delete-confirmation-modal__header{flex-direction:column;gap:.5rem;text-align:center}.delete-confirmation-modal__actions{flex-direction:column-reverse;width:100%}.delete-confirmation-modal__button{justify-content:center;width:100%}}