@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:#f9fafb}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background:#d1d5db}.sidebar{width:250px;min-width:250px;height:100vh;background:#f9fafb;border-right:1px solid #E5E7EB;display:flex;flex-direction:column;position:fixed;left:0;top:0;overflow-y:auto;align-items:center}.sidebar-logo{padding:1.875rem 4.375rem;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #e0e0e0;margin-top:-.857rem}.sidebar-logo img{width:6.875rem;height:2.8125rem;object-fit:contain}.sidebar-nav{padding:1.25rem 0;flex:1}.nav-section{margin-bottom:1.25rem}.nav-category{color:#6b7280;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;padding:0 1.25rem;margin-bottom:.625rem}.nav-items{display:flex;flex-direction:column;gap:.3125rem;padding:0 1.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:5px;background:transparent;border:none;color:#374151;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;text-decoration:none}.nav-item:hover{background:#e5e7eb}.nav-item.active{background:#253745;color:#fff}.nav-item svg{width:1.5rem;height:1.5rem;flex-shrink:0}@media(max-width:768px){.sidebar{width:100%;height:auto;position:relative}}.header{width:100%;height:5.625rem;background:#f9fafb;border-top:1px solid #E5E7EB;border-right:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB;display:flex;align-items:center;justify-content:space-between;padding:0 1.5625rem;gap:2rem;position:sticky;top:0;z-index:100}.header-greeting h1{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.header-greeting p{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:.1875rem 0 0}.header-search{flex:1;max-width:22.0625rem;height:2.8125rem;border-radius:10px;border:1px solid #E6E6E6;background:#fff;display:flex;align-items:center;padding:0 1.25rem;gap:.875rem}.header-search svg{width:1.5rem;height:1.5rem;flex-shrink:0}.header-search input{flex:1;border:none;outline:none;color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.8rem;font-weight:400;background:transparent}.header-search input::placeholder{color:#737373}.header-actions{display:flex;align-items:center;gap:1.5rem}.header-divider{width:1px;height:2.5rem;background:#e5e7eb}.notification-btn{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.user-menu{position:relative}.user-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:0}.user-avatar{width:3.5rem;height:3.5rem;border-radius:50%;background:#253745;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.user-name{color:#0b0324;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:700}.user-role{color:#6b7280;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400}.dropdown-menu1{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;box-shadow:0 .25rem .375rem #0000001a;min-width:10rem;z-index:1000}.dropdown-item1{width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;cursor:pointer;transition:background .2s ease}.dropdown-item1:hover{background:#f9fafb}.dropdown-item1:first-child{border-radius:.625rem .625rem 0 0}.dropdown-item1:last-child{border-radius:0 0 .625rem .625rem}@media(max-width:1024px){.header{flex-wrap:wrap;height:auto;padding:1rem}.header-greeting{width:100%;order:1}.header-search{order:3;width:100%;max-width:100%;margin-top:1rem}.header-actions{order:2}}@media(max-width:768px){.header-greeting h1{font-size:1.25rem}.header-greeting p{font-size:.875rem}.user-info{display:none}}.stat-card2{width:100%;min-height:8.4375rem;border-radius:5px;border:1px solid #E6E6E6;background:#fff;padding:.8125rem;display:flex;justify-content:space-between;align-items:flex-start;transition:box-shadow .2s ease}.stat-card2:hover{box-shadow:0 .25rem .5rem #0000000d}.stat-content2{display:flex;flex-direction:column;gap:.625rem}.stat-title2{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}.stat-value2{color:#292d32;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;line-height:1}.stat-change2{font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400}.stat-change2.positive{color:#1cd660}.stat-change2.negative{color:#dc2626}.stat-icon2{color:#253745;display:flex;align-items:center;justify-content:center}.stat-icon2 svg{width:1.5rem;height:1.5rem}@media(max-width:768px){.stat-card2{padding:1.25rem}.stat-title2{font-size:.875rem}.stat-value2{font-size:1.25rem}.stat-change2{font-size:.75rem}}.event-card{width:100%;min-height:8.4375rem;border-radius:10px;border:1px solid #E6E6E6;background:#fff;padding:1.625rem 2.0625rem;display:flex;flex-direction:column;gap:1rem;transition:box-shadow .2s ease}.event-card:hover{box-shadow:0 .25rem .5rem #0000000d}.event-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.event-main-info{flex:1}.event-title{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.975rem;font-weight:400;margin:0 0 .5rem}.event-code{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;margin:0}.event-status{padding:.25rem 1.3125rem;border-radius:10px;color:#fff;text-align:center;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.65rem;font-weight:700;white-space:nowrap}.status-active{background:#16a249}.status-upcoming{background:#fbbd23}.status-completed{background:#c4c4c4}.event-details{display:flex;flex-wrap:wrap;gap:1rem 1.625rem}.event-detail{display:flex;align-items:center;gap:.625rem;color:#737373}.event-detail svg{width:1.5rem;height:1.5rem;flex-shrink:0}.event-detail span{font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400}.event-details-btn{align-self:flex-end;padding:.375rem .6875rem;border-radius:5px;border:1px solid #E6E6E6;background:#fff;color:#2b2b2b;text-align:center;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;cursor:pointer;transition:all .2s ease}.event-details-btn:hover{background:#f9fafb;border-color:#253745}.event-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.event-modal-content{background:#fff;border-radius:.75rem;width:100%;max-width:40rem;max-height:90vh;overflow-y:auto;box-shadow:0 1.25rem 3.125rem #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(2rem);opacity:0}to{transform:translateY(0);opacity:1}}.event-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #E6E6E6}.event-modal-title{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.event-modal-close{width:2.5rem;height:2.5rem;border:none;background:transparent;cursor:pointer;border-radius:.5rem;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.event-modal-close:hover{background:#f9fafb}.event-modal-close svg{color:#737373}.event-modal-body{padding:2rem}.event-modal-section{display:flex;flex-direction:column;gap:1.5rem}.event-modal-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #F5F5F5}.event-modal-row:last-child{border-bottom:none;padding-bottom:0}.event-modal-label{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;min-width:8rem}.event-modal-value{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.event-modal-value svg{width:1.25rem;height:1.25rem;color:#737373}.event-modal-footer{display:flex;justify-content:flex-end;padding:1.5rem 2rem;border-top:1px solid #E6E6E6}.event-modal-close-btn{padding:.75rem 2rem;border:none;border-radius:.5rem;background:#253745;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.event-modal-close-btn:hover{background:#1a2831}@media(max-width:768px){.event-card{padding:1.25rem}.event-header{flex-direction:column}.event-title{font-size:1rem}.event-details{gap:.75rem}.event-detail{flex-basis:100%}.event-modal-content{max-width:95%}.event-modal-header,.event-modal-body,.event-modal-footer{padding:1.25rem}.event-modal-title{font-size:1.25rem}.event-modal-row{flex-direction:column;align-items:flex-start;gap:.5rem}.event-modal-label{min-width:auto}}.dashboard-content{padding:1.875rem}.dashboard-header{margin-bottom:1.5625rem}.dashboard-header h2{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 .1875rem}.dashboard-header p{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16.75rem,1fr));gap:1.1875rem;margin-bottom:1.875rem}.events-section{width:100%;border-radius:10px;border:1px solid #E6E6E6;background:#fff;padding:1.5rem 2.125rem}.section-title{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.events-list{display:flex;flex-direction:column;gap:1.25rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.loading-container .loading-spinner{width:3rem;height:3rem;border:4px solid rgba(37,55,69,.1);border-top-color:#253745;border-radius:50%;animation:spin .8s linear infinite}.loading-container p{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;margin:0}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-content{padding:1rem}.stats-grid{grid-template-columns:1fr;gap:.75rem}.events-section{padding:1rem}.section-title,.dashboard-header h2{font-size:1.25rem}.dashboard-header p{font-size:.875rem}}.modal-backdrop{position:fixed;inset:0;background:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .3s ease}.confirmation-modal{position:relative;width:100%;max-width:70.9375rem;max-height:90vh;overflow-y:auto;background:#fff;border-radius:.625rem;border:1px solid #E6E6E6;padding:2.375rem;animation:slideUp .4s ease;box-shadow:0 1.25rem 3.125rem #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.confirmation-modal.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem;max-width:25rem}.loading-spinner{width:3rem;height:3rem;border:4px solid rgba(37,55,69,.1);border-top-color:#253745;border-radius:50%;animation:spin .8s linear infinite}.confirmation-modal.loading p{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;margin:0}.close-modal-btn{position:absolute;top:2.125rem;right:2.375rem;width:2.5rem;height:2.5rem;background:transparent;border:none;cursor:pointer;border-radius:.25rem;transition:background .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.close-modal-btn:hover{background:#3741511a}.modal-header-section{margin-bottom:1.875rem}.success-icon{margin-bottom:.75rem}.modal-main-title{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:500;line-height:normal;margin:0 0 .625rem}.modal-subtitle{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;line-height:normal;margin:0}.modal-subtitle strong{color:#2b2b2b;font-weight:700}.event-banner{width:100%;height:17.125rem;border-radius:.3125rem;overflow:hidden;margin-bottom:1.875rem}.event-banner img{width:100%;height:100%;object-fit:cover}.event-details-section{margin-bottom:1.875rem}.section-title{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:500;line-height:normal;margin:0 0 1.25rem}.details-grid{display:flex;gap:2rem;flex-wrap:wrap;background:#f8f8f8;border-radius:.3125rem;padding:1.5rem 2.125rem}.detail-item{flex:0 1 auto}.detail-label{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.975rem!important;font-weight:500;line-height:normal}.registration-section{margin-bottom:1.875rem}.link-container{display:flex;gap:.75rem;margin-bottom:1rem}.link-input{flex:1;height:3.4375rem;background:#fcfcfc;border:1px solid #E6E6E6;border-radius:.625rem;display:flex;align-items:center;padding:0 1.5625rem}.link-text{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.935rem!important;font-weight:450;line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{width:4.5rem;height:3.4375rem;background:#fcfcfc;border:1px solid #E6E6E6;border-radius:.625rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.copy-btn:hover{background:#f9fafb;border-color:#253745}.copy-btn:active{transform:scale(.95)}.link-description{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;line-height:normal;margin:0 0 1.5rem}.share-buttons{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.share-label{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500}.share-icons{display:flex;gap:.75rem}.share-icon-btn{width:2.5rem;height:2.5rem;background:#f9fafb;border:1px solid #E6E6E6;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#374151}.share-icon-btn:hover{background:#253745;border-color:#253745;color:#fff;transform:translateY(-2px)}.share-icon-btn:active{transform:translateY(0)}.next-steps-section{margin-bottom:1.875rem}.steps-list{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.625rem}.steps-list li{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;line-height:normal}.modal-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:.7rem;height:3.125rem;border-radius:.625rem;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;line-height:normal;letter-spacing:-.0237rem;border:none}.action-btn svg{flex-shrink:0}.primary-action{background:#243842!important;color:#fff}.primary-action:hover{background:#1a2831!important;transform:translateY(-1px);box-shadow:0 .25rem .5rem #24384233}.secondary-action{background:#fff!important;color:#2b2b2b;border:.5px solid #E8E8E8!important}.secondary-action:hover{background:#f9fafb!important;border-color:#253745!important;transform:translateY(-1px);box-shadow:0 .25rem .5rem #0000000d}.action-btn:active{transform:translateY(0)}@media(max-width:1200px){.confirmation-modal{max-width:90%;padding:2rem}.close-modal-btn{top:1.5rem;right:1.5rem}.details-grid{gap:1.5rem}}@media(max-width:992px){.modal-actions{grid-template-columns:1fr}.details-grid{flex-direction:column;gap:1rem}}@media(max-width:768px){.confirmation-modal{padding:1.5rem}.modal-main-title,.section-title{font-size:1.25rem}.modal-subtitle{font-size:.875rem}.event-banner{height:12rem}.link-text{font-size:1rem}.link-container{flex-direction:column}.copy-btn{width:100%;height:3rem}.share-buttons{flex-direction:column;align-items:flex-start}.action-btn{font-size:.875rem;padding:.75rem 1rem}}@media(max-width:480px){.modal-backdrop{padding:.5rem}.confirmation-modal{padding:1rem;max-height:95vh}.close-modal-btn{top:1rem;right:1rem;width:2rem;height:2rem}.close-modal-btn svg{width:20px;height:20px}.modal-main-title,.section-title{font-size:1.125rem}.event-banner{height:10rem}.details-grid{padding:1rem}.detail-label{font-size:.875rem}.steps-list{padding-left:1.25rem}.steps-list li{font-size:.875rem}.share-icons{flex-wrap:wrap}}.create-event{padding:1.875rem;max-width:71.875rem;margin:0 auto}.create-event-header{margin-bottom:1.875rem}.create-event-header h1{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.create-event-header p{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}.form-section{background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;padding:2.375rem;margin-bottom:1.25rem}.section-header2{display:flex;gap:2.375rem;margin-bottom:2.5rem}.section-header2 svg{flex-shrink:0;margin-top:.25rem}.section-header2 h2{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:500;margin-bottom:.5rem;margin-left:-1.575rem}.section-header2 p{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin-left:-3.575rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{margin-bottom:1.25rem}.form-group label{color:#374151;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;margin-bottom:.75rem}.form-group input,.form-group textarea{border:1px solid #E6E6E6;border-radius:.625rem;background:#fcfcfc;padding:1.125rem 1.875rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;color:#2b2b2b;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#253745;box-shadow:0 0 0 3px #2537451a}.form-group input[type=date]{color:#2b2b2b}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.form-group textarea{resize:vertical;min-height:11.25rem}.dropdown-wrapper{position:relative}.dropdown-btn2{width:100%;border:1px solid #E6E6E6;border-radius:.625rem;background:#fcfcfc;padding:.575rem 1.875rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem!important;color:#2b2b2b;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s ease}.dropdown-btn2:hover{border-color:#253745}.dropdown-btn2:focus{outline:none;border-color:#253745;box-shadow:0 0 0 3px #2537451a}.dropdown-btn2 svg{flex-shrink:0}.dropdown-menu2{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;margin-top:.5rem;max-height:15rem;overflow-y:auto;box-shadow:0 .5rem 1rem #00000026;z-index:100;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.dropdown-menu2 button{width:100%;padding:.875rem 1.875rem;border:none;background:none;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;color:#2b2b2b;text-align:left;cursor:pointer;transition:background .2s ease}.dropdown-menu2 button:hover{background:#f9fafb}.file-input-wrapper{position:relative}.file-input-wrapper input[type=file]{position:absolute;width:0;height:0;opacity:0}.file-label{display:flex;align-items:center;gap:1.875rem;border:1px solid #E6E6E6;border-radius:.625rem;background:#fcfcfc;padding:1.125rem 1.875rem;cursor:pointer;transition:border-color .2s ease}.file-label:hover{border-color:#253745}.file-btn,.file-name{font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;color:#2b2b2b}.file-selected{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin-top:1rem}.checkbox-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.checkbox-grid.three-columns{grid-template-columns:repeat(3,1fr)}.checkbox-item{display:flex;align-items:center;gap:.875rem;cursor:pointer;position:relative}.checkbox-item input[type=checkbox]{position:absolute;width:0;height:0;opacity:0}.checkbox-item .radio-icon{width:1.5rem;height:1.5rem;flex-shrink:0;transition:all .2s ease}.checkbox-item .option-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.checkbox-item:hover .radio-icon{transform:scale(1.1)}.checkbox-item span{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500}.info-text{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:300;margin-top:1rem}.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.875rem}.btn-primary,.btn-secondary{padding:1.25rem 2rem;border-radius:.625rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:all .2s ease;border:none}.btn-primary:hover{background:#1a2833}.btn-primary:focus{outline:none;box-shadow:0 0 0 3px #24354233}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#fcfcfc;color:#2b2b2b;border:1px solid #E6E6E6}.btn-secondary:hover{background:#f9fafb}.btn-secondary:focus{outline:none;border-color:#253745;box-shadow:0 0 0 3px #2537451a}.btn-secondary:active{transform:scale(.98)}@media(max-width:1024px){.create-event{padding:1.25rem}.form-row{grid-template-columns:1fr}.checkbox-grid.three-columns{grid-template-columns:repeat(2,1fr)}.section-header2{flex-direction:column;gap:1rem}}@media(max-width:768px){.create-event-header h1{font-size:1.25rem}.create-event-header p{font-size:.875rem}.form-section{padding:1.5rem}.section-header2 h2{font-size:1.125rem}.section-header2 p{font-size:.875rem}.form-group label,.form-group input,.form-group textarea,.dropdown-btn2,.file-btn,.file-name,.checkbox-item span,.btn-primary,.btn-secondary{font-size:1rem}.checkbox-grid.three-columns,.form-actions{grid-template-columns:1fr}}@media(max-width:480px){.create-event,.form-section{padding:1rem}.form-group input,.form-group textarea,.dropdown-btn2,.file-label{padding:.875rem 1.25rem}.btn-primary,.btn-secondary{padding:1rem 1.5rem}}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.manage-event-page{padding:1.5rem;background:#f9fafb;min-height:100vh}.page-header{margin-bottom:1.5rem}.page-title-section{display:flex;flex-direction:column;gap:.25rem}.page-title{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;line-height:normal;margin:0}.page-subtitle{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;line-height:normal;margin:0}.page-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-filter-section{display:flex;gap:1rem;flex:1;max-width:58rem}.search-box{display:flex;align-items:center;gap:.75rem;flex:1;max-width:41.625rem;height:3.4375rem;padding:0 1.25rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#f9fafb}.search-box svg{flex-shrink:0;color:#737373}.search-box input{flex:1;border:none;outline:none;background:transparent;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.87rem;font-weight:400;line-height:normal}.filter-dropdown3{position:relative;border:none!important}.filter-button{display:flex;align-items:center;gap:.75rem;height:3.4375rem;padding:0 1.25rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#f9fafb;cursor:pointer;transition:all .2s ease;min-width:14.6875rem}.filter-button:hover{background:#f0f1f2}.filter-button svg:first-child{color:#2b2b2b}.filter-button span{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;line-height:normal;flex:1;text-align:left}.filter-button svg:last-child{color:#939393}.dropdown-option{width:100%;padding:.75rem 1.25rem;border:none;background:transparent;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;text-align:left;cursor:pointer;transition:background .2s ease}.dropdown-option:hover{background:#f9fafb}.dropdown-option.active{background:#f9fafb;font-weight:500;color:#253745}.create-event-button2{display:flex;align-items:center;gap:.5rem;height:3.4375rem;padding:0 2rem;border-radius:.625rem;background:#243542;border:none;cursor:pointer;transition:background .2s ease}.create-event-button2:hover{background:#1a2831}.create-event-button2 svg{color:#fff}.create-event-button2 span{color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal}.events-table-container{background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;padding:1.5rem 2rem}.table-title{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;line-height:normal;margin:0 0 1.5rem}.events-table{width:100%}.table-header2{display:grid;grid-template-columns:2fr 1.2fr 1fr 1.3fr 1.2fr 2fr 1fr .5fr;gap:1rem;padding:1.25rem 2rem;border-bottom:1px solid #E6E6E6;background:#fff}.header-cell{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;line-height:normal;display:flex;align-items:center}.type-col,.status-col,.participants-col,.location-col,.dates-col,.budget-col{justify-content:center;text-align:center}.table-body2{display:flex;flex-direction:column}.table-row2{display:grid;grid-template-columns:2fr 1.2fr 1fr 1.3fr 1.2fr 2fr 1fr .5fr;gap:1rem;padding:1.75rem 2rem;border-bottom:1px solid #E6E6E6;transition:background .2s ease}.table-row2:hover{background:#f9fafb}.table-row2:last-child{border-bottom:none}.table-cell2{display:flex;align-items:center;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal}.event-name{font-weight:500}.event-type{font-weight:400}.status-col,.participants-col,.location-col,.dates-col,.budget-col,.type-col{justify-content:center}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem 1.25rem;border-radius:.625rem;font-size:.75rem;font-weight:700;line-height:normal;text-align:center;white-space:nowrap}.status-active{background:#253745;color:#fff}.status-upcoming{background:#f5f5f5;color:#2b2b2b}.status-completed{background:#fff;color:#2b2b2b;border:1px solid #E6E6E6}.participants-info,.location-info,.dates-info{display:flex;align-items:center;gap:.5rem}.participants-info svg,.location-info svg,.dates-info svg{color:#737373;flex-shrink:0}.budget-amount{font-weight:500}.action-menu-wrapper{position:relative;display:flex;justify-content:center}.action-menu-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;cursor:pointer;border-radius:.25rem;transition:background .2s ease}.action-menu-button:hover{background:#f9fafb}.action-menu-button svg{color:#323232}.action-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #E6E6E6;border-radius:.5rem;box-shadow:0 .25rem .75rem #0000001a;z-index:10;min-width:9rem;margin-top:.25rem}.action-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;text-align:left;cursor:pointer;transition:background .2s ease}.action-option:hover{background:#f9fafb}.action-option svg{color:#737373;width:1.25rem;height:1.25rem}.action-option.delete-option{color:#dc2626}.action-option.delete-option svg{color:#dc2626}.no-results{padding:3rem;text-align:center}.modal-content{background:#fff;border-radius:.75rem;width:100%;max-width:40rem;max-height:90vh;overflow-y:auto;box-shadow:0 1.25rem 3.125rem #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #E6E6E6}.modal-title{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.modal-close{width:2.5rem;height:2.5rem;border:none;background:transparent;cursor:pointer;border-radius:.25rem;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f9fafb}.modal-close svg{color:#737373}.event-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;gap:1rem;align-items:flex-start}.detail-label{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif!important;font-size:.875rem;font-weight:500;min-width:8rem}.detail-value{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif!important;font-size:.875rem;font-weight:400;flex:1}.edit-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif!important;font-size:.875rem;font-weight:500}.form-input{padding:.55rem 1.25rem!important;border:1px solid #E6E6E6;border-radius:.5rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif!important;font-size:.875rem;color:#2b2b2b;outline:none;transition:border-color .2s ease}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.delete-confirmation{padding:1rem 0}.delete-message{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0}.delete-message strong{font-weight:600;color:#dc2626}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #E6E6E6}.modal-button{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif!important;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.primary-button{background:#253745;color:#fff}.primary-button:hover{background:#1a2831}.secondary-button{background:#f9fafb;color:#2b2b2b;border:1px solid #E6E6E6}.secondary-button:hover{background:#f0f1f2}.danger-button{background:#dc2626;color:#fff}.danger-button:hover{background:#b91c1c}@media(max-width:1400px){.table-header2,.table-row2{grid-template-columns:1.8fr 1fr .9fr 1.2fr 1fr 1.8fr .9fr .5fr;gap:.75rem}}@media(max-width:1200px){.table-header2,.table-row2{font-size:.875rem;padding:1.25rem 1rem}.header-cell{font-size:1rem}.table-cell{font-size:.875rem}}@media(max-width:1024px){.page-controls{flex-direction:column;align-items:stretch}.search-filter-section{max-width:100%}.create-event-button2{width:100%;justify-content:center}.events-table{overflow-x:auto}.table-header2,.table-row2{min-width:60rem}}@media(max-width:768px){.manage-event-page{padding:1rem}.page-title{font-size:1.25rem}.page-subtitle{font-size:.875rem}.search-filter-section{flex-direction:column}.search-box,.filter-button{height:3rem}.events-table-container{padding:1rem}.table-title{font-size:1.25rem;margin-bottom:1rem}.modal-content{max-width:95%}}@media(max-width:480px){.page-title{font-size:1.125rem}.search-box input,.filter-button span,.create-event-button2 span{font-size:1rem}.modal-title{font-size:1.25rem}}.toast-notification{position:fixed;top:2rem;right:2rem;min-width:20rem;max-width:28rem;background:#fff;border-radius:.75rem;box-shadow:0 .625rem 1.875rem #00000026;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:10001;animation:slideInRight .3s ease-out}.toast-content span{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:1.4}.modal-button:disabled{opacity:.6;cursor:not-allowed}.modal-button{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner-small{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.skeleton-table{width:100%;animation:fadeIn .3s ease-in}.skeleton-table-header{display:grid;grid-template-columns:2fr 1.2fr 1fr 1.3fr 1.2fr 2fr 1fr .5fr;gap:1rem;padding:1.25rem 2rem;border-bottom:1px solid #E6E6E6}.skeleton-header-cell{height:1.25rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:.25rem;animation:shimmer 1.5s infinite}.skeleton-table-body{display:flex;flex-direction:column}.skeleton-table-row{display:grid;grid-template-columns:2fr 1.2fr 1fr 1.3fr 1.2fr 2fr 1fr .5fr;gap:1rem;padding:1.75rem 2rem;border-bottom:1px solid #E6E6E6}.skeleton-cell{position:relative;overflow:hidden;height:1.5rem;background:#f5f5f5;border-radius:.25rem}.skeleton-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pagination-container{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 0}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;border:1px solid #E6E6E6;border-radius:.375rem;background:#fff;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#253745}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-arrow{padding:0;width:2.5rem}.pagination-arrow svg{color:#2b2b2b}.pagination-arrow:disabled svg{color:#737373}.pagination-numbers{display:flex;align-items:center;gap:.375rem}.pagination-number.active{background:#253745;color:#fff;border-color:#253745}.pagination-number.active:hover{background:#1a2831;border-color:#1a2831}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500}@media(max-width:768px){.pagination-container{gap:.25rem}.pagination-btn{min-width:2rem;height:2rem;font-size:.75rem}.pagination-arrow{width:2rem}.pagination-arrow svg{width:16px;height:16px}.pagination-ellipsis{min-width:2rem;height:2rem}}.manage-participants{padding:1.875rem;background:#f9fafb;max-width:100%;overflow-x:hidden;box-sizing:border-box}.manage-participants *{box-sizing:border-box}.participants-header{margin-bottom:1.5625rem}.participants-header h2{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 .1875rem}.participants-header p{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1875rem;margin-bottom:1.5625rem}.stat-card{display:flex;justify-content:space-between;align-items:center;padding:1.8125rem 1.6875rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff}.stat-content{display:flex;flex-direction:column;gap:.4375rem;min-width:0}.stat-label3{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}.stat-value3{color:#292d32;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700}.stat-icon3{display:flex;align-items:center;justify-content:center;flex-shrink:0}.filters-section{display:flex;flex-wrap:wrap;gap:.9375rem;margin-bottom:1.5625rem}.search-box{flex:1 1 15rem;min-width:0;max-width:39.1875rem;display:flex;align-items:center;gap:.9375rem;padding:0 1.25rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#f9fafb;height:3.4375rem}.search-box input{flex:1;min-width:0;border:none;background:transparent;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.125rem;font-weight:400;outline:none}.filter-dropdown{position:relative;border:none!important;flex:0 1 auto}.filter-dropdown-modern{background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;height:3.4375rem;padding:0 1.125rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;flex:1 1 12rem;min-width:0;max-width:16rem;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;position:relative}.filter-dropdown-modern:hover{border-color:#d1d5db;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.filter-dropdown-modern:focus-within{border-color:#253745;box-shadow:0 0 0 3px #2537451a}.filter-dropdown-modern svg:first-child{flex-shrink:0;width:1.25rem;height:1.25rem;opacity:.7}.filter-dropdown-modern select{flex:1;min-width:0;border:none;background:transparent;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:.5rem;text-overflow:ellipsis}.filter-dropdown-modern select option{padding:.75rem 1rem;font-weight:400;background:#fff;color:#2b2b2b}.filter-dropdown-modern svg:last-child{flex-shrink:0;pointer-events:none;width:1.125rem;height:1.125rem;opacity:.5;transition:transform .2s ease}.filter-dropdown-modern:hover svg:last-child{opacity:.7}.filter-btn4{display:flex;align-items:center;gap:.75rem;padding:0 1.25rem;height:3.4375rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#f9fafb;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn4:hover{background:#fff}.filter-btn4 svg{color:#2b2b2b;flex-shrink:0}.dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;box-shadow:0 .25rem .75rem #0000001a;z-index:10;overflow:hidden}.dropdown-item{width:100%;padding:.75rem 1.25rem;border:none;background:transparent;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;text-align:left;cursor:pointer;transition:background .2s ease}.dropdown-item.active{background:#253745;color:#fff}.participants-table-container{border-radius:.625rem;border:1px solid #E6E6E6;background:#fff;padding:1.1875rem 2rem}.participants-table-container h3{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.table-wrapper{width:100%;overflow-x:auto}.participants-table{width:100%;border-collapse:collapse;min-width:900px}.participants-table thead tr{border-bottom:1px solid #E6E6E6}.participants-table th{padding:1.1875rem .625rem;color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;text-align:left}.participants-table th:first-child{padding-left:2.125rem}.participants-table tbody tr{border-bottom:1px solid #E6E6E6}.participants-table tbody tr:last-child{border-bottom:none}.participants-table td{padding:1.875rem .625rem;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400}.participants-table td:first-child{padding-left:2.125rem}.participant-info{display:flex;align-items:center;gap:.9375rem}.participant-avatar{width:3.4375rem;height:3.4375rem;border-radius:50%;background:#d9d9d9;flex-shrink:0}.participant-details{display:flex;flex-direction:column;gap:.25rem}.participant-name{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400}.participant-id{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400}.contact-info{display:flex;flex-direction:column;gap:.3125rem}.contact-item{display:flex;align-items:center;gap:.5rem}.contact-item span,.contact-item a{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400}.linkedin-link{color:#0a66c2!important;text-decoration:none}.linkedin-link:hover{text-decoration:underline}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:.3125rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:700}.status-badge.status-approved{background:#253745;color:#fff}.status-badge.status-pending{background:#f5f5f5;color:#2b2b2b!important}.status-badge.status-declined{background:#ef4343;color:#fff}.actions-cell{display:flex;gap:.625rem}.action-btn4{padding:.25rem .625rem;border-radius:.3125rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;cursor:pointer;transition:all .2s ease;border:1px solid #E6E6E6}.approve-btn{background:#253745;color:#fff;border-color:#253745}.approve-btn:hover{background:#1a2832}.decline-btn{background:#ef4343;color:#fff;border-color:#ef4343}.decline-btn:hover{background:#d93636}.view-btn{background:#fff;color:#2b2b2b}.view-btn:hover{background:#f9fafb}.modal-content{background:#fff;border-radius:.625rem;max-width:37.5rem;width:100%;max-height:90vh;overflow-y:auto}.modal-header h3{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.close-btn{background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:#737373;transition:color .2s ease}.close-btn:hover{color:#2b2b2b}.modal-body{padding:2rem}.detail-row{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #F9FAFB}.detail-row:last-child{border-bottom:none}.detail-label{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;flex-shrink:0}.detail-value{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;text-align:right;word-break:break-word}.detail-value.status-approved{color:#253745}.detail-value.status-pending{color:#f59e0b}.detail-value.status-declined{color:#ef4343}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #E6E6E6;display:flex;justify-content:flex-end;gap:.75rem}.modal-btn{padding:.625rem 1.5rem;border-radius:.3125rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;cursor:pointer;transition:all .2s ease;border:none}.secondary-btn{background:#f9fafb;color:#2b2b2b;border:1px solid #E6E6E6}.secondary-btn:hover{background:#e6e6e6}@media(max-width:1400px){.stats-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:1200px){.manage-participants{padding:1rem}.stats-cards{grid-template-columns:repeat(2,1fr);gap:.75rem}.participants-table-container{overflow-x:auto}.participants-table{min-width:62.5rem}}@media(max-width:900px){.filter-dropdown,.filter-dropdown-modern{flex:1 1 100%;max-width:100%}}@media(max-width:768px){.manage-participants{padding:1rem}.participants-header h2{font-size:1.25rem}.participants-header p{font-size:.875rem}.stats-cards{grid-template-columns:1fr;gap:.625rem}.stat-card{padding:1rem 1.25rem}.stat-label3{font-size:.875rem}.stat-value3{font-size:1.25rem}.filters-section{flex-direction:column;gap:.625rem}.search-box{max-width:100%}.filter-dropdown,.filter-dropdown-modern,.filter-btn4{width:100%;max-width:100%;justify-content:space-between}.participants-table-container{padding:1rem}.participants-table-container h3{font-size:1.25rem}.participants-table{font-size:.75rem}.participants-table th,.participants-table td{padding:.75rem .5rem}.participants-table th:first-child,.participants-table td:first-child{padding-left:.5rem}.participant-avatar{width:2.5rem;height:2.5rem}.actions-cell{flex-direction:column;gap:.375rem}.action-btn4{width:100%}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-header h3{font-size:1.25rem}.detail-row{flex-direction:column;gap:.25rem}.detail-value{text-align:left}}@media(max-width:480px){.stats-cards{grid-template-columns:1fr}.search-box input{font-size:1rem}}.attendance-container{padding:1.875rem;background:#f9fafb;min-height:100vh}.attendance-header{margin-bottom:1.5625rem}.attendance-header h1{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 .1875rem}.attendance-header p{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}.stats-cards5{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1875rem;margin-bottom:1.875rem}.stat-card5{background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;padding:2.1875rem 2.3125rem;min-height:6.875rem}.stat-content5{display:flex;justify-content:space-between;align-items:center}.stat-info5{display:flex;flex-direction:column;gap:.75rem}.stat-label5{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}.stat-value5{color:#292d32;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700}.stat-icon5{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.qr-scanner-section{background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;padding:1.25rem 2.3125rem 2.1875rem;margin-bottom:1.875rem}.section-header5{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.section-header5 h2{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:400;margin:0}.scanner-display{background:#f9fafb;border-radius:.625rem;padding:4.5625rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:1.125rem}.scanner-display p{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}.btn-start-scanner{width:100%;height:3.75rem;background:#253745;border-radius:.625rem;border:none;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:background .3s ease;margin-bottom:2rem}.btn-start-scanner:hover{background:#1a2b38}.manual-entry-section h3{color:#374151;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.15rem;font-weight:400;margin:0 0 1.125rem}.manual-entry-input{display:grid;grid-template-columns:1fr auto;gap:1.25rem}.manual-entry-input input{height:3.75rem;border:1px solid #E6E6E6;border-radius:.625rem;background:#fcfcfc;padding:0 2.375rem;color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;outline:none}.manual-entry-input input::placeholder{color:#737373}.manual-entry-input button{height:3.75rem;background:#253745;border-radius:.625rem;border:none;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;padding:0 2.8125rem;cursor:pointer;white-space:nowrap;transition:background .3s ease}.manual-entry-input button:hover{background:#1a2b38}.live-attendance-section{background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;padding:1.1875rem 2rem}.live-attendance-section h2{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.attendance-controls{display:grid;grid-template-columns:1fr auto;gap:1.1875rem;margin-bottom:1.5rem}.search-box{background:#f9fafb;border:1px solid #E6E6E6;border-radius:.625rem;height:3.4375rem;display:flex;align-items:center;gap:.9375rem;padding:0 1.25rem}.search-box input{flex:1;border:none;background:transparent;color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;outline:none}.search-box input::placeholder{color:#737373}.filter-dropdown{position:relative;border:none!important;background:none!important}.filter-btn5{background:#f9fafb;border:1px solid #E6E6E6;border-radius:.625rem;height:3.4375rem;padding:0 1.25rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;min-width:14.6875rem;transition:background .2s ease}.filter-btn5:hover{background:#f0f1f3}.filter-btn5 span{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;flex:1;text-align:left}.filter-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;box-shadow:0 .25rem .5rem #0000001a;min-width:14.6875rem;z-index:1000;overflow:hidden}.filter-option{width:100%;padding:.875rem 1.25rem;background:transparent;border:none;text-align:left;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:background .2s ease}.filter-option:hover{background:#f9fafb}.filter-option.active{background:#f9fafb;font-weight:500}.attendance-table{width:100%}.table-header{display:grid;grid-template-columns:2fr 2fr 1.5fr 1.5fr 1.5fr 1.5fr;gap:1rem;padding:1.1875rem 2rem;border-bottom:1px solid #E6E6E6;background:#fff}.th{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 1.5fr 1.5fr 1.5fr;gap:1rem;padding:2.3125rem 2rem;border-bottom:1px solid #E6E6E6;background:#fff;align-items:center}.td{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}.participant-col{font-weight:400}.event-col{line-height:1.5}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem 1.25rem;border-radius:.3125rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:700;white-space:nowrap}.status-present{background:#253745;color:#fff}.status-checked-in{background:#f5f5f5;color:#292d32}.status-absent{background:#ef4343;color:#fff}.qr-code-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem 1.8125rem;border:1px solid #E6E6E6;border-radius:.3125rem;background:#fff;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400}.no-results{padding:3rem 2rem;text-align:center}.no-results p{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}@media(max-width:1200px){.stats-cards{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{grid-template-columns:1.5fr 1.5fr 1fr 1fr 1fr 1fr}}@media(max-width:992px){.stats-cards,.attendance-controls{grid-template-columns:1fr}.filter-btn{width:100%}.manual-entry-input{grid-template-columns:1fr}.manual-entry-input button{width:100%}.table-header{display:none}.table-row{grid-template-columns:1fr;gap:.75rem;padding:1.5rem}.td:before{content:attr(data-label);font-weight:700;display:block;margin-bottom:.25rem;color:#737373;font-size:.875rem}}@media(max-width:768px){.attendance-container{padding:1rem}.attendance-header h1{font-size:1.25rem}.attendance-header p{font-size:.875rem}.stat-card{padding:1.5rem}.stat-label{font-size:.875rem}.stat-value{font-size:1.25rem}.qr-scanner-section,.live-attendance-section{padding:1.25rem}.section-header h2,.live-attendance-section h2{font-size:1.25rem}.scanner-display{padding:2rem 1rem}.scanner-display svg{width:60px;height:60px}.btn-start-scanner,.manual-entry-input input,.manual-entry-input button{font-size:1rem;height:3rem}.manual-entry-input button{padding:0 1.5rem}.search-box,.filter-btn{height:3rem}.search-box input,.filter-btn span{font-size:1rem}.table-row{padding:1rem}}@media(max-width:480px){.stat-content{flex-direction:column;align-items:flex-start;gap:1rem}.stat-icon{align-self:flex-end}.section-header{flex-direction:column;align-items:flex-start}.manual-entry-input button{font-size:.875rem;padding:0 1rem}}.expense-review-content{padding:1.875rem}.expense-header{margin-bottom:1.5625rem}.expense-header h2{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 .1875rem}.expense-header p{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}.expense-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16.75rem,1fr));gap:1.1875rem;margin-bottom:1.875rem}.expense-stat-card{border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff;padding:1.8125rem 1.6875rem;min-height:6.875rem}.stat-content6{display:flex;justify-content:space-between;align-items:center}.stat-info6{flex:1}.stat-label6{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin-bottom:.5rem}.stat-value6{color:#292d32;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700}.expense-filters{display:flex;gap:.625rem;margin-bottom:1.875rem;flex-wrap:wrap;overflow:visible}.search-box{display:flex;align-items:center;flex:1;min-width:16rem;height:3.125rem;border-radius:.5rem;border:1px solid #D1D5DB;background:#fff;padding:0 1rem;gap:.75rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.search-box:hover{border-color:#9ca3af;box-shadow:0 2px 4px #00000014}.search-box:focus-within{border-color:#253745;box-shadow:0 0 0 3px #2537451a}.search-box svg{flex-shrink:0;width:1.25rem;height:1.25rem}.search-box input{flex:1;border:none;background:transparent;color:#374151;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.9375rem;font-weight:400;outline:none}.search-box input::placeholder{color:#9ca3af;font-weight:400}.filter-dropdown6{background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;height:3.125rem;padding:0 1.125rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;min-width:13rem;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;position:relative;overflow:visible}.filter-dropdown6:hover{border-color:#d1d5db;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.filter-dropdown6:focus-within{border-color:#253745;box-shadow:0 0 0 3px #2537451a}.filter-dropdown6 svg:first-child{flex-shrink:0;width:1.25rem;height:1.25rem;opacity:.7}.filter-dropdown6 select{flex:1;border:none;background:transparent;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:.5rem;direction:ltr}.filter-dropdown6 select option{padding:.75rem 1rem;font-weight:400;background:#fff;color:#2b2b2b;direction:ltr}.filter-dropdown6 svg:last-child{flex-shrink:0;pointer-events:none;width:1.125rem;height:1.125rem;opacity:.5;transition:transform .2s ease}.filter-dropdown6:hover svg:last-child{opacity:.7}.expense-claims-section{border-radius:.625rem;border:1px solid #E6E6E6;background:#fff;padding:1.1875rem 2rem}.expense-claims-section h2{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 1.1875rem}.claims-table-wrapper{width:100%;overflow-x:auto}.claims-table{width:100%;border-collapse:collapse}.claims-table thead tr{border-bottom:1px solid #E6E6E6;background:#fff}.claims-table th{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;padding:1.1875rem .5rem;text-align:left}.claims-table th:nth-child(2),.claims-table th:nth-child(3),.claims-table th:nth-child(5),.claims-table th:nth-child(7),.claims-table th:nth-child(8){text-align:center}.claims-table tbody tr{border-bottom:1px solid #E6E6E6;background:#fff}.claims-table tbody tr:last-child{border-bottom:none}.claims-table td{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;padding:1.875rem .5rem}.participant-cell{font-weight:400}.event-cell{font-size:.75rem;text-align:center}.category-cell{text-align:center}.category-badge{display:inline-flex;align-items:center;justify-content:center;height:1.25rem;padding:0 .8125rem;border-radius:.9375rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:700;text-transform:capitalize}.amount-cell{font-weight:400}.description-cell{font-size:.75rem;text-align:center}.submitted-cell{font-size:.75rem;font-weight:400}.status-badge{display:inline-flex;align-items:center;gap:.5rem;height:1.5625rem;padding:0 1rem 0 .5625rem;border-radius:.9375rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:700}.status-pending{background:#f5f5f5;color:#2b2b2b}.status-approved{background:#253745;color:#fff}.status-declined{background:#ef4343;color:#fff}.action-menu-wrapper{position:relative;display:inline-block}.action-btn{background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s}.action-btn:hover{background:#f5f5f5}.action-menu{position:absolute;top:calc(100% + .25rem);right:0;background:#fff;border:1px solid #E6E6E6;border-radius:.5rem;box-shadow:0 .25rem .75rem #0000001a;z-index:10;min-width:10rem;padding:.25rem 0}.menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;background:transparent;border:none;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;cursor:pointer;text-align:left;transition:background-color .2s}.menu-item:hover{background:#f9fafb}.menu-item.approve{color:#166534}.menu-item.decline{color:#ef4343}.menu-item.pending{color:#2b2b2b}.menu-item.view-details{color:#253745;border-bottom:1px solid #E6E6E6;margin-bottom:.25rem;padding-bottom:.75rem}.menu-item.view-details:hover{background:#f0f4f8}.load-more-wrapper{display:flex;justify-content:center;padding:2rem 0 1rem}.load-more-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.load-more-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.load-more-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000000d}.load-more-btn svg{transition:transform .2s ease}.load-more-btn:hover svg{transform:translateY(2px)}@media(max-width:1400px){.expense-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.expense-review-content{padding:1rem}.expense-stats-grid{gap:.75rem}.expense-filters{flex-direction:column}.search-box{min-width:100%}.filter-dropdown6{width:100%}.claims-table-wrapper{border-radius:.625rem}}@media(max-width:768px){.expense-stats-grid{grid-template-columns:1fr}.expense-header h2{font-size:1.25rem}.expense-header p{font-size:.875rem}.expense-claims-section{padding:1rem}.expense-claims-section h2{font-size:1.25rem}.stat-label{font-size:.875rem}.stat-value{font-size:1.25rem}.search-box,.filter-dropdown6{height:3rem}.search-box input,.filter-dropdown6 select{font-size:1rem}.claims-table{font-size:.75rem}.claims-table th,.claims-table td{padding:.75rem .25rem;font-size:.75rem}.status-badge{font-size:.625rem;height:1.25rem;padding:0 .5rem 0 .375rem;gap:.25rem}.status-badge svg{width:10px;height:10px}}@media(max-width:480px){.expense-review-content{padding:.75rem}.expense-stat-card{padding:1rem}.claims-table th,.claims-table td{padding:.5rem .125rem}.action-menu{right:auto;left:50%;transform:translate(-50%)}}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.modal-content{background:#fff;border-radius:.625rem;width:100%;max-width:56.25rem;max-height:90vh;overflow-y:auto;box-shadow:0 1.25rem 3.125rem #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-1.25rem)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.875rem 2rem;border-bottom:1px solid #E6E6E6;position:sticky;top:0;background:#fff;z-index:10}.modal-header-content h2{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.modal-header-content p{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;margin:0}.modal-close-btn{background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s;flex-shrink:0}.modal-close-btn:hover{background:#f9fafb}.modal-body{padding:1.875rem 2rem;display:flex;flex-direction:column;gap:1.875rem}.claim-info-section h3,.receipt-section h3,.history-section h3,.comment-section h3{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.claim-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.info-item{display:flex;flex-direction:column;gap:.375rem}.info-item.full-width{grid-column:1 / -1}.info-item label{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400}.info-value{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500}.amount-value{color:#253745;font-weight:700;font-size:1.125rem}.category-badge-modal,.status-badge-modal{display:inline-flex;align-items:center;justify-content:center;height:1.75rem;padding:0 1rem;border-radius:.9375rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:700;text-transform:capitalize;width:fit-content}.status-badge-modal.status-pending{background:#f5f5f5;color:#2b2b2b}.status-badge-modal.status-approved{background:#253745;color:#fff}.status-badge-modal.status-declined{background:#ef4343;color:#fff}.receipt-section{padding:1.25rem;background:#f9fafb;border-radius:.5rem;border:1px solid #E6E6E6}.receipt-preview{display:flex;flex-direction:column;gap:1rem}.receipt-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fff;border-radius:.5rem;border:2px dashed #D1D5DB;gap:.75rem}.receipt-placeholder p{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;margin:0}.download-receipt-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#253745;color:#fff;border:none;border-radius:.5rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;align-self:flex-start}.download-receipt-btn:hover{background:#1a2832;box-shadow:0 .25rem .75rem #25374533}.timeline{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.timeline-item{display:flex;gap:1rem}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:1rem;height:1rem;border-radius:50%;background:#d1d5db;position:relative;z-index:1}.timeline-dot.pending{background:#9ca3af}.timeline-dot.approved{background:#166534}.timeline-dot.declined{background:#ef4343}.timeline-line{width:.125rem;flex:1;background:#e5e7eb;margin-top:.25rem}.timeline-content{flex:1;padding-bottom:.5rem}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem;flex-wrap:wrap;gap:.5rem}.timeline-action{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.9375rem;font-weight:600}.timeline-time{color:#9ca3af;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400}.timeline-comment{color:#4b5563;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;margin:.5rem 0;line-height:1.5}.timeline-user{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;font-style:italic}.comment-section{padding:1.25rem;background:#f9fafb;border-radius:.5rem;border:1px solid #E6E6E6}.comment-textarea{width:100%;padding:.875rem;border:1px solid #D1D5DB;border-radius:.5rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.9375rem;font-weight:400;color:#2b2b2b;resize:vertical;min-height:6rem;transition:all .2s;background:#fff}.comment-textarea:focus{outline:none;border-color:#253745;box-shadow:0 0 0 3px #2537451a}.comment-textarea::placeholder{color:#9ca3af}.modal-footer{display:flex;gap:.75rem;padding:1.5rem 2rem;border-top:1px solid #E6E6E6;background:#f9fafb;position:sticky;bottom:0;border-radius:0 0 .625rem .625rem}.modal-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:.5rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:10rem}.modal-action-btn:disabled{opacity:.6;cursor:not-allowed}.approve-btn{background:#166534;color:#fff}.approve-btn:hover:not(:disabled){background:#14532d;box-shadow:0 .25rem .75rem #1665344d}.decline-btn{background:#ef4343;color:#fff}.decline-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 .25rem .75rem #ef43434d}.cancel-btn{background:#fff;color:#2b2b2b;border:1px solid #D1D5DB;margin-left:auto}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}@media(max-width:768px){.modal-overlay{padding:0;align-items:flex-start}.modal-content{max-width:100%;max-height:100vh;border-radius:0;min-height:100vh}.modal-header{padding:1.25rem 1rem}.modal-header-content h2{font-size:1.25rem}.modal-body{padding:1.25rem 1rem}.claim-info-grid{grid-template-columns:1fr;gap:1rem}.info-item.full-width{grid-column:1}.receipt-section,.comment-section{padding:1rem}.modal-footer{flex-direction:column;padding:1rem;gap:.75rem}.modal-action-btn{width:100%;min-width:auto}.cancel-btn{margin-left:0}}@media(max-width:480px){.modal-header-content h2{font-size:1.125rem}.modal-header-content p{font-size:.75rem}.claim-info-section h3,.receipt-section h3,.history-section h3,.comment-section h3{font-size:1rem}.timeline-header{flex-direction:column;align-items:flex-start}.modal-action-btn{padding:.75rem 1rem;font-size:.875rem}}.payroll-content{padding:1.875rem}.payroll-header{margin-bottom:1.5625rem}.payroll-header h2{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 .1875rem}.payroll-header p{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}.payroll-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1875rem;margin-bottom:1.875rem}.payroll-stat-card{border-radius:.625rem;border:1px solid #E6E6E6;background:#fff;padding:1.8125rem 2.3125rem;min-height:6.875rem}.payroll-stat-content{display:flex;justify-content:space-between;align-items:center}.payroll-stat-info{flex:1}.payroll-stat-label{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin-bottom:.5rem}.payroll-stat-value{color:#292d32;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700}.payroll-filters{display:flex;gap:.625rem;margin-bottom:1.875rem;flex-wrap:wrap}.payroll-search-box{display:flex;align-items:center;flex:1;min-width:20rem;height:3.4375rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#f9fafb;padding:0 1.25rem;gap:.9375rem}.payroll-search-box svg{flex-shrink:0}.payroll-search-box input{flex:1;border:none;background:transparent;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;outline:none}.payroll-search-box input::placeholder{color:#737373}.payroll-filter-dropdown{display:flex;align-items:center;height:3.4375rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#f9fafb;padding:0 1.25rem;gap:.625rem;min-width:15.8125rem}.payroll-filter-dropdown svg:first-child{flex-shrink:0}.payroll-filter-dropdown select{border:none;background:transparent;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;outline:none;cursor:pointer;appearance:none;padding-right:.5rem;flex:1}.payroll-filter-dropdown svg:last-child{flex-shrink:0;pointer-events:none}.generate-payroll-btn{display:flex;align-items:center;gap:.625rem;height:3.4375rem;padding:0 1.6875rem;border-radius:.625rem;border:none;background:#243542;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:background-color .2s;white-space:nowrap}.generate-payroll-btn:hover{background:#1a2831}.generate-payroll-btn svg{flex-shrink:0}.payroll-summary-section{border-radius:.625rem;border:1px solid #E6E6E6;background:#fff;padding:1.1875rem 2rem}.payroll-summary-section h2{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 1.1875rem}.payroll-table-wrapper{width:100%;overflow-x:auto}.payroll-table{width:100%;border-collapse:collapse}.payroll-table thead tr{border-bottom:1px solid #E6E6E6;background:#fff}.payroll-table th{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;padding:1.1875rem .5rem;text-align:center}.payroll-table th:first-child{text-align:left}.payroll-table tbody tr{border-bottom:1px solid #E6E6E6;background:#fff}.payroll-table tbody tr:last-child{border-bottom:none}.payroll-table td{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;padding:2.375rem .5rem;text-align:center}.participant-cell{text-align:left;font-weight:400}.event-cell,.attendance-cell,.expenses-cell,.payout-cell{font-weight:400}.method-cell{text-align:center}.method-badge{display:inline-flex;align-items:center;gap:.5rem;height:1.5625rem;padding:0 1.625rem;border-radius:.3125rem;background:#f5f5f5;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400}.status-cell{text-align:center}.payroll-status-badge{display:inline-flex;align-items:center;gap:.5rem;height:1.5625rem;padding:0 1.4375rem;border-radius:.9375rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:700}.payroll-status-badge.status-pending{background:#f5f5f5;color:#2b2b2b}.payroll-status-badge.status-processed{background:#253745;color:#fff}.payroll-status-badge.status-failed{background:#ef4343;color:#fff}.actions-cell{text-align:center}.payroll-action-menu-wrapper{position:relative;display:inline-block}.payroll-action-btn{background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s}.payroll-action-btn:hover{background:#f5f5f5}.payroll-action-menu{position:absolute;top:calc(100% + .25rem);right:0;background:#fff;border:1px solid #E6E6E6;border-radius:.5rem;box-shadow:0 .25rem .75rem #0000001a;z-index:10;min-width:11.25rem;padding:.25rem 0}.payroll-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;background:transparent;border:none;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;cursor:pointer;text-align:left;transition:background-color .2s}.payroll-menu-item:hover{background:#f9fafb}.payroll-menu-item.approve{color:#253745}.payroll-menu-item.decline{color:#ef4343}.payroll-menu-item.pending{color:#2b2b2b}.payroll-no-results{text-align:center;padding:3rem 1rem}.payroll-no-results p{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}@media(max-width:1400px){.payroll-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1200px){.payroll-stats-grid{grid-template-columns:1fr}.payroll-filters{flex-direction:column}.payroll-search-box,.payroll-filter-dropdown,.generate-payroll-btn{width:100%;min-width:100%}.generate-payroll-btn{justify-content:center}}@media(max-width:1024px){.payroll-content{padding:1rem}.payroll-stats-grid{gap:.75rem}.payroll-stat-card{padding:1.5rem}}@media(max-width:768px){.payroll-header h2{font-size:1.25rem}.payroll-header p{font-size:.875rem}.payroll-summary-section{padding:1rem}.payroll-summary-section h2{font-size:1.25rem}.payroll-stat-label{font-size:.875rem}.payroll-stat-value{font-size:1.25rem}.payroll-stat-content svg{width:32px;height:32px}.payroll-search-box,.payroll-filter-dropdown,.generate-payroll-btn{height:3rem}.payroll-search-box input,.payroll-filter-dropdown select,.generate-payroll-btn{font-size:1rem}.payroll-table th,.payroll-table td{padding:.75rem .25rem;font-size:.75rem}.payroll-status-badge{font-size:.625rem;height:1.25rem;padding:0 .75rem;gap:.25rem}.payroll-status-badge svg{width:10px;height:10px}.method-badge{font-size:.625rem;height:1.25rem;padding:0 .75rem;gap:.25rem}.method-badge svg{width:10px;height:10px}}@media(max-width:640px){.payroll-content{padding:.75rem}.payroll-stat-card{padding:1rem}.payroll-table-wrapper{border-radius:.625rem}.payroll-table th,.payroll-table td{padding:.5rem .125rem;font-size:.625rem}.payroll-action-menu{right:auto;left:50%;transform:translate(-50%)}.payroll-menu-item{font-size:.75rem;padding:.5rem .75rem}}@media(max-width:480px){.payroll-header h2{font-size:1.125rem}.payroll-header p{font-size:.75rem}.payroll-summary-section h2{font-size:1.125rem}.payroll-stat-label{font-size:.75rem}.payroll-stat-value{font-size:1.125rem}.payroll-stat-content svg{width:28px;height:28px}}.reports-container{padding:1.875rem;background:#f9fafb;min-height:100vh}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.875rem;gap:1.25rem}.reports-title-section{flex:1}.reports-title{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 .3125rem}.reports-subtitle{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}.export-btn{display:flex;align-items:center;gap:.625rem;padding:.6875rem 1.8125rem;border-radius:.625rem;background:#243542;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;border:none;cursor:pointer;transition:background .3s ease}.export-btn:hover{background:#1a2832}.export-btn svg{width:1.5rem;height:1.5rem;flex-shrink:0}.reports-controls{display:flex;gap:.625rem;margin-bottom:1.875rem;flex-wrap:wrap}.search-input-wrapper{display:flex;align-items:center;gap:1.25rem;padding:0 1.25rem;flex:1;min-width:19.1875rem;height:3.4375rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#f9fafb}.search-input-wrapper svg{width:1.5rem;height:1.5rem;flex-shrink:0}.search-input{flex:1;border:none;background:transparent;color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;outline:none}.filter-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:.6875rem;padding:0 1.25rem;height:3.4375rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#f9fafb;cursor:pointer;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;transition:background .2s ease;white-space:nowrap}.dropdown-trigger:hover{background:#f0f1f2}.dropdown-trigger svg:first-child,.dropdown-trigger svg:last-child{width:1.5rem;height:1.5rem;flex-shrink:0}.dropdown-trigger svg:last-child path{stroke:#939393}.dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;min-width:100%;background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;box-shadow:0 .25rem .75rem #0000001a;z-index:10;overflow:hidden}.dropdown-item{padding:.75rem 1.25rem;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:background .2s ease;white-space:nowrap}.dropdown-item.active{background:#243542;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1875rem;margin-bottom:1.875rem}.stat-card{display:flex;justify-content:space-between;align-items:flex-start;padding:1.8125rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff}.stat-content{flex:1}.stat-title{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin-bottom:.625rem}.stat-value{color:#292d32;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.625rem}.stat-change{font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400}.stat-change.positive{color:#16a249}.stat-change.negative{color:#dc2626}.stat-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.stat-icon svg{width:100%;height:100%}.tabs-container8{display:flex;gap:.3125rem;padding:.3125rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#f5f5f5;margin-bottom:1.25rem}.tab-button8{flex:1;padding:.75rem 1.25rem;border-radius:.5rem;border:none;background:transparent;color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:all .2s ease;text-align:center}.tab-button8.active{background:#243542;color:#fff}.tab-button8:hover:not(.active){background:#2435421a}.charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.25rem}.chart-card{padding:1.5625rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff}.chart-card.full-width{grid-column:1 / -1}.chart-title{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 1.5625rem}.line-chart{position:relative;height:10.875rem;margin-bottom:1rem}.line-chart svg{width:100%;height:100%}.chart-labels{margin-top:.625rem}.x-labels{display:flex;justify-content:space-between;padding:0 1rem}.x-labels span{color:#0006;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400}.event-types-list{display:flex;flex-direction:column;gap:.75rem}.event-type-item{display:flex;justify-content:space-between;align-items:center;padding:1.0625rem 1.1875rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff}.event-type-name{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}.event-type-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.1875rem}.event-count{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400}.participant-count{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;height:10.875rem;padding:0 1rem}.bar-container{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;position:relative}.bar{width:100%;max-width:2.5rem;background:#243542;border-radius:.3125rem .3125rem 0 0;transition:all .3s ease;cursor:pointer}.bar:hover{background:#1a2832}.bar-label{position:absolute;bottom:-1.5rem;color:#0006;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;text-align:center}.financial-content{width:100%}.financial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.budget-allocation-card,.expense-breakdown-card{padding:1.5625rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff}.financial-card-title{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.budget-content{display:flex;align-items:center;gap:2rem;justify-content:space-between}.pie-chart{width:10.6875rem;height:10.6875rem;flex-shrink:0}.pie-chart svg{width:100%;height:100%}.budget-legend{display:flex;flex-direction:column;gap:1.125rem;flex:1}.legend-item{display:flex;align-items:center;gap:.3125rem}.legend-color{width:3.75rem;height:1rem;flex-shrink:0}.legend-label{color:#65758b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:400}.expense-list{display:flex;flex-direction:column;gap:.75rem}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:1.0625rem 1.1875rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff}.expense-name{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}.expense-details{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.expense-amount{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400}.expense-percentage{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400}.demographics-content{width:100%}.demographics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.demographics-card{padding:1.5625rem 1.8125rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff}.demographics-card-title{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 1.5625rem}.demographics-list{display:flex;flex-direction:column;gap:1.125rem}.demographics-item{display:flex;justify-content:space-between;align-items:center}.demographics-label{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}.demographics-badge{padding:.25rem .5rem;border-radius:.9375rem;background:#253745;color:#fff;text-align:center;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;white-space:nowrap}.demographics-badge.percentage{min-width:2.875rem}.performance-content{width:100%}.performance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.kpi-card,.feedback-card{padding:1.5625rem 1.8125rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff}.performance-card-title{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 1.75rem}.kpi-list{display:flex;flex-direction:column;gap:2.125rem}.kpi-item{display:flex;flex-direction:column;gap:1.1875rem}.kpi-header{display:flex;justify-content:space-between;align-items:center}.kpi-label{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400}.kpi-value{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;text-align:right}.kpi-progress{width:100%;height:.625rem;border-radius:1.25rem;background:#f5f5f5;overflow:hidden}.kpi-progress-bar{height:100%;border-radius:1.25rem;transition:width .5s ease}.kpi-progress-bar.conversion{background:#243842}.kpi-progress-bar.attendance{background:#16a249}.kpi-progress-bar.completion{background:teal}.feedback-list{display:flex;flex-direction:column;gap:2.1875rem}.feedback-item{display:flex;justify-content:space-between;align-items:center}.feedback-label{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}.feedback-badge{padding:.25rem .5rem;border-radius:.9375rem;background:#253745;color:#fff;text-align:center;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;min-width:4.5rem}@media(max-width:1400px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.reports-container{padding:1.25rem}.reports-header{flex-direction:column}.export-btn{width:100%;justify-content:center}.charts-row,.financial-grid,.demographics-grid,.performance-grid{grid-template-columns:1fr}.bar-chart{gap:.75rem;padding:0 .5rem}}@media(max-width:768px){.reports-container{padding:1rem}.reports-title{font-size:1.25rem}.reports-subtitle{font-size:.875rem}.export-btn{font-size:1rem;padding:.625rem 1.25rem}.reports-controls{flex-direction:column}.search-input-wrapper{min-width:100%}.filter-dropdown,.dropdown-trigger{width:100%}.stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1.25rem}.stat-value{font-size:1.25rem}.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{font-size:.875rem;padding:.625rem 1rem;white-space:nowrap}.chart-title{font-size:1.125rem}.chart-card{padding:1rem}.financial-card-title{font-size:1.125rem;margin-bottom:1rem}.budget-allocation-card,.expense-breakdown-card{padding:1.25rem}.budget-content{flex-direction:column;gap:1.5rem}.pie-chart{width:9rem;height:9rem}.budget-legend{width:100%;gap:.875rem}.bar-chart{gap:.5rem;padding:0 .25rem}.bar{max-width:1.5rem}.bar-label{font-size:.625rem}.x-labels{padding:0 .5rem}.x-labels span{font-size:.625rem}.event-type-item{padding:.875rem 1rem;flex-direction:column;align-items:flex-start;gap:.5rem}.event-type-stats{align-items:flex-start}.expense-item{padding:.875rem 1rem}.demographics-card{padding:1.25rem}.demographics-card-title{font-size:1.125rem;margin-bottom:1.25rem}.demographics-list{gap:.875rem}.demographics-label{font-size:.9375rem}.kpi-card,.feedback-card{padding:1.25rem}.performance-card-title{font-size:1.125rem;margin-bottom:1.25rem}.kpi-list{gap:1.75rem}.kpi-item{gap:.875rem}.feedback-list{gap:1.75rem}}@media(max-width:480px){.reports-title{font-size:1.125rem}.reports-subtitle{font-size:.8125rem}.export-btn{font-size:.875rem;padding:.5rem 1rem}.export-btn svg{width:1.25rem;height:1.25rem}.search-input{font-size:1rem}.dropdown-trigger{font-size:1rem;padding:0 1rem}.stat-title{font-size:.875rem}.stat-value{font-size:1.125rem}.stat-change{font-size:.75rem}.tab-button{font-size:.8125rem;padding:.5rem .75rem}.chart-title{font-size:1rem;margin-bottom:1rem}.financial-card-title{font-size:1rem}.budget-allocation-card,.expense-breakdown-card{padding:1rem}.pie-chart{width:8rem;height:8rem}.budget-legend{gap:.75rem}.legend-label{font-size:.5625rem}.expense-item{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.expense-details{align-items:flex-start}.demographics-card{padding:1rem}.demographics-card-title{font-size:1rem;margin-bottom:1rem}.demographics-list{gap:.75rem}.demographics-label{font-size:.875rem}.demographics-badge{font-size:.6875rem;padding:.1875rem .4375rem}.kpi-card,.feedback-card{padding:1rem}.performance-card-title{font-size:1rem;margin-bottom:1rem}.kpi-list{gap:1.5rem}.kpi-item{gap:.75rem}.kpi-label,.kpi-value{font-size:.8125rem}.kpi-progress{height:.5rem}.feedback-list{gap:1.5rem}.feedback-label{font-size:.875rem}.feedback-badge{font-size:.6875rem;padding:.1875rem .4375rem;min-width:3.75rem}.line-chart,.bar-chart{height:8rem}}.export-data-content{padding:1.875rem}.export-header{margin-bottom:1.5625rem}.export-header h2{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 .1875rem}.export-header p{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}.export-controls{display:flex;gap:.625rem;margin-bottom:1.875rem;flex-wrap:wrap}.search-file-box{display:flex;align-items:center;flex:1;min-width:15.625rem;height:3.4375rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#f9fafb;padding:0 1.25rem;gap:.9375rem}.search-file-box svg{flex-shrink:0}.search-file-box input{flex:1;border:none;background:transparent;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;outline:none}.search-file-box input::placeholder{color:#737373}.filter-format,.filter-time{display:flex;align-items:center;height:3.4375rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#f9fafb;padding:0 1.25rem;gap:.625rem;position:relative}.filter-format{min-width:15.8125rem}.filter-time{min-width:14.6875rem}.filter-format svg:first-child,.filter-time svg:first-child{flex-shrink:0}.filter-format select,.filter-time select{border:none;background:transparent;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;outline:none;cursor:pointer;appearance:none;padding-right:.5rem;flex:1}.filter-format svg:last-child,.filter-time svg:last-child{flex-shrink:0;pointer-events:none}.available-exports-section{border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff;padding:1.5rem 1.875rem;margin-bottom:1.875rem;position:relative}.available-exports-section h3{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 1.1875rem}.export-items-list{display:flex;flex-direction:column;gap:.9375rem;margin-bottom:1.875rem}.export-item{display:flex;align-items:center;gap:1.5rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff;padding:1.625rem;min-height:5rem}.item-checkbox{flex-shrink:0}.item-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-custom{cursor:pointer;display:block;width:1rem;height:1rem}.item-icon{flex-shrink:0}.item-details{flex:1;min-width:0}.item-title{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.95rem;font-weight:500;margin-bottom:.375rem}.item-description{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.825rem;font-weight:400;margin-bottom:.5625rem;line-height:1.4}.item-formats{display:flex;gap:.3125rem;flex-wrap:wrap}.format-badge{display:inline-flex;align-items:center;justify-content:center;height:.9375rem;padding:0 .5rem;border-radius:1.25rem;background:#f5f5f5;color:#292d32;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.5rem;font-weight:500;text-transform:uppercase}.item-size{flex-shrink:0;margin-left:auto}.size-badge{display:inline-flex;align-items:center;justify-content:center;height:.9375rem;padding:0 .5rem;border-radius:1.25rem;border:1px solid #E6E6E6;background:#fff;color:#292d32;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.6rem;font-weight:500}.export-selected-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;height:3.125rem;border-radius:.3125rem;border:none;background:#253745;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.export-selected-btn:disabled{background:#919ba0;cursor:not-allowed}.export-selected-btn:not(:disabled):hover{background:#1e2d3a}.recent-exports-section{border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff;padding:1.5rem 1.875rem}.recent-exports-section h3{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:700;margin:0 0 1.1875rem}.recent-items-list{display:flex;flex-direction:column;gap:.9375rem}.recent-item{display:flex;align-items:center;gap:1.5rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff;padding:1.625rem;min-height:5rem}.recent-icon{flex-shrink:0}.recent-details{flex:1;min-width:0}.recent-title{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.recent-meta{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400}.recent-status{flex-shrink:0;margin-left:auto;margin-right:1rem}.status-completed{display:inline-flex;align-items:center;justify-content:center;height:1.25rem;padding:0 .5rem;border-radius:.625rem;background:#253745;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:500}.status-processing{display:inline-flex;align-items:center;gap:.375rem;height:1.5625rem;padding:0 .9375rem;border-radius:.9375rem;background:#f5f5f5;color:#292d32;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:500}.download-btn{display:flex;align-items:center;gap:.5rem;height:1.875rem;padding:0 .875rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fcfcfc;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s;flex-shrink:0}.download-btn:hover{background:#f5f5f5}.no-results{text-align:center;padding:3rem 1rem}.no-results p{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}@media(max-width:1024px){.export-data-content{padding:1rem}.export-controls{flex-direction:column}.search-file-box,.filter-format,.filter-time{width:100%;min-width:100%}.export-item,.recent-item{flex-wrap:wrap;gap:1rem}.item-size,.recent-status{margin-left:0;width:100%;display:flex;justify-content:flex-start}}@media(max-width:768px){.export-header h2{font-size:1.25rem}.export-header p{font-size:.875rem}.available-exports-section,.recent-exports-section{padding:1rem}.available-exports-section h3,.recent-exports-section h3{font-size:1.125rem}.search-file-box,.filter-format,.filter-time{height:3rem}.search-file-box input,.filter-format select,.filter-time select{font-size:1rem}.export-item,.recent-item{padding:1rem}.item-title{font-size:.875rem}.recent-title{font-size:.8125rem}.export-selected-btn{font-size:1.125rem;height:2.875rem}}@media(max-width:480px){.export-data-content{padding:.75rem}.export-item,.recent-item{padding:.875rem;gap:.75rem}.item-icon,.recent-icon{display:none}.item-checkbox{align-self:flex-start;margin-top:.25rem}.item-details,.recent-details{width:100%}.item-formats{margin-top:.5rem}.format-badge,.size-badge{font-size:.625rem;height:1.125rem;padding:0 .4375rem}.status-completed,.status-processing{font-size:.6875rem;height:1.125rem;padding:0 .5rem}.download-btn{font-size:.6875rem;height:1.625rem;padding:0 .625rem}.download-btn svg{width:10px;height:10px}}.format-selector{flex-shrink:0;margin-left:1rem}.format-select{height:2.25rem;padding:0 2rem 0 .75rem;border:1px solid #E6E6E6;border-radius:.3125rem;background:#f9fafb url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.96006 4.47509L6.70006 7.73509C6.31506 8.12009 5.68506 8.12009 5.30006 7.73509L2.04006 4.47509" stroke="%23939393" stroke-width="0.75" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right .5rem center;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;outline:none;appearance:none;transition:border-color .2s}.format-select:hover{border-color:#253745}.format-select:focus{border-color:#253745;background-color:#fff}@media(max-width:768px){.toast-notification{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}.format-selector{margin-left:.5rem}.format-select{height:2rem;font-size:.75rem;padding:0 1.5rem 0 .5rem}}@media(max-width:480px){.format-selector{width:100%;margin-left:0;margin-top:.5rem}.format-select{width:100%}}.communication-content{padding:1.5rem;max-width:100%}.communication-header{margin-bottom:2rem}.communication-header h2{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;margin-bottom:.5rem}.communication-header p{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(.875rem,2vw,1rem);font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 1.5rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff}.stat-info{display:flex;flex-direction:column;gap:.5rem}.stat-label{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(.875rem,2vw,1rem);font-weight:400}.stat-value{color:#292d32;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700}.stat-icon{display:flex;align-items:center;justify-content:center}.tabs-container{display:flex;gap:.3125rem;margin-bottom:2rem;padding:.3125rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#f5f5f5;overflow-x:auto}.tabs-container::-webkit-scrollbar{height:.25rem}.tab-button{flex:1;min-width:max-content;padding:.75rem 1.5rem;border-radius:.5rem;border:none;background:#f5f5f5;color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(.875rem,2vw,1rem);font-weight:400;text-align:center;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#2537450d}.tab-button.active{background:#253745;color:#fff}.compose-section{padding:1.5rem 2rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#fff}.compose-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.compose-header h3{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.125rem;font-weight:500;margin:0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.25rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group.full-width{margin-bottom:1.5rem}.form-group label{color:#374151;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}.custom-dropdown{position:relative}.dropdown-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#fcfcfc;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;text-align:left;cursor:pointer;transition:all .2s ease}.dropdown-toggle:hover{border-color:#d1d5db}.dropdown-toggle span{flex:1}.dropdown-menu{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:100;max-height:15rem;overflow-y:auto;border-radius:.625rem;border:1px solid #E6E6E6;background:#fff;box-shadow:0 .25rem 1rem #0000001a}.dropdown-item{padding:.875rem 1.5rem;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:background .2s ease}.form-input,select.form-input{width:100%;padding:1rem 1.5rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#fcfcfc;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;outline:none;transition:all .2s ease}.form-input:focus,select.form-input:focus{border-color:#253745}.form-input::placeholder{color:#737373}.form-textarea{width:100%;min-height:10rem;padding:1rem 1.5rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#fcfcfc;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;outline:none;resize:vertical;transition:all .2s ease}.form-textarea:focus{border-color:#253745}.form-textarea::placeholder{color:#737373}.schedule-option{margin-bottom:2rem}.schedule-toggle{display:flex;align-items:center;gap:1rem;padding:0;border:none;background:transparent;cursor:pointer}.schedule-toggle span{color:#374151;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.25rem}.btn-primary,.btn-secondary{padding:1.25rem 2rem;border-radius:.625rem;border:none;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;text-align:center;cursor:pointer;transition:all .2s ease}.btn-primary{background:#243542;color:#fff}.btn-primary:hover{background:#1a2935}.btn-secondary{border:1px solid #E6E6E6;background:#fcfcfc;color:#2b2b2b}.btn-secondary:hover{background:#f5f5f5}.tab-content{padding:3rem 2rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#fff}.empty-state{text-align:center;padding:2rem}.empty-state p{color:#6b7280;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(1rem,2vw,1.125rem);font-weight:400}.templates-section{width:100%}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.templates-title{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;margin:0}.create-template-btn{padding:.75rem 1.5rem;border-radius:.625rem;border:none;background:#243542;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:all .2s ease;white-space:nowrap}.create-template-btn:hover{background:#1a2935}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,25rem),1fr));gap:1.25rem}.template-card{padding:1.5rem 1.75rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease}.template-card:hover{box-shadow:0 .25rem .75rem #0000000d}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.template-card-title{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(1.125rem,2.5vw,1.25rem);font-weight:500;margin:0;flex:1}.template-type-badge{padding:.5rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff;color:#292d32;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:500;text-align:center;white-space:nowrap}.template-card-description{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(.875rem,2vw,.875rem);font-weight:400;margin:0;line-height:1.5}.template-card-actions{display:flex;gap:.9375rem;margin-top:.25rem}.use-template-btn{padding:.5rem .75rem;border-radius:.3125rem;border:none;background:#253745;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;cursor:pointer;transition:all .2s ease}.use-template-btn:hover{background:#1a2935}.edit-template-btn{padding:.5rem .75rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;cursor:pointer;transition:all .2s ease}.edit-template-btn:hover{background:#f5f5f5}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.625rem;width:100%;max-width:40rem;max-height:90vh;overflow-y:auto;box-shadow:0 1.25rem 3.125rem #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #E6E6E6}.modal-header h3{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(1.125rem,3vw,1.5rem);font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:2rem;color:#737373;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:#f5f5f5;color:#2b2b2b}.modal-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #E6E6E6}.btn-delete{padding:.875rem 1.5rem;border-radius:.625rem;border:1px solid #DC2626;background:#fff;color:#dc2626;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:all .2s ease;margin-right:auto}.btn-delete:hover{background:#dc2626;color:#fff}.history-section{display:flex;flex-direction:column;gap:1.375rem}.history-filters{display:grid;grid-template-columns:minmax(min(100%,22rem),1fr) auto;gap:1rem;align-items:center}.search-box{position:relative;display:flex;align-items:center;padding:1rem 1.25rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#f9fafb}.search-box svg{flex-shrink:0;margin-right:.875rem}.search-input{flex:1;border:none;background:transparent;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(1rem,2vw,1.125rem);font-weight:400;outline:none}.search-input::placeholder{color:#737373}.filter-group8{display:flex;gap:1rem;flex-wrap:wrap}.filter-dropdown{min-width:15.8125rem}.filter-toggle{width:100%;display:flex;align-items:center;gap:.875rem;padding:1rem 1.3125rem;border-radius:.625rem;border:1px solid #E6E6E6;background:#f9fafb;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-toggle:hover{border-color:#d1d5db}.filter-toggle svg{flex-shrink:0}.filter-toggle span{flex:1;text-align:left}.history-table-container{border-radius:.625rem;border:1px solid #E6E6E6;background:#fff;overflow:hidden}.history-table-header{padding:1.1875rem 2rem;border-bottom:1px solid #E6E6E6}.history-table-header h3{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;margin:0}.history-table{width:100%}.table-header-row{display:grid;grid-template-columns:1.8fr 1fr .8fr .9fr 1fr 1fr;gap:1rem;padding:1.1875rem 2rem;border-bottom:1px solid #E6E6E6;background:#fff}.table-header-cell{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(.875rem,2vw,1rem);font-weight:400}.table-row{display:grid;grid-template-columns:1.8fr 1fr .8fr .9fr 1fr 1fr;gap:1rem;padding:2.375rem 2rem;border-bottom:1px solid #E6E6E6;background:#fff;transition:background .2s ease}.table-row:hover{background:#f9fafb}.table-row:last-child{border-bottom:none}.table-cell{display:flex;align-items:center;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(.75rem,2vw,.875rem);font-weight:400;word-break:break-word}.type-badge{display:flex;align-items:center;gap:.5rem;padding:.4375rem 1.5625rem .4375rem .5rem;border-radius:.3125rem;background:#f5f5f5;width:fit-content}.type-badge svg{flex-shrink:0}.type-badge span{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(.65rem,2vw,.75rem);font-weight:400;white-space:nowrap}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.25rem 1.625rem .25rem .5rem;border-radius:.9375rem;width:fit-content}.status-badge.delivered{background:#253745}.status-badge svg{flex-shrink:0}.status-badge span{color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(.65rem,2vw,.75rem);font-weight:700;white-space:nowrap}.view-details-btn{padding:.375rem .6875rem;border-radius:.3125rem;border:1px solid #E6E6E6;background:#fff;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:clamp(.65rem,2vw,.75rem);font-weight:400;cursor:pointer;transition:all .2s ease;white-space:nowrap}.view-details-btn:hover{background:#f5f5f5;border-color:#d1d5db}.details-modal .modal-content{max-width:50rem}.details-section{display:flex;flex-direction:column;gap:.5rem}.details-section label{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500}.detail-value{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}.detail-content{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;margin:0}.details-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.5rem}@media(max-width:1400px){.table-header-row,.table-row{grid-template-columns:2fr 1.2fr .8fr 1fr 1.2fr 1fr}}@media(max-width:1200px){.history-filters{grid-template-columns:1fr}.filter-group{width:100%;justify-content:stretch}.filter-dropdown{flex:1;min-width:0}}@media(max-width:1024px){.communication-content{padding:1rem}.compose-section{padding:1.25rem 1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem}.stat-card{padding:1.25rem 1rem}.history-table-container{overflow-x:auto}.history-table{min-width:60rem}.table-header-row,.table-row{padding:1.5rem}}@media(max-width:768px){.communication-header{margin-bottom:1.5rem}.stats-grid{grid-template-columns:1fr;gap:.875rem}.form-row{grid-template-columns:1fr;gap:1rem}.action-buttons{grid-template-columns:1fr}.compose-header{margin-bottom:1.5rem}.tabs-container{gap:.25rem;padding:.25rem}.tab-button{padding:.625rem 1rem;font-size:.875rem}.filter-group{flex-direction:column}.filter-dropdown{width:100%}.history-table{min-width:50rem}.table-header-row,.table-row{padding:1.25rem 1rem;gap:.75rem}.details-row{grid-template-columns:1fr}}@media(max-width:480px){.communication-content{padding:.75rem}.compose-section{padding:1rem}.stat-card{flex-direction:column;align-items:flex-start;gap:1rem}.stat-icon{align-self:flex-end}.form-input,.form-textarea,.dropdown-toggle{padding:.875rem 1rem}.btn-primary,.btn-secondary{padding:1rem 1.5rem}.template-card{padding:1.25rem 1rem}.template-card-actions{flex-direction:column}.use-template-btn,.edit-template-btn{width:100%;text-align:center}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-footer{flex-wrap:wrap}.btn-delete{width:100%;margin-right:0;order:3}.btn-secondary,.btn-primary{flex:1}.search-box,.filter-toggle{padding:.875rem 1rem}}@media(max-width:1024px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr))}}@media(max-width:768px){.templates-header{flex-direction:column;align-items:stretch}.create-template-btn{width:100%}.templates-grid{grid-template-columns:1fr;gap:1rem}.modal-content{max-width:100%}.modal-header,.modal-body,.modal-footer{padding:1.25rem 1.5rem}}.settings-container{padding:1.5625rem;background:#f9fafb}.settings-header{margin-bottom:1.5625rem}.settings-title-section h1{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 .1875rem}.settings-title-section p{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}.settings-tabs{display:flex;gap:.3125rem;padding:.3125rem;background:#f5f5f5;border:1px solid #E6E6E6;border-radius:.625rem;margin-bottom:1.5625rem}.settings-tab{flex:1;max-width:13.5625rem;height:2.5rem;border:none;border-radius:.5rem;background:#f5f5f5;color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.settings-tab:hover{background:#ebebeb}.settings-tab.active{background:#253745;color:#fff}.settings-content{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4375rem}.settings-card{background:#fff;border:1px solid #E6E6E6;border-radius:.3125rem;padding:1.5rem 1.6875rem}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.375rem}.card-header svg{width:1.5rem;height:1.5rem;flex-shrink:0}.card-header h2{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:500;margin:0}.form-group{margin-bottom:1.375rem;position:relative}.form-group label{display:block;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:.5625rem}.form-input{width:100%;height:2.8125rem;padding:0 1.3125rem;border:1px solid #E6E6E6;border-radius:.625rem;background:#fcfcfc;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;outline:none;transition:border-color .3s ease}.form-input:focus{border-color:#253745}.dropdown-container{position:relative}.dropdown-button{width:100%;height:2.8125rem;padding:0 1.3125rem;border:1px solid #E6E6E6;border-radius:.625rem;background:#fcfcfc;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .3s ease}.dropdown-button:hover{border-color:#253745}.dropdown-button svg{width:1.5rem;height:1.5rem;flex-shrink:0}.dropdown-menu{position:absolute;top:calc(100% + .25rem);left:0;right:0;max-height:15rem;overflow-y:auto;background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;box-shadow:0 .25rem .75rem #0000001a;z-index:10}.dropdown-item{padding:.75rem 1.3125rem;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background:#f9fafb}.color-input-wrapper{display:flex;gap:.625rem;align-items:center}.color-preview{width:4.4375rem;height:2.8125rem;border-radius:.625rem;flex-shrink:0}.color-input{flex:1;height:2.8125rem;padding:0 1.3125rem;border:1px solid #E6E6E6;border-radius:.625rem;background:#fcfcfc;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;outline:none;transition:border-color .3s ease}.color-input:focus{border-color:#253745}.logo-upload-group{margin-bottom:1.5rem}.logo-upload-area{display:flex;align-items:center;justify-content:center;width:100%;height:8.25rem;border:1px dashed #E6E6E6;border-radius:.625rem;background:#fff;cursor:pointer;transition:border-color .3s ease,background-color .3s ease}.logo-upload-area:hover{border-color:#253745;background:#f9fafb}.logo-upload-text{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;text-align:center}.logo-filename{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;text-align:center}.save-button{width:15.3125rem;height:2.8125rem;border:none;border-radius:.625rem;background:#253745;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.save-button:hover{background:#1d2b38}.save-button:active{transform:translateY(.0625rem)}.placeholder-content{padding:3rem 2rem;background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;text-align:center}.placeholder-content p{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400}.users-roles-content{display:flex;flex-direction:column;gap:1.25rem}.user-management-section{background:#fff;border:1px solid #E6E6E6;border-radius:.625rem}.section-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 2rem;gap:1rem}.header-text h2{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 .375rem}.header-text p{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}.add-user-button{display:flex;align-items:center;gap:.5rem;padding:.6875rem 1.8125rem;border:none;border-radius:.625rem;background:#243542;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.add-user-button:hover{background:#1d2b38}.add-user-button svg{width:1.5rem;height:1.5rem;flex-shrink:0}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#fff;border-bottom:1px solid #E6E6E6}.users-table th{padding:1.1875rem 1.5rem;text-align:left;color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500}.users-table tbody tr{border-bottom:1px solid #E6E6E6;transition:background-color .2s ease}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr:hover{background:#fafafa}.users-table td{padding:1.75rem 1.5rem}.user-info{display:flex;flex-direction:column;gap:.3125rem}.user-name{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500}.user-email{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400}.role-badge{display:inline-block;padding:.3125rem .9375rem;border-radius:.9375rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:600;text-align:center}.status-badge{display:inline-block;padding:.25rem 1.4375rem;border-radius:.9375rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:600;text-align:center}.status-badge.active{background:#253745;color:#fff}.status-badge.inactive{background:#f5f5f5;color:#253745}.last-login{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400}.action-buttons{display:flex;gap:1.25rem;align-items:center}.action-btn{background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.action-btn:hover{transform:scale(1.1)}.action-btn svg{width:1.5rem;height:1.5rem;display:block}.role-permissions-section{background:#fff;border:1px solid #E6E6E6;border-radius:.625rem;padding:1.1875rem 2rem 2.5rem}.role-permissions-section h2{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 1.0625rem}.permissions-list{display:flex;flex-direction:column}.permission-item{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 1.5rem;border-bottom:1px solid #E6E6E6}.permission-item:last-child{border-bottom:none}.permission-info{display:flex;flex-direction:column;gap:.3125rem}.permission-name{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500}.permission-description{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400}.configure-button{padding:.5625rem 1.125rem;border:1px solid #E6E6E6;border-radius:.3125rem;background:#fff;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease}.configure-button:hover{background:#f9fafb;border-color:#d1d5db}.modal-content{background:#fff;border-radius:.625rem;width:100%;max-width:31.25rem;box-shadow:0 1.25rem 1.5625rem #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #E6E6E6}.modal-header h2{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.modal-close:hover{transform:scale(1.1)}.modal-close svg{width:1.5rem;height:1.5rem;display:block}.modal-body{padding:1.5rem}.modal-form-group{margin-bottom:1.25rem}.modal-form-group:last-child{margin-bottom:0}.modal-form-group label{display:block;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.modal-input,.modal-select{width:100%;height:2.8125rem;padding:0 1rem;border:1px solid #E6E6E6;border-radius:.5rem;background:#fff;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;outline:none;transition:border-color .3s ease}.modal-input:focus,.modal-select:focus{border-color:#253745}.modal-input::placeholder{color:#9ca3af}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #E6E6E6}.modal-cancel-btn{padding:.625rem 1.5rem;border:1px solid #E6E6E6;border-radius:.5rem;background:#fff;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.modal-cancel-btn:hover{background:#f9fafb}.modal-save-btn{padding:.625rem 1.5rem;border:none;border-radius:.5rem;background:#243542;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.modal-save-btn:hover{background:#1d2b38}@media(max-width:1200px){.settings-content{grid-template-columns:1fr}.settings-tabs{flex-wrap:wrap}.settings-tab{max-width:none}}@media(max-width:768px){.settings-container{padding:1rem}.settings-title-section h1{font-size:1.25rem}.settings-title-section p{font-size:.875rem}.settings-tabs{flex-direction:column;gap:.5rem}.settings-tab{width:100%}.settings-content{gap:1rem}.settings-card{padding:1rem}.card-header h2{font-size:1.125rem}.save-button{width:100%}.color-input-wrapper{flex-direction:column;align-items:flex-start}.color-preview{width:100%;height:3.125rem}.section-header{flex-direction:column;align-items:stretch;padding:1rem}.add-user-button{width:100%;justify-content:center}.users-table th,.users-table td{padding:1rem .75rem;font-size:.8125rem}.header-text h2{font-size:1.25rem}.header-text p{font-size:.875rem}.role-permissions-section{padding:1rem}.role-permissions-section h2{font-size:1.25rem}.permission-item{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.configure-button{width:100%}.users-table-container{overflow-x:scroll}.users-table{min-width:40rem}}.security-content{display:flex;justify-content:flex-start}.security-card{width:100%;max-width:70.9375rem;background:#fff;border:1px solid #E6E6E6;border-radius:.3125rem;padding:0}.security-header{display:flex;align-items:center;gap:.9375rem;padding:1.5rem 2rem;border-bottom:1px solid #E6E6E6}.security-header svg{width:1.5rem;height:1.5rem;flex-shrink:0}.security-header h2{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:500;margin:0}.security-setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #E6E6E6;background:#fff}.security-setting-item.last-item{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:.625rem}.setting-info h3{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;margin:0}.setting-info p{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}.toggle-switch9{position:relative;width:4.125rem;height:1.8125rem;background:#e6e6e6;border:1px solid #E6E6E6;border-radius:1.25rem;cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0}.toggle-switch9.active{background:#253745;border-color:#253745}.toggle-slider9{position:absolute;top:.1875rem;left:.1875rem;width:1.5rem;height:1.5rem;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-switch9.active .toggle-slider9{transform:translate(2.375rem)}.session-timeout-dropdown{position:relative}.timeout-dropdown-button{width:6.375rem;height:2.1875rem;padding:0 1rem;border:1px solid #E6E6E6;border-radius:.3125rem;background:#fff;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:500;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:border-color .3s ease}.timeout-dropdown-button:hover{border-color:#253745}.timeout-dropdown-button svg{width:1rem;height:1rem;flex-shrink:0}.timeout-dropdown-menu{position:absolute;top:calc(100% + .25rem);right:0;width:100%;background:#fff;border:1px solid #E6E6E6;border-radius:.3125rem;box-shadow:0 .25rem .75rem #0000001a;z-index:10;overflow:hidden}.timeout-dropdown-item{padding:.625rem 1rem;color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.timeout-dropdown-item:hover{background:#f9fafb}@media(max-width:1200px){.security-card{max-width:100%}}@media(max-width:768px){.security-header{padding:1.25rem 1.5rem}.security-header h2{font-size:1.125rem}.security-setting-item{padding:1.25rem 1.5rem}.setting-info h3,.setting-info p{font-size:.9375rem}}@media(max-width:480px){.settings-title-section h1{font-size:1.125rem}.settings-title-section p{font-size:.8125rem}.card-header h2{font-size:1rem}.form-input,.dropdown-button,.color-input{font-size:.8125rem}.modal-content{max-width:100%}.header-text h2{font-size:1.125rem}.header-text p{font-size:.8125rem}.add-user-button{font-size:1rem;padding:.625rem 1.25rem}.role-permissions-section h2{font-size:1.125rem}.security-header{padding:1rem 1.25rem}.security-header h2{font-size:1rem}.security-setting-item{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 1.25rem}.setting-info h3,.setting-info p{font-size:.875rem}.timeout-dropdown-button{width:100%}}.integrations-content{display:flex;flex-direction:column;gap:2.5rem}.integrations-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.integrations-title-section h2{color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 .375rem}.integrations-title-section p{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}.browse-integrations-button{padding:.6875rem 1.0625rem;border:none;border-radius:.625rem;background:#243542;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;flex-shrink:0;white-space:nowrap}.browse-integrations-button:hover{background:#1d2b38}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,34.8125rem),1fr));gap:1.3125rem}.integration-card{position:relative;background:#fff;border:1px solid #E6E6E6;border-radius:.3125rem;padding:1.5rem 1.6875rem;display:flex;flex-direction:column;gap:.625rem}.integration-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.integration-card h3{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:500;margin:0}.connection-status{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;border-radius:.9375rem;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:500;text-align:center;flex-shrink:0}.connection-status.connected{background:#253745;color:#fff}.connection-status.disconnected{background:#ef4343;color:#fff}.integration-description{color:#615f6a;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;margin:.4375rem 0 .5625rem}.integration-category{display:inline-block;padding:.3125rem .375rem;border:1px solid #E6E6E6;border-radius:.9375rem;background:#fff;color:#292d32;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:500;text-align:center;width:fit-content;margin-bottom:.625rem}.integration-actions{display:flex;gap:.6875rem;margin-top:.5rem}.integration-configure-btn{padding:.375rem 1.5rem;border:1px solid #E6E6E6;border-radius:.3125rem;background:#fcfcfc;color:#253745;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:500;text-align:center;cursor:pointer;transition:all .3s ease}.integration-configure-btn:hover{background:#f5f5f5;border-color:#d1d5db}.integration-disconnect-btn{padding:.375rem 1.25rem;border:none;border-radius:.3125rem;background:#ef4343;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:500;text-align:center;cursor:pointer;transition:background-color .3s ease}.integration-disconnect-btn:hover{background:#d93636}.integration-connect-btn{padding:.375rem 1.75rem;border:none;border-radius:.3125rem;background:#253745;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:500;text-align:center;cursor:pointer;transition:background-color .3s ease}.integration-connect-btn:hover{background:#1d2b38}@media(max-width:1200px){.integrations-grid{grid-template-columns:1fr}}@media(max-width:768px){.integrations-content{gap:1.5rem}.integrations-header{flex-direction:column;align-items:stretch}.integrations-title-section h2{font-size:1.25rem}.integrations-title-section p{font-size:.875rem}.browse-integrations-button{width:100%;font-size:1rem}.integration-card{padding:1.25rem 1.5rem}}@media(max-width:480px){.integrations-title-section h2{font-size:1.125rem}.integrations-title-section p{font-size:.8125rem}.browse-integrations-button{font-size:.9375rem;padding:.625rem 1rem}.integration-card h3{font-size:1.125rem}.integration-description{font-size:.8125rem}.integration-actions{flex-direction:column;gap:.5rem}.integration-configure-btn,.integration-disconnect-btn,.integration-connect-btn{width:100%}}.toast{position:fixed;top:2rem;right:2rem;z-index:10000;min-width:20rem;max-width:25rem;padding:1rem 1.25rem;border-radius:.5rem;box-shadow:0 .5rem 1.5rem #00000026;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:#4caf50}.toast-error{background:#ef4444}.toast-content{display:flex;align-items:center;gap:.75rem}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon svg{width:1.25rem;height:1.25rem}.toast-message{color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.9375rem;font-weight:500;line-height:1.4}.password-input-wrapper .modal-input{padding-right:3rem}.password-toggle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.password-toggle-btn:hover{opacity:.7}.password-toggle-btn svg{width:1.25rem;height:1.25rem;display:block}@media(max-width:768px){.toast{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}}.notifications-content{width:100%;max-width:70.9375rem}.notifications-card{background:#fff;border:1px solid #E6E6E6;border-radius:.3125rem}.notifications-header{display:flex;align-items:center;gap:.9375rem;padding:1.5rem 2rem}.notifications-header svg{width:1.5rem;height:1.5rem;flex-shrink:0}.notifications-header h2{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:500;margin:0}.notification-section{padding:0 2rem}.notification-section:first-of-type{padding-top:.5rem}.notification-section-title{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:700;margin:0 0 1.625rem}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.8125rem;background:#fff;border-bottom:1px solid #E6E6E6}.notification-item.last{border-bottom:none;margin-bottom:2.0625rem}.notification-info{display:flex;flex-direction:column;gap:1.625rem}.notification-info h4{color:#2b2b2b;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;margin:0}.notification-info p{color:#737373;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:400;margin:0}.notification-toggle{position:relative;width:4.125rem;height:1.8125rem;background:#e6e6e6;border:1px solid #E6E6E6;border-radius:1.25rem;cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0}.notification-toggle.active{background:#253745;border-color:#253745}.notification-toggle-slider{position:absolute;top:.1875rem;left:.1875rem;width:1.5rem;height:1.5rem;background:#fff;border-radius:50%;transition:transform .3s ease}.notification-toggle.active .notification-toggle-slider{transform:translate(2.375rem)}.save-notifications-button{width:10.0625rem;height:2.5rem;margin:1.5rem 2rem 2rem;border:none;border-radius:.3125rem;background:#253745;color:#fff;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.save-notifications-button:hover{background:#1d2b38}.save-notifications-button:active{transform:translateY(.0625rem)}@media(max-width:1200px){.notifications-content{max-width:100%}}@media(max-width:768px){.notifications-header{padding:1.25rem 1.5rem}.notifications-header h2{font-size:1.125rem}.notification-section{padding:0 1.5rem}.notification-section-title{font-size:.9375rem}.notification-item{padding:1.25rem 1.5rem}.notification-info h4,.notification-info p{font-size:.9375rem}.save-notifications-button{margin:1.25rem 1.5rem 1.75rem}}@media(max-width:480px){.notifications-header{padding:1rem 1.25rem}.notifications-header h2{font-size:1rem}.notification-section{padding:0 1.25rem}.notification-section-title{font-size:.875rem}.notification-item{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 1.25rem}.notification-info{gap:.625rem}.notification-info h4,.notification-info p{font-size:.875rem}.notification-toggle{width:100%;max-width:4.125rem}.save-notifications-button{width:calc(100% - 2.5rem);margin:1rem 1.25rem 1.5rem}}.login-page{min-height:100vh;background:#f3f4f4;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-container{width:100%;max-width:24.375rem;display:flex;flex-direction:column;gap:6.5rem}.login-branding{display:flex;flex-direction:column;align-items:center;gap:1rem}.login-card{width:100%;border-radius:.5rem;border:.031rem solid #E8E8E8;background:#fff;padding:1.625rem 1.563rem 2rem;display:flex;flex-direction:column;gap:1.5rem;margin-top:-6rem!important}@media(max-width:768px){.login-card{margin-top:0}}.tab-button{flex:1;height:1.875rem;border-radius:.313rem;border:none;background:transparent;color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.825rem;font-weight:500;line-height:normal;letter-spacing:-.024rem;cursor:pointer;transition:all .2s ease}.login-form{display:flex;flex-direction:column;gap:1rem}@media(max-width:48rem){.login-container{max-width:21.875rem;gap:4rem}.logo-image{width:5.5rem}.login-card{padding:1.25rem 1rem 1.5rem}.welcome-title{font-size:1.125rem}.welcome-subtitle{font-size:.813rem}}@media(max-width:25.875rem){.login-page{padding:1rem}.login-container{gap:2.5rem}.logo-image{width:4.5rem}.tagline{font-size:.75rem}.login-card{padding:1rem .75rem}.welcome-title{font-size:1rem}.welcome-subtitle{font-size:.75rem}.tab-button{font-size:.563rem}.form-label{font-size:.688rem}.form-input{height:2rem;font-size:.563rem}.submit-button{height:2.25rem;font-size:.875rem}.divider-text{font-size:.688rem}.oauth-button{font-size:.688rem;height:2rem}}@media(min-width:48.063rem){.login-container{max-width:26.875rem;gap:7.5rem}.logo-image{width:8rem}.tagline{font-size:1rem}.login-card{padding:2rem 2.25rem 2.5rem}.welcome-title{font-size:1.5rem}.welcome-subtitle{font-size:1rem}.tab-button{font-size:.75rem;height:2rem}.form-label{font-size:.875rem}.form-input{height:2.5rem;font-size:.75rem;padding:0 1rem}.submit-button{height:2.75rem;font-size:1.125rem}.divider-text{font-size:.875rem}.oauth-button{font-size:.875rem;height:2.5rem}}.toast-notification{position:fixed;top:2rem;right:2rem;min-width:20rem;max-width:28rem;background:#fff;border-radius:.75rem;box-shadow:0 .625rem 1.875rem #00000026;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:10000;animation:slideInRight .3s ease-out;min-height:fit-content;max-height:6rem}.signup-page{min-height:100vh;background:#f3f4f4;display:flex;align-items:center;justify-content:center;padding:1.5rem}.signup-container{width:100%;max-width:24.375rem;display:flex;flex-direction:column;gap:6.5rem}.signup-branding{display:flex;flex-direction:column;align-items:center;gap:1rem}.logo-image{width:6.875rem;height:auto;aspect-ratio:22/9}.tagline{color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.024rem;margin:0}.signup-card{width:100%;border-radius:.5rem;border:.031rem solid #E8E8E8;background:#fff;padding:1.625rem 1.563rem 2rem;display:flex;flex-direction:column;gap:1.5rem;margin-top:-6rem}.welcome-section{display:flex;flex-direction:column;gap:.438rem;text-align:center}.welcome-title{color:#2b2b2b;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;line-height:normal;letter-spacing:-.024rem;margin:0}.welcome-subtitle{color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.024rem;margin:0}.tab-switcher{width:100%;height:2.5rem;border-radius:.5rem;border:.031rem solid #EAEAEA;background:#f5f5f5;padding:.313rem;display:flex;gap:.313rem}.tab-button{flex:1;height:1.875rem;border-radius:.313rem;border:none;background:transparent;color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:500;line-height:normal;letter-spacing:-.024rem;cursor:pointer;transition:all .2s ease}.tab-button.active{border:.031rem solid #EAEAEA;background:#fcfcfc;color:#2b2b2b}.tab-button:hover{opacity:.8}.signup-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.password-input-wrapper{position:relative;width:100%}.form-label{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;line-height:normal;letter-spacing:-.024rem;margin:0}.form-input{width:100%;height:2.188rem;border-radius:.313rem;border:.031rem solid #EAEAEA;background:#fcfcfc;padding:0 .875rem;color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:400;line-height:normal;letter-spacing:-.024rem;box-sizing:border-box;transition:all .2s ease}.form-input::placeholder{color:#857373}.form-input.error{border-color:#e53e3e}.error-message{color:#e53e3e;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:400;margin-top:.25rem}.password-toggle{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#737373;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle:hover{color:#2b2b2b}.password-toggle:focus{outline:none}.password-toggle svg{width:1rem;height:1rem}.submit-button{width:100%;height:2.5rem;border-radius:.625rem;background:#243842;border:none;color:#fff;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;line-height:normal;letter-spacing:-.024rem;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.submit-button:hover{background:#1a2a33}.submit-button:active{transform:scale(.98)}.divider-section{display:flex;align-items:center;gap:.625rem;margin:.75rem 0}.divider-line{flex:1;height:.031rem;background:#eaeaea}.divider-text{color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:500;line-height:normal;letter-spacing:-.024rem}.oauth-buttons{display:flex;gap:.625rem}.oauth-button{flex:1;height:2.188rem;border-radius:.313rem;border:.031rem solid #EAEAEA;background:#fcfcfc;color:#2b2b2b;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:500;line-height:normal;letter-spacing:-.024rem;cursor:pointer;transition:all .2s ease}.oauth-button:hover{background:#f5f5f5}.oauth-button:active{transform:scale(.98)}@media(max-width:48rem){.signup-container{max-width:21.875rem;gap:4rem}.logo-image{width:5.5rem}.signup-card{padding:1.25rem 1rem 1.5rem}.welcome-title{font-size:1.125rem}.welcome-subtitle{font-size:.813rem}}@media(max-width:25.875rem){.signup-page{padding:1rem}.signup-container{gap:2.5rem}.logo-image{width:4.5rem}.tagline{font-size:.75rem}.signup-card{padding:1rem .75rem}.welcome-title{font-size:1rem}.welcome-subtitle{font-size:.75rem}.tab-button{font-size:.563rem}.form-label{font-size:.688rem}.form-input{height:2rem;font-size:.563rem}.submit-button{height:2.25rem;font-size:.875rem}.divider-text{font-size:.688rem}.oauth-button{font-size:.688rem;height:2rem}}@media(min-width:48.063rem){.signup-container{max-width:26.875rem;gap:7.5rem}.logo-image{width:8rem}.tagline{font-size:1rem}.signup-card{padding:2rem 2.25rem 2.5rem}.welcome-title{font-size:1.5rem}.welcome-subtitle{font-size:1rem}.tab-button{font-size:.75rem;height:2rem}.form-label{font-size:.875rem}.form-input{height:2.5rem;font-size:.75rem;padding:0 1rem}.submit-button{height:2.75rem;font-size:1.125rem}.divider-text{font-size:.875rem}.oauth-button{font-size:.875rem;height:2.5rem}}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner-login{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.home-container{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column}.home-content{flex:1;padding-bottom:6.5rem;overflow-y:auto}.home-header{background:linear-gradient(180deg,#243842,#394b54);border-radius:0 0 1.25rem 1.25rem;padding:4.3125rem 1.5rem 2rem;display:flex;align-items:center;gap:.9375rem}.user-avatar{flex-shrink:0}.user-greeting{flex:1}.greeting-title{color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;line-height:normal;letter-spacing:-.0236875rem;margin:0 0 .3125rem}.greeting-subtitle{color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;margin:0}.quick-actions{padding:1.5625rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.125rem}.action-card{background:#fff;border-radius:.5rem;border:.03125rem solid #E8E8E8;padding:1.25rem;cursor:pointer;transition:all .2s ease}.action-card:hover{transform:translateY(-.125rem);box-shadow:0 .25rem .75rem #00000014}.action-icon{margin-bottom:.875rem}.action-content{display:flex;flex-direction:column;gap:.25rem}.action-title{color:#2c2c2c;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;margin:0}.action-description{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:400;line-height:normal;margin:0}.recent-activity{padding:0 1.5625rem 1.5625rem}.section-title{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;line-height:normal;letter-spacing:-.0236875rem;margin:0 0 1rem}.activity-list{display:flex;flex-direction:column;gap:.9375rem}.activity-item{background:#fff;border-radius:.5rem;border:.03125rem solid #E8E8E8;padding:.9375rem;display:flex;align-items:center;gap:.9375rem}.activity-icon{width:3.125rem;height:3.125rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-details{flex:1;min-width:0}.activity-title{color:#2c2c2c;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;margin:0 0 .25rem}.activity-time{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:400;line-height:normal;margin:0}.activity-status{background:#fff;border-radius:.3125rem;border:.03125rem solid #2ECC70;padding:.375rem .5625rem;display:flex;align-items:center;gap:.3125rem;flex-shrink:0}.activity-status span{color:#2ecc70;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.5rem;font-weight:600;line-height:normal}.homenav-items{display:flex;justify-content:space-around;align-items:center;padding:0 1rem}.homenav-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;padding:0;min-width:3.125rem;transition:all .2s ease}.homenav-item span{color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;transition:all .2s ease}.homenav-item.active span{color:#283c46;font-weight:600}.homenav-item:hover{transform:scale(1.05)}@media(min-width:768px){.home-container{flex-direction:row}.mobile-nav{position:fixed;inset:0 auto 0 0;width:15.625rem;border-top:none;border-right:.125rem solid #EBEBEB;padding:2rem 0}.nav-home-indicator{display:none}.homenav-items{flex-direction:column;gap:.5rem;padding:0 1rem}.homenav-item{flex-direction:row;width:100%;justify-content:flex-start;padding:.75rem 1rem;gap:.75rem;border-radius:.5rem}.homenav-item:hover{background:#f8fafc;transform:none}.homenav-item.active{background:#f8fafc}.home-content{margin-left:15.625rem;padding-bottom:1.5rem}.home-header{border-radius:0}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));max-width:75rem;margin:0 auto}.recent-activity{max-width:75rem;margin:0 auto;padding:0 1.5625rem 1.5625rem}}@media(min-width:1024px){.home-content{padding-bottom:2rem}.home-header{padding:5rem 3rem 2.5rem}.quick-actions{padding:2rem 3rem;gap:1.5rem}.recent-activity{padding:0 3rem 2rem}.action-card{padding:1.5rem}}@media(min-width:1440px){.quick-actions{grid-template-columns:repeat(4,1fr)}}.expense-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.expense-modal-content{background:#fff;border-radius:1.25rem 1.25rem 0 0;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.expense-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:.0625rem solid #E8E8E8}.expense-modal-title{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.125rem;font-weight:600;line-height:normal;margin:0}.expense-modal-close{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.expense-modal-form{padding:1.5rem}.expense-modal-form .form-field{margin-bottom:1.5rem}.expense-modal-form .field-label{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;display:block;margin-bottom:.5rem}.expense-modal-form .field-input,.expense-modal-form .field-textarea{width:100%;padding:.75rem;border:.0625rem solid #D1D5DB;border-radius:.5rem;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;color:#2b2b2b;background:#fff}.expense-modal-form .field-input:focus,.expense-modal-form .field-textarea:focus{outline:none;border-color:#283c46}.expense-modal-form .field-textarea{resize:vertical;min-height:6rem}.expense-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.expense-type-radio{display:flex;align-items:center;justify-content:center;padding:.75rem;border:.0625rem solid #D1D5DB;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.expense-type-radio input[type=radio]{display:none}.expense-type-radio input[type=radio]:checked+.expense-radio-label{color:#283c46;font-weight:600}.expense-type-radio:has(input[type=radio]:checked){border-color:#283c46;background:#f0f4f8}.expense-radio-label{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;text-align:center}.file-upload-area{border:.125rem dashed #D1D5DB;border-radius:.5rem;padding:1.5rem;text-align:center;transition:all .2s ease}.file-upload-area:hover{border-color:#283c46;background:#f8fafc}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer}.file-upload-text{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400}.uploaded-files-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.uploaded-file{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f8fafc;border-radius:.5rem;border:.0625rem solid #E8E8E8}.uploaded-file span{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-remove-file{background:none;border:none;cursor:pointer;padding:.25rem;color:#dc2626;display:flex;align-items:center;justify-content:center}.expense-modal-actions{display:flex;gap:1rem;margin-top:2rem}.expense-modal-actions .btn-cancel,.expense-modal-actions .btn-submit{flex:1;padding:.875rem;border-radius:.5rem;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.expense-modal-actions .btn-cancel{background:#fff;border:.0625rem solid #D1D5DB;color:#2b2b2b}.expense-modal-actions .btn-cancel:hover{background:#f8fafc}.expense-modal-actions .btn-submit{background:#283c46;border:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem}.expense-modal-actions .btn-submit:hover{background:#1f2f38}.expense-modal-actions .btn-submit:disabled,.expense-modal-actions .btn-cancel:disabled{opacity:.6;cursor:not-allowed}.spinner-register{width:1rem;height:1rem;border:.125rem solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.toast-notification{position:fixed;bottom:5.5rem;left:1rem;right:1rem;background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 .25rem 1rem #0000001a;display:flex;align-items:center;justify-content:space-between;z-index:1001;animation:slideUp .3s ease}.toast-notification.success{border-left:.25rem solid #2ECC70}.toast-notification.error{border-left:.25rem solid #DC2626}.toast-content svg{flex-shrink:0}.toast-notification.success .toast-content svg{color:#2ecc70}.toast-notification.error .toast-content svg{color:#dc2626}.toast-content span{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}.toast-close{background:none;border:none;cursor:pointer;padding:.25rem;color:#737373;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(min-width:768px){.expense-modal-overlay{align-items:center}.expense-modal-content{border-radius:1.25rem;max-width:37.5rem;max-height:80vh}.toast-notification{left:auto;right:1rem;max-width:25rem;bottom:1rem}}.events-home-container{width:100%;min-height:100vh;background:#f8fafc;display:flex;flex-direction:column;margin-left:auto;padding-bottom:6rem}.events-home-content{flex:1;width:100%;max-width:100%;overflow-y:auto}.events-header{width:100%;background:linear-gradient(180deg,#243842,#394b54);padding:3.563rem 1.563rem 1.875rem;box-sizing:border-box}.events-title{color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;line-height:normal;letter-spacing:-.024rem;margin:0 0 1.375rem}.events-search-container{position:relative;width:100%;height:2.188rem;border-radius:.5rem;border:.031rem solid #6D7A80;background:#46565f;display:flex;align-items:center;padding:0 .875rem 0 2.5rem;box-sizing:border-box}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem}.events-search-input{width:100%;background:transparent;border:none;outline:none;color:#b3babd;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.024rem}.events-search-input::placeholder{color:#b3babd}.events-list{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;margin-left:-1rem!important}.event-card{position:relative;width:100%;background:#fff;border-radius:.5rem;border:.031rem solid #E8E8E8;padding:.938rem 1.063rem;box-sizing:border-box}.event-title{color:#2c2c2c;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;margin:0 0 .625rem}.event-details{display:flex;flex-direction:column;gap:.313rem}.event-detail-row{display:flex;align-items:center;gap:.313rem}.detail-icon{width:1rem;height:1rem;flex-shrink:0}.detail-text{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:400;line-height:normal}.event-status-badge{position:absolute;top:2.313rem;right:1.063rem;display:flex;align-items:center;gap:.313rem;background:#253745;border-radius:.313rem;padding:.25rem .5rem .25rem .375rem}.status-icon{width:.75rem;height:.75rem;flex-shrink:0}.status-text{color:#fff;text-align:center;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:400;line-height:normal}.btn-register{margin-top:.75rem;width:100%;padding:.625rem 1rem;background:#243842;border:none;border-radius:.625rem;color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-register:hover{background:#1a2d36}.btn-register:active{transform:scale(.98)}.no-events{text-align:center;padding:2rem 1rem;color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem}.registration-container{width:100%;min-height:100vh;background:#f8fafc;overflow-y:auto;position:relative}.registration-content{width:100%;max-width:100%;position:relative;padding-bottom:2rem}.event-poster{width:100%;height:15.063rem;object-fit:cover;display:block}.back-button{position:absolute;top:2.625rem;left:2.063rem;width:2.25rem;height:2.25rem;border-radius:.313rem;border:.063rem solid #E6E6E6;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#e6e6e6}.back-button:active{transform:scale(.95)}.event-info{padding:1.625rem 1.313rem 0}.event-info-title{color:#2b2b2b;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;line-height:normal;letter-spacing:-.024rem;margin:0 0 1.875rem}.event-meta{display:flex;justify-content:center;gap:1.25rem;margin-bottom:1.75rem;flex-wrap:wrap}.event-meta-item{display:flex;align-items:center;gap:.313rem}.event-meta-item svg{width:1rem;height:1rem;flex-shrink:0}.event-meta-item span{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:400;line-height:normal}.event-description{color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;line-height:normal;letter-spacing:-.024rem;margin:0 0 2.75rem}.objectives-section{margin-bottom:1.25rem}.objectives-title{color:#2b2b2b;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:500;line-height:normal;letter-spacing:-.024rem;margin:0 0 1.188rem}.objectives-text{color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;line-height:normal;letter-spacing:-.024rem;margin:0}.registration-form{width:calc(100% - 3.125rem);max-width:21.25rem;margin:0 auto;background:#fff;border-radius:.5rem;border:.031rem solid #E8E8E8;padding:1.625rem 1.875rem;box-sizing:border-box}.form-header{margin-bottom:2.438rem}.form-title{color:#2b2b2b;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;line-height:normal;letter-spacing:-.024rem;margin:0 0 1.75rem}.form-subtitle{color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.024rem;margin:0}.form-field{margin-bottom:1.813rem}.field-label{display:block;color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.85rem;font-weight:500;line-height:normal;letter-spacing:-.024rem;margin-bottom:1.188rem}.field-input,.field-select{width:100%;height:2.188rem;border-radius:.313rem;border:.031rem solid #EAEAEA;background:#fcfcfc;padding:0 .875rem;box-sizing:border-box;color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;line-height:normal;outline:none;transition:border-color .2s ease}.field-input:focus,.field-select:focus{border-color:#243842}.field-input::placeholder{color:#737373;font-size:.625rem}.field-select{appearance:none;cursor:pointer;color:#737373;font-size:.625rem}.field-select option:not(:first-child){color:#2b2b2b}.select-arrow{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);pointer-events:none}.field-textarea{width:100%;min-height:6.25rem;border-radius:.313rem;border:.031rem solid #EAEAEA;background:#fcfcfc;padding:.813rem .875rem;box-sizing:border-box;color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;line-height:normal;resize:vertical;outline:none;transition:border-color .2s ease}.field-textarea:focus{border-color:#243842}.field-textarea::placeholder{color:#737373;font-size:.625rem}.file-upload-area{width:100%}.file-input{display:none}.file-upload-label{width:100%;height:6.25rem;border-radius:.313rem;border:.063rem dashed #EAEAEA;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;cursor:pointer;transition:all .2s ease}.file-upload-label:hover{border-color:#243842;background:#fcfcfc}.file-upload-label svg{width:1.5rem;height:1.5rem}.file-upload-text{color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.5rem;font-weight:500;line-height:normal;letter-spacing:-.024rem}.uploaded-files-list{margin-top:.625rem}.uploaded-file{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;padding:.313rem 0}.checkbox-group{margin-bottom:2.188rem}.checkbox-label{display:flex;align-items:center;gap:.625rem;margin-bottom:1.625rem;cursor:pointer}.checkbox-label:last-child{margin-bottom:0}.checkbox-input{width:1rem;height:1rem;flex-shrink:0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #D1D5DB;border-radius:3px;background:#fff;position:relative;transition:all .2s}.checkbox-input:checked{background:#4caf50;border-color:#4caf50}.checkbox-input:checked:after{content:"";position:absolute;left:4px;top:1px;width:3px;height:7px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-text{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:500;line-height:normal;letter-spacing:-.024rem}.form-actions{display:flex;flex-direction:column;gap:.938rem}.btn-cancel,.btn-submit{width:100%;height:2.813rem;border-radius:.625rem;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;line-height:normal;letter-spacing:-.024rem;cursor:pointer;transition:all .2s ease}.btn-cancel{border:.031rem solid #EAEAEA;background:#fff;color:#2b2b2b}.btn-cancel:hover{background:#f8fafc;border-color:#2b2b2b}.btn-submit{border:none;background:#243842;color:#fff}.btn-submit:hover{background:#1a2d36}.btn-cancel:active,.btn-submit:active{transform:scale(.98)}@media(min-width:768px){.events-home-container{margin-left:15.625rem}.events-home-content{padding-bottom:1.5rem}.events-header{padding:4rem 2rem 2rem}.events-list{padding:1.5rem 2rem}.registration-content{max-width:48rem;margin:0 auto}.event-poster{height:20rem}.registration-form{max-width:28rem;padding:2.5rem 3rem}.form-title{font-size:1.5rem}.form-subtitle{font-size:1rem}.field-label,.field-input,.field-select,.field-textarea{font-size:.875rem}.checkbox-text{font-size:.75rem}}@media(min-width:1024px){.events-header{padding:4.5rem 2.5rem 2.5rem}.events-title{font-size:1.5rem}.events-search-container{height:2.5rem;max-width:32rem}.events-list{padding:2rem 2.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.event-card{padding:1.25rem 1.5rem}.event-title{font-size:1rem}.detail-text{font-size:.75rem}.registration-content{max-width:56rem}.event-poster{height:24rem}.registration-form{max-width:32rem;padding:3rem 3.5rem}.event-info{padding:2rem 3rem 0}.event-info-title{font-size:1.5rem}.event-meta-item span{font-size:.75rem}.event-description,.objectives-text{font-size:.875rem}}@media(min-width:1440px){.events-list{max-width:75rem;margin-left:auto;margin-right:auto;grid-template-columns:repeat(3,1fr)}.registration-content{max-width:64rem}}@media(min-width:1024px){.events-header{padding:4.5rem 2.5rem 2.5rem}.events-title{font-size:1.5rem}.events-search-container{height:2.5rem;max-width:32rem}.events-list{padding:2rem 2.5rem;max-width:50rem;margin-left:auto;margin-right:auto}.event-card{padding:1.25rem 1.5rem}.event-title{font-size:1rem}.detail-text{font-size:.75rem}.registration-content{max-width:56rem}.event-poster{height:24rem}.registration-form{max-width:32rem;padding:3rem 3.5rem}.event-info{padding:2rem 3rem 0}.event-info-title{font-size:1.5rem}.event-meta-item span{font-size:.75rem}.event-description,.objectives-text{font-size:.875rem}}@media(min-width:1440px){.events-list{max-width:75rem;margin-left:auto;margin-right:auto;grid-template-columns:repeat(3,1fr)!important}.registration-content{max-width:64rem}}.toast-notification{position:fixed;top:2rem;right:2rem;min-width:20rem;max-width:28rem;background:#fff;border-radius:.75rem;box-shadow:0 .625rem 1.875rem #00000026;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:10000;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.toast-notification.success{border-left:4px solid #16A34A}.toast-notification.error{border-left:4px solid #DC2626}.toast-content{display:flex;align-items:center;gap:.75rem;flex:1}.toast-notification.success .toast-content svg{color:#16a34a;flex-shrink:0}.toast-notification.error .toast-content svg{color:#dc2626;flex-shrink:0}.toast-content span{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;padding:.25rem;color:#737373;transition:color .2s ease;flex-shrink:0}.toast-close:hover{color:#2b2b2b}@media(max-width:768px){.toast-notification{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}}.expenses-section{margin:1.5rem 0;padding:1rem;background:#f9fafb;border-radius:.75rem;border:1px solid #E5E7EB}.section-title{font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.125rem;font-weight:600;color:#253745;margin:0 0 .5rem}.section-subtitle{font-size:.75rem;color:#6b7280;margin:0 0 1rem;line-height:1.4}.added-expenses-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.added-expense-card{background:#fff;border:1px solid #E5E7EB;border-radius:.5rem;padding:.875rem}.expense-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.expense-types{font-size:.75rem;color:#374151;flex:1;line-height:1.4}.expense-types strong{color:#253745;font-weight:600}.btn-remove-expense{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s;flex-shrink:0}.btn-remove-expense:hover{opacity:.7}.expense-card-details{display:flex;flex-direction:column;gap:.375rem}.expense-card-details p{margin:0;font-size:.75rem;color:#4b5563;line-height:1.4}.expense-card-details strong{color:#374151;font-weight:600}.expense-form{background:#fff;padding:1rem;border-radius:.5rem;border:1px solid #E5E7EB}.expense-types-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.expense-type-checkbox{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f9fafb;border:2px solid #E5E7EB;border-radius:.5rem;cursor:pointer;transition:all .2s}.expense-type-checkbox:has(input:checked){background:#eef2ff;border-color:#4caf50}.expense-type-checkbox input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #E5E7EB;border-radius:3px;background:#fff;position:relative;transition:all .2s;flex-shrink:0}.expense-type-checkbox input[type=checkbox]:checked{background:#4caf50;border-color:#4caf50}.expense-type-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:3px;height:7px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.expense-checkbox-label{font-size:.75rem;color:#374151;font-weight:500;-webkit-user-select:none;user-select:none;line-height:1.2}.field-hint{display:block;font-size:.625rem;color:#10b981;font-weight:400;margin-top:.25rem;line-height:1.3}.expense-receipts-upload{border-color:#c9e7cb;background:#f0fdf4}.expense-receipts-upload .file-upload-label{color:#059669}.uploaded-files-list .remove-file-btn{background:none;border:none;color:#dc2626;font-size:1.25rem;cursor:pointer;padding:0 .25rem;line-height:1;transition:opacity .2s;flex-shrink:0}.uploaded-files-list .remove-file-btn:hover{opacity:.7}.uploaded-files-list .uploaded-file{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;gap:.5rem}.uploaded-files-list .uploaded-file span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-add-expense{width:100%;background:#253745;color:#fff;border:none;padding:.75rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;transition:background .3s}.btn-add-expense:hover{background:#1e2d39}.btn-remove-file{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;line-height:1;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.btn-remove-file:hover{opacity:.7}.spinner-register{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.expenses-home-container{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column}.expenses-home-content{flex:1;padding-bottom:6.5rem;overflow-y:auto}.expenses-header{background:linear-gradient(180deg,#243842,#394b54);padding:3.5625rem 1.5625rem 1.5625rem}.expenses-header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.expenses-title-group{flex:1}.expenses-title{color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;line-height:normal;letter-spacing:-.0236875rem;margin:0 0 .3125rem}.expenses-subtitle{color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;margin:0}.add-expense-btn{background:#f5f5f5;border-radius:.3125rem;border:none;padding:.5rem 1rem;display:flex;align-items:center;gap:.375rem;cursor:pointer;transition:all .2s ease}.add-expense-btn:hover{background:#e5e5e5}.add-expense-btn span{color:#283c46;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;letter-spacing:-.0236875rem}.expenses-filters{display:flex;gap:.5625rem;flex-wrap:wrap}.filter-btn{background:transparent;border-radius:.3125rem;border:none;padding:.375rem .875rem;color:#bec4c7;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;letter-spacing:-.0236875rem;cursor:pointer;transition:all .2s ease}.filter-btn.active{background:#f5f5f5;color:#283c46}.filter-btn:hover{color:#283c46}.expenses-summary-card{margin:1.125rem 1.5625rem;background:#eff1f1;border-radius:.5rem;border:.03125rem solid #E8E8E8;padding:1rem}.summary-header{color:#777373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:600;line-height:normal;letter-spacing:-.0236875rem;margin-bottom:1rem}.summary-stats{display:flex;justify-content:space-between;gap:1rem}.summary-stat{display:flex;flex-direction:column;gap:.375rem}.stat-amount{font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:700;line-height:normal;letter-spacing:-.0236875rem}.stat-amount.approved{color:#16a249}.stat-amount.pending{color:#fbbd23}.stat-amount.declined{color:#ef4343}.stat-label{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem}.expenses-list{padding:0 1.5625rem;display:flex;flex-direction:column;gap:.875rem}.expense-item{background:#fff;border-radius:.5rem;border:.03125rem solid #E8E8E8;padding:.9375rem;display:flex;align-items:center;gap:.9375rem}.expense-icon{width:3.125rem;height:3.125rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.expense-details{flex:1;min-width:0}.expense-name{color:#2c2c2c;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;margin:0 0 .25rem}.expense-event{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:400;line-height:normal;margin:0 0 .5rem}.expense-date{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:400;line-height:normal;margin:0}.expense-right{display:flex;flex-direction:column;align-items:flex-end;gap:.375rem;flex-shrink:0}.expense-amount{color:#2c2c2c;text-align:right;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:700;line-height:normal}.expense-status-badge{border-radius:.3125rem;border:.03125rem solid;background:#fff;padding:.375rem .5625rem .375rem .5rem;display:flex;align-items:center;gap:.3125rem}.expense-status-badge.approved{border-color:#2ecc70}.expense-status-badge.pending{border-color:#fbbd23}.expense-status-badge.declined{border-color:#ef4343}.expense-status-badge span{text-align:center;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.5rem;font-weight:600;line-height:normal;text-transform:capitalize}.expense-status-badge.approved span{color:#2ecc70}.expense-status-badge.pending span{color:#fbbd23}.expense-status-badge.declined span{color:#ef4343}.no-expenses{text-align:center;padding:3rem 1rem;color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;width:100%;max-width:31.25rem;max-height:90vh;overflow-y:auto}.modal-header{padding:1.25rem 1.5rem;border-bottom:.0625rem solid #E8E8E8;display:flex;justify-content:space-between;align-items:center}.modal-header h2{color:#2c2c2c;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.close-btn:hover{opacity:.7}.expense-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;color:#2c2c2c;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:.0625rem solid #E8E8E8;border-radius:.5rem;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;color:#2c2c2c;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#283c46}.form-group input[type=file]{padding:.5rem}.file-selected{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;margin-top:.375rem}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.submit-btn,.cancel-btn{flex:1;padding:.875rem 1.5rem;border-radius:.5rem;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.submit-btn{background:#283c46;color:#fff}.submit-btn:hover{background:#1f2f38}.cancel-btn{background:#f5f5f5;color:#2c2c2c}.cancel-btn:hover{background:#e5e5e5}@media(min-width:768px){.expenses-home-container{margin-left:15.625rem}.expenses-home-content{padding-bottom:1.5rem}.expenses-header{padding:4rem 2rem 2rem}.expenses-summary-card{margin:1.5rem 2rem;padding:1.5rem}.expenses-list{padding:0 2rem;gap:1rem}.expense-item{padding:1.25rem}}@media(min-width:1024px){.expenses-header{padding:4.5rem 2.5rem 2.5rem}.expenses-title{font-size:1.5rem}.expenses-subtitle{font-size:1rem}.expenses-summary-card{margin:2rem 2.5rem;padding:1.75rem}.summary-stats{gap:2rem}.stat-amount{font-size:1.5rem}.expenses-list{padding:0 2.5rem;gap:1.25rem}.expense-item{padding:1.5rem}.expense-icon{width:3.75rem;height:3.75rem}.expense-name{font-size:1rem}.expense-event,.expense-date{font-size:.75rem}.expense-amount{font-size:1rem}}@media(min-width:1440px){.expenses-summary-card,.expenses-list{max-width:75rem;margin-left:auto;margin-right:auto}}.qrcode-container{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column}.qrcode-content{flex:1;padding-bottom:6.5rem;overflow-y:auto}.qrcode-header{background:linear-gradient(180deg,#243842,#394b54);padding:3.5625rem 1.5625rem 1.25rem}.qrcode-title{color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;line-height:normal;letter-spacing:-.0236875rem;margin:0 0 .625rem}.qrcode-subtitle{color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;margin:0}.qrcode-card-section{padding:0 1.5625rem;margin-top:-2.5rem;position:relative;z-index:2}.qrcode-card{background:#fff;border-radius:.5rem;border:.03125rem solid #E8E8E8;padding:1.625rem 2.4375rem;box-shadow:0 .125rem .5rem #0000000d}.qrcode-card-header{text-align:center;margin-bottom:2rem}.qrcode-card-title{color:#2b2b2b;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;line-height:normal;letter-spacing:-.0236875rem;margin:0 0 .5rem}.qrcode-card-subtitle{color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;margin:0}.qrcode-display{display:flex;flex-direction:column;align-items:center;gap:1rem}.qrcode-image{width:9.375rem;height:9.375rem;display:flex;align-items:center;justify-content:center;background:#fff;border:.0625rem solid #E8E8E8;border-radius:.25rem;padding:.5rem}.qrcode-image svg{width:100%;height:100%}.qrcode-id{color:#000;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:600;line-height:normal;letter-spacing:-.0236875rem}.qrcode-download-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;max-width:16.3125rem;padding:.625rem 1rem;background:#243842;border-radius:.625rem;border:none;cursor:pointer;transition:all .2s ease;margin-top:1rem}.qrcode-download-btn:hover{background:#2f4a55;transform:translateY(-.0625rem);box-shadow:0 .25rem .5rem #24384233}.qrcode-download-btn:active{transform:translateY(0)}.qrcode-download-btn span{color:#fff;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;letter-spacing:-.0236875rem}.qrcode-info-section{padding:1.5625rem}.qrcode-info-card{background:#fff;border-radius:.5rem;border:.03125rem solid #E8E8E8;padding:1.1875rem 2.1875rem}.qrcode-info-text{color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;margin:0}.qrnav-items{display:flex;justify-content:space-around;align-items:center;padding:0 1rem}.qrnav-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;padding:0;min-width:3.125rem;transition:all .2s ease}.qrnav-item span{color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;transition:all .2s ease}.qrnav-item.active span{color:#283c46;font-weight:700}.qrnav-item:hover{transform:scale(1.05)}@media(min-width:768px){.qrcode-container{flex-direction:row}.mobile-nav{position:fixed;inset:0 auto 0 0;width:15.625rem;border-top:none;border-right:.125rem solid #EBEBEB;padding:2rem 0}.nav-home-indicator{display:none}.qrnav-items{flex-direction:column;gap:.5rem;padding:0 1rem}.qrnav-item{flex-direction:row;width:100%;justify-content:flex-start;padding:.75rem 1rem;gap:.75rem;border-radius:.5rem}.qrnav-item:hover{background:#f8fafc;transform:none}.qrnav-item.active{background:#f8fafc}.qrcode-content{margin-left:15.625rem;padding-bottom:2rem}.qrcode-header{padding:4.5rem 3rem 2rem}.qrcode-card-section{max-width:50rem;margin:-2.5rem auto 0;padding:0 3rem}.qrcode-card{padding:2rem 3rem}.qrcode-info-section{max-width:50rem;margin:0 auto;padding:2rem 3rem}}@media(min-width:1024px){.qrcode-header{padding:5.5rem 4rem 2.5rem}.qrcode-card-section{max-width:60rem;padding:0 4rem}.qrcode-card{padding:2.5rem 4rem}.qrcode-card-header{margin-bottom:2.5rem}.qrcode-image{width:12rem;height:12rem}.qrcode-download-btn{max-width:18rem;padding:.75rem 1.25rem}.qrcode-info-section{max-width:60rem;padding:2rem 4rem}.qrcode-info-card{padding:1.5rem 3rem}}@media(min-width:1440px){.qrcode-card-section,.qrcode-info-section{max-width:70rem}.qrcode-image{width:15rem;height:15rem}}.profile-container{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column}.profile-content{flex:1;padding-bottom:6.5rem;overflow-y:auto}.profile-header{background:linear-gradient(180deg,#243842,#394b54);padding:3.5625rem 1.5625rem 1.25rem}.profile-header-title{color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;line-height:normal;letter-spacing:-.0236875rem;margin:0 0 .3125rem}.profile-header-subtitle{color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;margin:0}.profile-card{margin:-1.125rem 1.5625rem 1.5625rem;background:#fff;border-radius:.5rem;border:.03125rem solid #E8E8E8;padding:2.125rem 2.4375rem;text-align:center;position:relative;z-index:1}.profile-avatar{display:flex;justify-content:center;margin-bottom:.9375rem}.profile-name{color:#2b2b2b;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;line-height:normal;letter-spacing:-.0236875rem;margin:0 0 .3125rem}.profile-email{color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;margin:0}.info-section{margin:0 1.5625rem .9375rem;background:#fff;border-radius:.5rem;border:.03125rem solid #E8E8E8;padding:1.3125rem 1.875rem}.section-header{margin-bottom:1.1875rem}.section-title{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:600;line-height:normal;letter-spacing:-.0236875rem;margin:0 0 .375rem}.section-subtitle{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;margin:0}.form-group{margin-bottom:1.1875rem}.form-label{display:block;color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;letter-spacing:-.0236875rem;margin-bottom:.5625rem}.select-wrapper{position:relative}.form-select{width:100%;height:2.5875rem;border-radius:.3125rem;border:.0625rem solid #EAEAEA;background:#fcfcfc;padding:0 2.5rem 0 .875rem;color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;box-sizing:border-box;appearance:none;cursor:pointer;transition:border-color .2s ease}.form-select:focus{outline:none;border-color:#243842}.select-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);pointer-events:none}.save-button{width:100%;height:2.1875rem;border-radius:.625rem;background:#243842;border:none;color:#fff;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;letter-spacing:-.0236875rem;cursor:pointer;transition:all .2s ease}.save-button:hover{background:#394b54;transform:translateY(-.0625rem)}.save-button:active{transform:translateY(0)}.documents-section{margin:0 1.5625rem .9375rem;background:#fff;border-radius:.5rem;border:.03125rem solid #E8E8E8;padding:1.3125rem 1.875rem}.document-card{display:flex;align-items:center;gap:.9375rem;padding:1.4375rem 1.0625rem;border-radius:.5rem;border:.03125rem solid #E8E8E8;background:#fff;margin-bottom:.9375rem}.document-card:last-child{margin-bottom:0}.document-icon{flex-shrink:0}.document-info{flex:1;min-width:0}.document-title{color:#2c2c2c;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;margin:0 0 .125rem}.document-filename{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:400;line-height:normal;margin:0}.document-button{flex-shrink:0;height:1.5625rem;padding:0 .8125rem;border-radius:.3125rem;border:.03125rem solid #E8E8E8;background:#fff;color:#2b2b2b;text-align:center;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:.5rem;font-weight:600;line-height:normal;cursor:pointer;transition:all .2s ease}.document-button:hover{background:#f8fafc;border-color:#243842}.notifications-section{margin:0 1.5625rem .9375rem;background:#fff;border-radius:.5rem;border:.03125rem solid #E8E8E8;padding:1.3125rem 1.875rem}.notifications-header{display:flex;align-items:center;gap:.5625rem;margin-bottom:.625rem}.notification-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4375rem 1rem;border-bottom:.03125rem solid #E8E8E8;background:#fff}.notification-item.last{border-bottom:none}.notification-info{flex:1;min-width:0}.notification-title{color:#2c2c2c;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;margin:0 0 .125rem}.notification-description{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.625rem;font-weight:400;line-height:normal;margin:0}.privacy-section{margin:0 1.5625rem .9375rem;background:#fff;border-radius:.5rem;border:.03125rem solid #E8E8E8;padding:.8125rem 1.875rem;display:flex;align-items:center;gap:.5625rem;cursor:pointer;transition:all .2s ease}.privacy-section:hover{background:#f8fafc}.privacy-title{flex:1;color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:600;line-height:normal;letter-spacing:-.0236875rem;margin:0}.privacy-arrow{flex-shrink:0}.logout-button{margin:0 1.5625rem 1.5625rem;width:calc(100% - 3.125rem);height:2.8125rem;border-radius:.625rem;background:#243842;border:none;color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:500;line-height:normal;letter-spacing:-.0236875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.625rem;transition:all .2s ease}.logout-button:hover{background:#394b54;transform:translateY(-.0625rem)}.logout-button:active{transform:translateY(0)}.profilenav-items{display:flex;justify-content:space-around;align-items:center;padding:0 1rem}.profilenav-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;padding:0;min-width:3.125rem;transition:all .2s ease}.profilenav-item span{color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;transition:all .2s ease}.profilenav-item.active span{color:#283c46;font-weight:700}.profilenav-item:hover{transform:scale(1.05)}@media(min-width:768px){.profile-container{flex-direction:row}.mobile-nav{position:fixed;inset:0 auto 0 0;width:15.625rem;border-top:none;border-right:.125rem solid #EBEBEB;padding:2rem 0}.nav-home-indicator{display:none}.profilenav-items{flex-direction:column;gap:.5rem;padding:0 1rem}.profilenav-item{flex-direction:row;width:100%;justify-content:flex-start;padding:.75rem 1rem;gap:.75rem;border-radius:.5rem}.profilenav-item:hover{background:#f8fafc;transform:none}.profilenav-item.active{background:#f8fafc}.profile-content{margin-left:15.625rem;padding-bottom:2rem}.profile-header{padding:3rem 2rem 1.5rem}.profile-card{max-width:50rem;margin-left:auto;margin-right:auto}.info-section,.documents-section,.notifications-section,.privacy-section{max-width:50rem;margin-left:auto;margin-right:auto;margin-bottom:1.5rem}.logout-button{max-width:50rem;margin-left:auto;margin-right:auto}}@media(min-width:1024px){.profile-content{padding-bottom:3rem}.profile-header{padding:4rem 3rem 2rem}.profile-card{margin-left:auto;margin-right:auto;padding:2.5rem 3rem}.info-section,.documents-section,.notifications-section{padding:2rem 2.5rem}.privacy-section{padding:1.25rem 2.5rem}.form-group{margin-bottom:1.5rem}}@media(min-width:1440px){.profile-card,.info-section,.documents-section,.notifications-section,.privacy-section,.logout-button{max-width:60rem}}.privacy-security-container{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column}.privacy-security-content{flex:1;padding-bottom:6.5rem;overflow-y:auto}.privacy-security-header{background:linear-gradient(180deg,#243842,#394b54);padding:3.5625rem 1.5625rem 1.875rem;display:flex;align-items:flex-start;gap:.9375rem}.back-button{background:none;border:none;cursor:pointer;padding:0;margin-top:.1875rem;flex-shrink:0;transition:transform .2s ease}.back-button:hover{transform:translate(-.125rem)}.header-text{flex:1}.privacy-security-header-title{color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;line-height:normal;letter-spacing:-.0236875rem;margin:0 0 .3125rem}.privacy-security-header-subtitle{color:#fff;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;margin:0}.security-section{margin:1.5625rem 1.5625rem .9375rem;background:#fff;border-radius:.5rem;border:.03125rem solid #E8E8E8;padding:1.3125rem 1.875rem}.section-header{display:flex;align-items:center;gap:.5625rem;margin-bottom:1.25rem}.section-title{color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:1rem;font-weight:600;line-height:normal;letter-spacing:-.0236875rem;margin:0}.form-group{margin-bottom:1rem}.form-label{display:block;color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;letter-spacing:-.0236875rem;margin-bottom:.5rem}.form-input{width:100%;height:2.1875rem;border-radius:.3125rem;border:.0625rem solid #EAEAEA;background:#fcfcfc;padding:0 .875rem;color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;box-sizing:border-box;transition:border-color .2s ease}.form-input::placeholder{color:#aaa}.form-input:focus{outline:none;border-color:#243842}.change-password-button{width:100%;height:2.1875rem;border-radius:.625rem;background:#243842;border:none;color:#fff;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;letter-spacing:-.0236875rem;cursor:pointer;transition:all .2s ease;margin-top:.625rem}.change-password-button:hover{background:#394b54;transform:translateY(-.0625rem)}.change-password-button:active{transform:translateY(0)}.settings-section{margin:0 1.5625rem .9375rem;background:#fff;border-radius:.5rem;border:.03125rem solid #E8E8E8;padding:1.3125rem 1.875rem .625rem}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem .625rem;border-bottom:.03125rem solid #E8E8E8}.setting-item.last{border-bottom:none}.setting-info{flex:1;min-width:0}.setting-title{color:#2c2c2c;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:500;line-height:normal;margin:0 0 .25rem}.setting-description{color:#737373;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:400;line-height:normal;margin:0}.toggle-switch{position:relative;width:2.75rem;height:1.25rem;border:none;background:transparent;cursor:pointer;padding:0;flex-shrink:0}.toggle-background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.25rem;border:.0625rem solid #CCCCCC;background:#e8e8e8;transition:all .3s ease}.toggle-switch.active .toggle-background{border-color:#253745;background:#253745}.toggle-circle{position:absolute;top:.125rem;left:.1875rem;width:1rem;height:1.0625rem;border-radius:50%;background:#fff;transition:all .3s ease;z-index:1}.toggle-switch.active .toggle-circle{transform:translate(1.5625rem)}.select-wrapper-small{position:relative;flex-shrink:0}.privacy-select{height:1.875rem;border-radius:.3125rem;border:.0625rem solid #EAEAEA;background:#fcfcfc;padding:0 1.875rem 0 .625rem;color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.75rem;font-weight:500;line-height:normal;appearance:none;cursor:pointer;transition:border-color .2s ease}.privacy-select:focus{outline:none;border-color:#243842}.select-icon-small{position:absolute;right:.375rem;top:50%;transform:translateY(-50%);pointer-events:none;width:.875rem;height:.875rem}.action-section{margin:0 1.5625rem .9375rem;background:#fff;border-radius:.5rem;border:.03125rem solid #E8E8E8;padding:.9375rem 1.875rem;display:flex;align-items:center;gap:.5625rem;cursor:pointer;transition:all .2s ease}.action-section:hover{background:#f8fafc}.action-title{flex:1;color:#2b2b2b;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.9375rem;font-weight:600;line-height:normal;letter-spacing:-.0236875rem;margin:0}.action-arrow{flex-shrink:0}.delete-account-button{margin:0 1.5625rem 1.5625rem;width:calc(100% - 3.125rem);height:2.8125rem;border-radius:.625rem;background:#fff;border:.0625rem solid #DC2626;color:#dc2626;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.9375rem;font-weight:500;line-height:normal;letter-spacing:-.0236875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.delete-account-button:hover{background:#fef2f2;transform:translateY(-.0625rem)}.delete-account-button:active{transform:translateY(0)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:.125rem solid #EBEBEB;padding:1.375rem 0;z-index:100}.nav-home-indicator{width:8.375rem;height:.3125rem;background:#000;border-radius:.15625rem;margin:0 auto 1.25rem}.privacynav-items{display:flex;justify-content:space-around;align-items:center;padding:0 1rem}.privacynav-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;padding:0;min-width:3.125rem;transition:all .2s ease}.privacynav-item span{color:#737373;text-align:center;font-family:Inter,-apple-system,Roboto,Helvetica,sans-serif;font-size:.875rem;font-weight:400;line-height:normal;letter-spacing:-.0236875rem;transition:all .2s ease}.privacynav-item.active span{color:#283c46;font-weight:700}.privacynav-item:hover{transform:scale(1.05)}@media(min-width:768px){.privacy-security-container{flex-direction:row}.mobile-nav{position:fixed;inset:0 auto 0 0;width:15.625rem;border-top:none;border-right:.125rem solid #EBEBEB;padding:2rem 0}.nav-home-indicator{display:none}.privacynav-items{flex-direction:column;gap:.5rem;padding:0 1rem}.privacynav-item{flex-direction:row;width:100%;justify-content:flex-start;padding:.75rem 1rem;gap:.75rem;border-radius:.5rem}.privacynav-item:hover{background:#f8fafc;transform:none}.privacynav-item.active{background:#f8fafc}.privacy-security-content{margin-left:15.625rem;padding-bottom:2rem}.privacy-security-header{padding:3rem 2rem 2rem}.security-section,.settings-section,.action-section{max-width:50rem;margin-left:auto;margin-right:auto;margin-bottom:1.5rem}.delete-account-button{max-width:50rem;margin-left:auto;margin-right:auto}}@media(min-width:1024px){.privacy-security-content{padding-bottom:3rem}.privacy-security-header{padding:4rem 3rem 2.5rem}.security-section,.settings-section{padding:2rem 2.5rem}.action-section{padding:1.25rem 2.5rem}.form-group{margin-bottom:1.25rem}}@media(min-width:1440px){.security-section,.settings-section,.action-section,.delete-account-button{max-width:60rem}}.public-register-container{min-height:100vh;background:#f5f8f7;padding:40px 20px;-webkit-overflow-scrolling:touch;overflow-y:auto}.public-register-content{max-width:900px;margin:0 auto}.loading-spinner,.error-message{text-align:center;padding:60px 20px;font-size:18px;color:#374151}.event-poster-public{width:100%;max-width:100%;max-height:400px;height:auto;object-fit:cover;border-radius:12px;margin-bottom:30px;display:block}.event-info-section{background:#fff;padding:30px;border-radius:12px;margin-bottom:30px;border:1px solid #E1E7EF}.event-title-public{font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:32px;font-weight:600;color:#0b0324;margin:0 0 20px}.event-meta-public{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.event-meta-item-public{display:flex;align-items:center;gap:10px;color:#4b5563;font-size:16px}.objectives-section-public,.description-section-public{margin-top:24px}.objectives-title-public,.description-title-public{font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:20px;font-weight:600;color:#374151;margin:0 0 12px}.objectives-text-public,.description-text-public{font-size:16px;color:#4b5563;line-height:1.6;margin:0}.public-registration-form{background:#fff;padding:40px;border-radius:12px;border:1px solid #E1E7EF}.form-header-public{margin-bottom:32px}.form-title-public{font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:24px;font-weight:600;color:#0b0324;margin:0 0 8px}.form-subtitle-public{font-size:16px;color:#65758b;margin:0}.form-row-public{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;position:relative;overflow:visible;z-index:1}.form-field-public{display:flex;flex-direction:column;position:relative;z-index:auto;overflow:visible}.form-field-public.full-width{grid-column:1 / -1;margin-bottom:20px}.field-label-public{font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.field-input-public,.field-select-public,.field-textarea-public{padding:12px 16px;border:1px solid #E1E7EF;border-radius:8px;font-size:14px;color:#0b0324;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;transition:border-color .3s;width:100%;box-sizing:border-box;background:#fff;position:relative}.field-select-public{cursor:pointer;appearance:auto;-webkit-appearance:menulist;-moz-appearance:menulist;direction:ltr}.field-input-public:focus,.field-select-public:focus,.field-textarea-public:focus{outline:none;border-color:#4caf50}.field-select-public:focus{z-index:10}.field-textarea-public{resize:vertical;min-height:100px}.file-upload-area-public{border:2px dashed #C9E7CB;border-radius:10px;padding:30px;text-align:center;background:#f9fafb}.file-input-public{display:none}.file-upload-label-public{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px}.file-upload-text-public{font-size:15px;color:#4b5563;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif}.uploaded-files-list-public{margin-top:16px;display:flex;flex-direction:column;gap:8px}.uploaded-file-public{background:#e8f9ef;padding:8px 12px;border-radius:6px;font-size:14px;color:#16a34a;text-align:left}.checkbox-group-public{display:flex;flex-direction:column;gap:16px;margin:24px 0}.checkbox-label-public{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:16px;color:#374151;padding:4px 0;min-height:44px}.checkbox-input-public{width:20px;height:20px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #D1D5DB;border-radius:4px;background:#fff;position:relative;transition:all .2s;flex-shrink:0}.checkbox-input-public:checked{background:#4caf50;border-color:#4caf50}.checkbox-input-public:checked:after{content:"";position:absolute;left:6px;top:2px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-text-public{-webkit-user-select:none;user-select:none}.form-actions-public{margin-top:32px;display:flex;justify-content:flex-end}.btn-submit-public{background:#4caf50;color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .3s;min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-submit-public:hover:not(:disabled){background:#45a049}.btn-submit-public:disabled{opacity:.6;cursor:not-allowed}.spinner-public{width:16px;height:16px;border:2px solid #FFF;border-top-color:transparent;border-radius:50%;animation:spin-public .8s linear infinite}@keyframes spin-public{to{transform:rotate(360deg)}}.toast-notification-public{position:fixed;bottom:32px;right:32px;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;z-index:1000;min-width:300px}.toast-notification-public.success{border-left:4px solid #16A34A}.toast-notification-public.error{border-left:4px solid #DC2626}.toast-content-public{display:flex;align-items:center;gap:12px;flex:1}.toast-notification-public.success svg{color:#16a34a}.toast-notification-public.error svg{color:#dc2626}.toast-content-public span{font-size:15px;color:#374151}.toast-close-public{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s}.toast-close-public:hover{color:#374151}.expenses-section-public{margin:32px 0;padding:24px;background:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.section-title-public{font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;font-size:20px;font-weight:600;color:#253745;margin:0 0 8px}.section-subtitle-public{font-size:14px;color:#6b7280;margin:0 0 20px}.added-expenses-list-public{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.added-expense-card-public{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:16px}.expense-card-header-public{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.expense-types-public{font-size:14px;color:#374151;flex:1}.expense-types-public strong{color:#253745}.btn-remove-expense-public{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.btn-remove-expense-public:hover{opacity:.7}.expense-card-details-public{display:flex;flex-direction:column;gap:6px}.expense-card-details-public p{margin:0;font-size:14px;color:#4b5563}.expense-card-details-public strong{color:#374151;font-weight:500}.expense-form-public{background:#fff;padding:20px;border-radius:8px;border:1px solid #E5E7EB}.expense-types-grid-public{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.expense-type-checkbox{display:flex;align-items:center;gap:8px;padding:12px;background:#f9fafb;border:2px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s;min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.expense-type-checkbox:has(input:checked){background:#e8f9ef;border-color:#4caf50}.expense-type-checkbox input[type=radio]{width:18px;height:18px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #E5E7EB;border-radius:50%;background:#fff;position:relative;transition:all .2s;flex-shrink:0}.expense-type-checkbox input[type=radio]:checked{background:#fff;border-color:#4caf50;border-width:2px}.expense-type-checkbox input[type=radio]:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#4caf50;border-radius:50%}.expense-checkbox-label{font-size:14px;color:#374151;font-weight:500;-webkit-user-select:none;user-select:none}.field-hint-public{display:block;font-size:12px;color:#10b981;font-weight:400;margin-top:4px}.expense-receipts-upload-public{border-color:#c9e7cb;background:#f0fdf4}.expense-receipts-upload-public .file-upload-label-public{color:#059669}.uploaded-files-list-public .remove-file-btn-public{background:none;border:none;color:#dc2626;font-size:20px;cursor:pointer;padding:0 4px;line-height:1;transition:opacity .2s}.uploaded-files-list-public .remove-file-btn-public:hover{opacity:.7}.uploaded-files-list-public .uploaded-file-public{display:flex;justify-content:space-between;align-items:center;padding:10px 12px}.btn-add-expense-public{width:100%;background:#253745;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;font-family:Poppins,-apple-system,Roboto,Helvetica,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;transition:background .3s}.btn-add-expense-public:hover{background:#1e2d39}.btn-remove-file-public{background:none;border:none;color:#dc2626;cursor:pointer;padding:4px;line-height:1;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.btn-remove-file-public:hover{opacity:.7}@media(max-width:1024px){.public-register-container{padding:30px 20px}.public-register-content{max-width:100%}.event-poster-public{max-height:350px}.form-row-public{grid-template-columns:1fr 1fr;gap:16px}}@media(max-width:768px){.public-register-container{padding:16px 12px}.public-registration-form{padding:20px 16px;border-radius:10px}.event-info-section{padding:16px;border-radius:10px}.event-title-public{font-size:22px;line-height:1.3}.event-meta-public{gap:10px}.event-meta-item-public{font-size:14px}.objectives-title-public,.description-title-public{font-size:18px}.objectives-text-public,.description-text-public{font-size:14px}.form-header-public{margin-bottom:24px}.form-title-public{font-size:20px}.form-subtitle-public{font-size:14px}.form-row-public{grid-template-columns:1fr;gap:0;margin-bottom:0}.form-field-public{margin-bottom:16px}.field-label-public{font-size:13px;margin-bottom:6px}.field-input-public,.field-select-public,.field-textarea-public{padding:12px 14px;font-size:14px!important;min-height:44px}.field-textarea-public{min-height:120px}.toast-notification-public{bottom:16px;right:12px;left:12px;min-width:auto;padding:12px 16px}.toast-content-public span{font-size:14px}.expense-types-grid-public{grid-template-columns:1fr;gap:10px}.expense-type-checkbox{padding:14px 12px}.expenses-section-public{padding:16px;margin:24px 0}.section-title-public{font-size:18px}.section-subtitle-public{font-size:13px}.expense-form-public{padding:14px}.added-expense-card-public{padding:12px}.expense-card-details-public p{font-size:13px}.btn-add-expense-public{padding:14px 20px;font-size:14px;min-height:44px}.file-upload-area-public{padding:20px 16px}.file-upload-text-public{font-size:13px}.checkbox-group-public{gap:14px;margin:20px 0}.checkbox-label-public{font-size:14px;gap:10px;padding:4px 0}.checkbox-input-public{width:22px;height:22px}.checkbox-input-public:checked:after{left:7px;top:3px;width:5px;height:10px}.btn-submit-public{padding:16px 24px;font-size:16px;width:100%;min-height:50px}.event-poster-public{max-height:250px;border-radius:10px;margin-bottom:20px}}@media(max-width:480px){.public-register-container{padding:12px 8px}.public-registration-form{padding:16px 12px}.event-info-section{padding:12px}.event-title-public{font-size:20px}.form-title-public{font-size:18px}.form-subtitle-public{font-size:13px}.field-label-public{font-size:12px}.field-input-public,.field-select-public{font-size:16px;padding:10px 12px}.expense-types-grid-public{grid-template-columns:1fr}.expense-type-checkbox{padding:12px 10px}.expense-checkbox-label{font-size:13px}.expenses-section-public,.expense-form-public{padding:12px}.section-title-public{font-size:16px}.section-subtitle-public{font-size:12px}.btn-submit-public{padding:14px 20px;font-size:15px}.toast-notification-public{bottom:12px;right:8px;left:8px}}.session-expired-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.session-expired-modal{background:#fff;border-radius:16px;padding:48px 40px;max-width:440px;width:90%;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;align-items:center;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.session-expired-icon{margin-bottom:24px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.session-expired-content{margin-bottom:32px}.session-expired-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 12px;letter-spacing:-.5px}.session-expired-message{font-size:16px;line-height:1.6;color:#666;margin:0;max-width:320px}.session-expired-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.session-expired-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.session-expired-button:active{transform:translateY(0)}@media(max-width:480px){.session-expired-modal{padding:36px 24px}.session-expired-title{font-size:24px}.session-expired-message{font-size:14px}.session-expired-button{padding:12px 24px;font-size:14px}}.app-layout{display:flex;min-height:100vh;background:#f9fafb}.app-main{flex:1;margin-left:250px;display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1;overflow-y:auto}@media(max-width:768px){.app-main{margin-left:0}.app-layout{flex-direction:column}}