.dashboard-container{height:100vh}.sidebar{width:200px;background-color:#001f3f;padding:0;min-height:100vh;bottom:0}.main-content{margin-left:200px;padding:0;background-color:#d6eaf9;width:calc(100% - 200px)}.content-wrapper,.main-content{display:flex;flex-direction:column}.content-wrapper{align-items:flex-start;height:100%;padding:50px 20px}.main-title{font-family:Roboto;font-style:normal;margin-top:10px}.tabs-container{display:flex;justify-content:flex-start;margin-top:40px;margin-bottom:20px}.slider-container{background-color:#fff;border-radius:9999px;display:inline-flex;box-shadow:0 2px 4px rgba(0,0,0,.05)}.tab-button{border-radius:9999px;color:#036}.tab-button.active{box-shadow:0 2px 6px rgba(0,0,0,.1)}.card{background-color:#fff;border-radius:12px;padding-top:5px;padding-bottom:18px;box-shadow:0 2px 8px rgba(0,0,0,.05);width:100%;box-sizing:border-box;flex:1 1;display:flex;flex-direction:column;margin-bottom:30px}.card-title{padding-left:24px;color:#144a78}.search-container{position:relative;width:250px;margin-right:30px}.search-input{display:flex;width:261px;height:40px;padding:8px 16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:55px;background:#efefef}.search-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:14px;color:#aaa}.table-container{flex:1 1}.volunteer-table{font-size:14px;color:#144a78}.volunteer-table thead{background-color:#144a78}.sort-icon{font-size:10px;margin-left:30px}.volunteer-table th{color:#fff}.volunteer-table tr:last-child td{border-bottom:none}.type-indicator.blue{background-color:#2196f3}.approve-button,.info-button{border:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;margin:0 auto}.info-button{background-color:#e0e0e0;color:#555}.approve-button{background-color:#4caf50;color:#fff}.info-button:hover{background-color:#d0d0d0}.approve-button:hover{background-color:#3e8e41}.logo-container{padding:20px}.nav-badge{background-color:#e74c3c;border-radius:10px;color:#fff;font-size:12px;font-weight:700;margin-left:auto;padding:2px 8px}.descripton-body{color:#144a78;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.019px}.volunteer-details-container{display:flex;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#ddf0ff}.sidebar{width:205px;min-width:205px;background-color:#1a3976;color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:10}.logo{padding:10px 20px 30px}.logo img{max-width:100%}.navigation{display:flex;flex-direction:column;height:100%}.nav-item{padding:15px 20px;cursor:pointer}.nav-item.active{background-color:hsla(0,0%,100%,.1)}.nav-icon{width:24px;height:24px;margin-right:12px;display:flex;align-items:center;justify-content:center;background-size:contain;background-repeat:no-repeat;background-position:50%}.nav-item span{font-size:14px}.nav-item.profile{margin-top:auto;margin-bottom:20px}.main-content{background-color:#ddf0ff;margin-left:205px;width:calc(100% - 205px);height:100vh;position:relative}.back-button{margin-top:10px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;stroke-width:3px;stroke:#144a78;width:22.725px;height:14.455px;transform:rotate(0deg);flex-shrink:0}.details-content{display:flex;gap:20px;margin-bottom:60px}.details-left{width:70%;background-color:#ddf0ff}.details-right{background-color:#ddf0ff;width:30%}.volunteer-header{padding:20px;display:flex;justify-content:space-between;align-items:center}.volunteer-header h1{font-size:32;font-size:32px;font-style:normal;line-height:40px;letter-spacing:.038px;margin:0}.submitted-date,.volunteer-header h1{font-family:Roboto;font-weight:400;color:#144a78}.submitted-date{font-size:24px;font-style:italic;line-height:32px;letter-spacing:.029px;position:absolute;left:240px;padding-top:5px;width:500px}.activity-details{padding:0 20px}.detail-row{display:flex;padding:15px 0}.detail-col{display:flex;flex-direction:column;padding:10px 0}.detail-label{padding-top:30px}.date-label,.detail-label{font-family:Roboto;font-size:22px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:.026px;color:#144a78}.date-label{width:75px;padding-top:5px}.date-value{width:178px;height:32px;padding:4px 17px;gap:10px;flex-shrink:0;border-radius:8px}.activity-type,.date-value{display:flex;align-items:center}.activity-type{gap:8px;color:#144a78;padding-top:8;margin-top:26px;margin-left:30px}.activity-dot{background-color:#00aec8}.date-input{padding:8px 10px;border:1px solid #ddd;border-radius:4px;width:200px;color:#144a78;background-color:#f4f4f4;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.019px}.time-container{align-items:center}.time-digit{width:30px;height:30px;background-color:#fff;margin:0 3px;font-family:Roboto;padding:0}.time-separator{margin:0 2px;font-weight:700;text-align:center;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.019px}.time-period,.time-separator{color:#144a78;font-family:Roboto}.time-period{padding:5px 10px;background-color:#fff;border-radius:10px;margin-left:5px;font-size:16px;cursor:pointer;width:45px;height:30px}.time-arrow{margin:0 10px}.description-container{display:flex;flex-direction:column;gap:10px;margin-right:30px}.description-instruction{font-size:14px;margin:5px 0;color:#144a78;font-family:Roboto;font-style:italic;font-weight:400;line-height:20px;letter-spacing:.017px}.description-text{padding:15px;background-color:#f9f9f9;border-radius:4px;margin-top:10px}.description-body{font-family:Roboto;font-size:16px;border:none;background:transparent;padding:0;margin:0;border-radius:10px;max-height:100px}.description-body,.question-textarea{width:100%;color:#144a78;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.019px;resize:none}.question-textarea{height:100px;padding:15px;border-radius:4px;font-family:inherit;font-size:14px;box-sizing:border-box;background-color:#fff;margin-top:10px;font-family:Roboto;font-size:16px}.question-label{width:400px;font-weight:500;padding-top:5px;color:#144a78;font-family:Roboto;font-size:22px;font-style:normal;line-height:28px;letter-spacing:.026px}.admin-feedback{background-color:#ddf0ff;height:auto;font-family:Roboto;margin-left:30px;flex-direction:column}.admin-feedback h2{padding-bottom:20px;padding-top:20px;margin:0;border-bottom:1px solid #e8e8e8;color:#144a78;font-size:32px;font-style:normal;font-weight:400;line-height:40px;letter-spacing:.038px}.feedback-content{padding:20px;background-color:#fff}.feedback-textarea{width:100%;border:none;font-family:Roboto;font-size:16px;line-height:1.5;color:#144a78;background:transparent;resize:none;border-radius:10px;max-height:100px}.revoke-button{right:70px;display:flex;width:140px;height:40px;padding:10px 24px;justify-content:center;align-items:center;gap:10px;border-radius:4px;background:#00aec8;color:#fff;font-style:normal;font-weight:500;letter-spacing:.019px}.cancel-button,.revoke-button{position:absolute;margin-top:40px;margin-bottom:20px;border:1px solid #dbe4ea;cursor:pointer;font-family:Roboto;font-size:16px;line-height:20px}.cancel-button{right:250px;background:#f4f4f4;color:#00aec8;letter-spacing:.1px}.edit-button{margin-top:40px;margin-bottom:20px;right:70px;border:1px solid #dbe4ea;background:#f4f4f4;font-size:16px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.019px}.edit-button,.send-back-button{position:absolute;display:flex;width:140px;height:40px;padding:10px 24px;justify-content:center;align-items:center;gap:10px;color:#00aec8}.send-back-button{right:180px;bottom:0;border-radius:4px;border:1px solid #dbe4ea;background:#fbfbfb;cursor:pointer;font-family:Roboto}.approve-button{position:absolute;right:20px;bottom:0;display:flex;width:140px;height:40px;padding:10px 24px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:4px;background:#00aec8}.question-container{display:flex;flex-direction:column;gap:10px;margin-right:30px}.question-instruction{font-size:14px;margin:0;color:#144a78;font-family:Roboto;font-style:italic;font-weight:400;line-height:20px;letter-spacing:.017px}.time-container{gap:24px;margin-left:50px}.time-container,.time-section{display:flex;align-items:flex-start}.time-section{flex-direction:column;gap:8px}.time-label{color:#144a78;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:-.1px}.time-input-group{display:flex;align-items:center;gap:8px}.time-display{gap:2px}.time-digit,.time-display{display:flex;align-items:center}.time-digit{width:48px;height:40px;justify-content:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#144a78;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:500;text-align:center;outline:none;transition:all .2s ease}.time-digit:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.time-digit.highlighted{background-color:#f3f4f6;border-color:#e5e7eb;color:#144a78}.time-separator{margin:0 4px;font-weight:500;color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}.period-selector{display:flex;flex-direction:column;gap:2px;margin-left:4px}.period-button{width:32px;height:19px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.period-button:hover{background-color:#e5e7eb}.period-button.active{border-color:#00aec8;color:#00aec8}.time-arrow{margin:32px 8px 0;display:flex;align-items:center}.time-arrow svg{opacity:.6}.home-icon{background-image:url(/icons/home.svg)}.volunteers-icon{background-image:url(/icons/volunteers.svg)}.announcements-icon{background-image:url(/icons/announcements.svg)}.resources-icon{background-image:url(/icons/resources.svg)}.profile-icon{background-image:url(/icons/profile.svg)}@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");.dashboard-container{display:flex;font-family:Roboto,Arial,sans-serif}.dashboard-container,.main-content{min-height:100vh;background-color:#fff}.main-content{padding:0 0 0 30px}.content-wrapper,.main-content{width:100%;box-sizing:border-box}.content-wrapper{display:grid;grid-template-columns:3fr 1fr;grid-gap:20px;gap:20px;padding:20px}.main-section{width:100%}.title-container{margin-bottom:20px}.add-button,.title-container{display:flex;align-items:center}.add-button{width:36px;height:36px;border-radius:50%;background-color:#00aec8;color:#fff;border:none;font-size:20px;justify-content:center;margin-left:15px;cursor:pointer}.main-title{color:#144a78;font-size:57px;font-weight:400;line-height:64px;letter-spacing:.068px;padding-bottom:30px;padding-top:20px;margin:0 10px 0 0}.tabs-container{margin:20px 0;width:100%}.tab-buttons{display:inline-flex;border:1px solid #144a78;border-radius:20px;overflow:hidden}.tab-button{background-color:transparent;border:none;color:#144a78;cursor:pointer;font-weight:500;padding:8px 24px;transition:background-color .3s ease,color .3s ease}.tab-button.active{background-color:#144a78;color:#fff}.card1{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden;width:100%;margin-bottom:50px}.card-header{display:flex;width:936px;height:68px;justify-content:space-between;align-items:center;background-color:#144a78}.card-title{color:#fff;font-family:Roboto;font-size:22px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:.026px;white-space:nowrap;margin-right:20px}.search-input{padding:8px 15px;margin-top:20px;border:none;border-radius:20px;font-size:14px;width:230px;margin-left:400px;float:right;justify-content:flex-end}.table-container{width:100%;overflow-x:auto}.volunteer-table{width:100%;border-collapse:collapse;color:#1a3864}.volunteer-table thead{background-color:#dbe4ea}.volunteer-table th{border-bottom:1px solid #ddd;color:#144a78;font-weight:500}.volunteer-table td,.volunteer-table th{padding:12px 15px;text-align:left;font-family:Roboto;font-size:16px;font-style:normal;line-height:24px;letter-spacing:.019px}.volunteer-table td{border-bottom:1px solid #eee;font-weight:400}.type-indicator{display:inline-block}.logo-container{padding:15px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid hsla(0,0%,100%,.1)}.nav-item{padding:15px;text-decoration:none;transition:background-color .3s}.nav-item:hover{background-color:hsla(0,0%,100%,.1)}.nav-item.active{background-color:hsla(0,0%,100%,.15);border-left:3px solid #fff}.nav-icon{margin-right:10px;width:20px;text-align:center}.nav-text{font-size:14px}.plan-button{width:80px}.log-hours-button,.plan-button{display:flex;align-items:center;background-color:#00aec8;color:#fff;border:none;border-radius:4px;padding:8px 15px;font-size:14px;cursor:pointer;white-space:nowrap}.log-hours-button{width:120px}.delete-button{background:none;border:none;color:#144a78;cursor:pointer;margin-right:20px;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.019px;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.log-button{background-color:#a2c344}.log-button,.view-button{color:#144a78;border:none;border-radius:4px;padding:6px 16px;font-size:14px;cursor:pointer}.view-button{background-color:#dbe4ea;font-weight:500}.sidebar-section{display:flex;flex-direction:column;gap:20px;margin-top:70px;margin-left:30px}.reminders-card{background-color:#fff;border-radius:8px;padding:20px}.reminders-card h3{color:#144a78;margin-top:0;margin-bottom:15px}.reminders-card ol{color:#144a78;padding-left:20px;margin:0}.reminders-card li{margin-bottom:8px}.pdf-card{background-color:#fff;width:256px;padding:24px;gap:24px;flex-direction:column;border-radius:16px;border-bottom:2px solid rgba(20,74,120,.5);background:#fff}.pdf-card,.pdf-icon{display:flex;justify-content:center;align-items:center}.pdf-icon{border-radius:50%;background-color:#00aec8;color:#fff;font-size:24px;margin-bottom:15px;width:97.038px;height:97.038px;padding:25px 36px;gap:10px}.pdf-button{background:none;border:none;margin-bottom:20px;color:#144a78;text-align:center;font-family:Roboto;font-size:22px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:.026px}:root{--background:#fff;--foreground:#171717}body,html{max-width:100vw;overflow-x:hidden;color-scheme:light;margin:0;padding:0;height:100%;overscroll-behavior:none}body,html{background:var(--Bkgd-white,#fbfbfb)}body{color:var(--foreground);font-family:Roboto,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}main{display:flex;flex-direction:row;height:100vh;width:100vw;align-items:stretch}.main-content{overflow-y:auto}input{height:45px;padding:12px 20px;margin:8px 0;font-size:16px;border:1px solid #ccc;border-radius:8px;cursor:text;width:100%;transition:border-color .2s ease,box-shadow .2s ease}input:focus{outline:none;border-color:#5a81bf;box-shadow:0 0 0 2px rgba(90,129,191,.2)}.welcome-page{display:flex;flex-direction:column;height:100vh;width:100vw;align-items:center;justify-content:center;border-color:red;border-width:10px}.welcome-page button{height:40px;padding:12px 24px;margin:10px;font-size:15px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,background-color .2s ease;background-color:#ea4335}.welcome-page p{font-size:18px;font-weight:700}.nav-bar-sign-out{width:100vw}.nav-bar-sign-out button{position:fixed;top:0;right:0;justify-content:center;align-items:center;height:30px;width:90px;margin:10px;font-size:15px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,background-color .2s ease;background-color:#fb938a;padding-right:0}.announcement-form{gap:2}.announcement-form,.announcement-form-content{display:flex;flex-direction:column;height:100vh;width:100vw;align-items:center;justify-content:center}.announcement-form-content{padding-left:25%;padding-right:25%;gap:3}.announcement-form-description,.announcement-form-title{display:flex;flex-direction:column;align-items:left;justify-content:center;width:100%;margin-left:0;padding-left:0;font-weight:700}.announcement-form-title input{justify-content:center;width:100%;padding-left:3px;background-color:#e7f0ff;cursor:default}.announcement-form-description input{display:flex;cursor:default;flex-direction:column;align-items:left;width:100%;min-height:100px;padding-left:3px;padding-top:3px;justify-content:flex-start;justify-items:start;background-color:#e7f0ff;resize:vertical;overflow:auto}.announcement-form-button{justify-content:center;align-items:center;height:30px;width:90px;margin:10px;font-size:15px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,background-color .2s ease;background-color:#8facdb;padding-right:0}.logo-container{text-decoration:none}.logo{padding:15px;text-align:center;border-radius:4px;color:#333}.nav-links{display:flex;flex-direction:column;gap:10px;color:red}.nav-item{height:48px;padding:4px 16px;align-items:center;align-self:stretch;border-radius:8px}.nav-item,.profile{color:#fff;display:flex;width:194px;gap:8px;font-family:Roboto,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.019px}.profile{flex-direction:column;align-items:stretch;position:absolute;margin-bottom:48px;bottom:0;padding:0}.nav-icon-text{display:flex;align-items:center;gap:10px}.sidebar .nav-item.active,.sidebar .nav-item:hover:not(.profile__item){background-color:#cce5ff;color:#16417b}.sidebar .nav-item__icon{fill:currentColor}.sidebar .profile .nav-item.active,.sidebar .profile .nav-item:hover{background:none;color:#fff}@media (max-width:768px){main{flex-direction:column}.sidebar{height:auto;position:relative;padding:20px}.main-content,.sidebar{width:100%}}body{background-color:#fff;color:#333;font-family:Arial,sans-serif}.resources-container{box-sizing:border-box;padding:20px;margin:15px}.resources-title{font-size:2.25rem;font-weight:800;color:#2d3748}.resources-title,.search-input{margin-left:3%;margin-bottom:1.5rem}.search-input{padding:.75rem;border:1px solid #e2e8f0;border-radius:.5rem;width:50%;box-shadow:0 1px 2px rgba(0,0,0,.1);background-color:#fff;color:#333}.search-input:focus{outline:none;border-color:#3182ce}.options{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem}.category-buttons{display:flex;margin:10px}.category-button{background-color:#b7b7b7;color:#2d3748;margin:10px;padding:.5rem 1.5rem;border-radius:.5rem;box-shadow:0 1px 2px rgba(0,0,0,.1);transition:background-color .3s}.category-button:hover{background-color:#e2e8f0}.category-button:focus{outline:none;border-color:#3182ce}.sorting-option{color:#718096;font-size:.875rem}.resource-grid{margin-top:2rem;display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:640px){.resource-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.resource-grid{grid-template-columns:repeat(3,1fr)}}.resource-item{background-color:#b7b7b7;box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:.5rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center}.resource-item:hover{transform:scale(1.05);box-shadow:0 4px 6px rgba(0,0,0,.2)}.image-container{margin:10px;background-color:#fcffff;border-radius:.5rem;overflow:hidden;display:flex;justify-content:center;align-items:center}.image-container,.resource-image{width:100%;height:100%}.resource-title{font-size:1.125rem;font-weight:600;color:#2d3748;text-align:center}.resources-layout{display:flex}.resources-content{flex:1 1;padding:20px}.log-hours-container{width:100%;margin:40px auto;font-family:Segoe UI,sans-serif;color:#003b73}.title{font-size:45px;font-weight:400;line-height:52px;margin-bottom:30px}.label,.title{color:#144a78;font-family:Roboto;font-style:normal}.label{font-size:22px;font-weight:500;line-height:28px;letter-spacing:.026px;margin-top:20px;display:block;width:125px}.input,.select{width:200px;padding:8px;margin-top:8px;border:1px solid #ddd;border-radius:5px;font-size:1rem;background-color:#f9f9f9}.time-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.time-input{width:40px;text-align:center;border:1px solid #ccc}.ampm-select,.time-input{padding:6px;border-radius:5px}.ampm-select{border:1px solid #ccc;background-color:#e0fbfc;color:#007c91}.arrow{margin:0 10px;font-size:1.2rem;font-weight:700;color:#999}.description-label{margin-top:30px}.description-hint{font-size:.85rem;color:#444;margin:5px 0 10px}.textarea{width:100%;min-height:60px;padding:10px;font-size:1rem;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;resize:vertical;margin-top:8px}.submit-button{background-color:#00bcd4;color:#fff;border:none;padding:10px 25px;border-radius:5px;margin-top:25px;font-size:1rem;cursor:pointer;float:right}.submit-button:hover{background-color:#009db3}.log-hours-panel{position:fixed;top:0;right:-100%;height:100%;width:700px;background-color:#fff;box-shadow:-4px 0 12px rgba(0,0,0,.1);transition:right .3s ease-in-out;z-index:1000;padding:20px;overflow-y:auto}.log-hours-panel.visible{right:0}.close-button{background:none;border:none;font-size:1.5rem;color:#333;float:right;cursor:pointer}.activity-dropdown-wrapper{display:flex;align-items:center;gap:8px;color:#144a78;position:relative;padding-top:33px;margin-left:20px}.activity-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.activity-dot.ally{background-color:#00aec8}.activity-dot.companion{background-color:#8bc34a}.activity-dropdown{color:#144a78;background:none;border:none;font-size:inherit;font-family:inherit;cursor:pointer;outline:none;padding:0;margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.activity-dropdown::-ms-expand{display:none}.activity-dropdown-wrapper:after{content:"▼";margin-left:4px;pointer-events:none;color:#144a78;font-size:10px}.profile-avatar{border-radius:50%;overflow:hidden;background:#2c5282;display:flex;align-items:center;justify-content:center;flex-shrink:0;height:102px;width:102px}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.avatar-icon{width:60%;height:60%}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;border:1px solid transparent;height:20px;color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.019px}.role-dot{width:8px;height:8px;border-radius:50%;background:#10b981;flex-shrink:0}.role-text{line-height:1}.user-stats{gap:8px;font-size:14px;color:#6b7280}.stat-item,.user-stats{display:flex;align-items:center}.stat-item{flex-direction:column;gap:2px}.stat-value{font-weight:600;color:#374151;font-size:16px}.stat-label{font-size:12px;color:#9ca3af}.stat-separator{color:#d1d5db;font-weight:300}.user-info-card{display:flex;align-items:center;gap:16px;padding:20px;background-color:#f8f9fa;border-radius:8px;height:116px}.user-info-card.vertical{flex-direction:column;text-align:center;gap:12px}.user-info-card.horizontal{flex-direction:row;text-align:left}.user-avatar-section{flex-shrink:0}.user-details{flex:1 1;display:flex;flex-direction:column;gap:8px}.user-name{color:#000;font-family:Roboto;font-size:45px;font-style:normal;font-weight:400;line-height:52px}.user-statistics{margin-top:4px}.compact-user-profile{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background-color:#f8f9fa;border:1px solid #e5e7eb}.compact-user-info{display:flex;flex-direction:column;gap:2px}.compact-user-name{font-size:14px;font-weight:600;color:#374151;line-height:1.2}.compact-user-role{font-size:12px;color:#6b7280;line-height:1.2}@media (max-width:768px){.user-info-card{flex-direction:column;text-align:center;gap:12px;padding:16px}.user-name{font-size:20px}.user-stats{gap:6px;font-size:13px}.stat-value{font-size:14px}.stat-label{font-size:11px}}.compact-user-profile:hover{background-color:#f8f9fa;transition:all .2s ease}.profile-avatar:focus{outline:2px solid #3b82f6;outline-offset:2px}.user-info-card:focus-within{outline:2px solid #3b82f6;outline-offset:2px}@media print{.user-info-card{box-shadow:none;border:1px solid #ccc}.user-info-card:hover{transform:none;box-shadow:none}}.homepage{min-height:100vh;background-color:#f8f9fa;overflow-y:auto;overflow-x:hidden;position:relative;width:100%}.homepage-scale-wrapper{width:1512px;min-height:982px;position:relative;margin:0;transform-origin:left top;transition:transform .2s ease;padding:20px}.homepage-main{flex:1 1;margin-left:13vw;flex-direction:column;height:100%;min-width:0}.homepage-header,.homepage-main{display:flex;padding:2vh 2vw;background-color:#f8f9fa}.homepage-header{justify-content:space-between;align-items:center;margin-bottom:2vh;border-radius:8px}.page-title h1{font-size:24px;font-weight:600;color:#374151;margin:0}.homepage-content{display:grid;grid-template-columns:60% 23.421588594%;grid-gap:25px;gap:25px;padding:24px;width:100%}.homepage-left-column{display:flex;flex-direction:column;gap:3vh;width:100%}.calendar-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);width:100%;min-height:50vh}.bottom-sections{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;height:290px;width:100%}.homepage-right-column{display:flex;flex-direction:column;gap:16px;width:23.421588594%}.notes-section{background:#fff;border-radius:8px;padding:21px 25px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;width:100%;border:2px solid transparent;gap:12px;align-items:flex-start}.notes-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.2}.notes-textarea{flex:1 1;width:100%;border:none;border-radius:0;padding:0;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;resize:none;outline:none;background:transparent;color:#666;line-height:1.5}.notes-textarea::placeholder{color:#999;font-style:normal;font-size:16px;font-weight:400}.resources-section{background:#fff;border-radius:8px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 2px 8px rgba(0,0,0,.1);height:100%;width:100%}.resources-title{font-size:18px;font-weight:600;color:#374151;margin:0 0 12px}.resources-list{flex:1 1;width:100%;margin:0;list-style:none;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.019px;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;padding-left:1.5rem}.resource-item{background:#fff;color:#000}.resource-item,.resource-link{font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.019px;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;list-style-type:disc}.resources-list{list-style-type:disc}.see-more-btn{align-self:flex-end;color:#fff;font-weight:500;width:140px;height:40px;padding:10px 24px;justify-content:center;gap:10px;right:18px;bottom:18px;border-radius:4px;background:var(--ASD-Blue-50,#00aec8);border-color:#00aec8}.cal-list label,.see-more-btn{font-size:14px;cursor:pointer;display:flex;align-items:center}.cal-list label{gap:8px;font-family:Roboto;line-height:20px}.cal-list input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #e2e8f0;border-radius:4px;margin:0;display:grid;place-content:center;cursor:pointer;background:#fff}.cal-list input[type=checkbox]:checked{background:#00aec8;border-color:#00aec8}.cal-list input[type=checkbox]:checked:before{content:"";width:18px;height:18px;background-image:url(/check.svg);background-position:50%;background-repeat:no-repeat;background-size:12px}@media (max-width:1440px){.homepage-content{grid-template-columns:65% 33%}}@media (max-width:1200px){.homepage-content{grid-template-columns:100%;gap:3vh}.homepage-right-column{width:100%}.bottom-sections{grid-template-columns:48% 48%;gap:4%}}@media only screen{.homepage{display:block}.homepage-scale-wrapper{transform-origin:left top}}@media (max-width:768px){.homepage-main{margin-left:0;padding:2vh 4vw}.homepage-content{padding:2vh 2vw}.bottom-sections{grid-template-columns:100%;gap:3vh;height:auto}.notes-section,.resources-section{min-height:30vh}.homepage-header{flex-direction:column;gap:2vh;text-align:center;padding:2vh 4vw}}.calendar{width:100%;width:350px;height:-moz-fit-content;height:fit-content;border-radius:16px;background-color:#fff;overflow:hidden}.calendar-header{color:#144a78;font-weight:400;font-size:25px;line-height:40px;letter-spacing:.12%;width:372px;height:60px;gap:8px;padding:8px 12px 3px 24px;border-bottom-width:1px;border-bottom:1px solid var(--Gray-30,#dbe4ea)}.calendar-controls{display:flex;justify-content:space-between;align-items:center;padding:4px 30px 4px 16px;width:350px}.calendar-controls select{border:none;width:119px;height:40px;gap:8px;border-radius:100px;font-size:14px;font-weight:500;text-align:center;vertical-align:middle;color:var(--Royal-Blue-70,#144a78)}.calendar-controls-buttons button{font-size:30px;color:#144a78;background:none;border:none;cursor:pointer;gap:100px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);justify-content:center;color:#144a78;font-weight:500;font-size:.875rem;padding:1rem 1.5rem .5rem;width:100%;height:48;font-weight:400;text-align:center;vertical-align:middle}.calendar-days{padding:.25rem 1.5rem;color:#144a78}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);grid-row-gap:.5rem;row-gap:.5rem}.calendar-day{width:2.5rem;height:2.5rem;font-size:.875rem;display:flex;justify-content:center;align-items:center;border-radius:9999px;cursor:pointer;transition:background-color .2s}.calendar-day.today{border:1px solid #00aec8;color:#00aec8}.calendar-day.selected:not(.inactive){background-color:#00aec8;color:#fff}.calendar-day.inactive{color:#fff}.calendar-day:hover:not(.selected):not(.inactive){background-color:#dcf1fe;color:#144a78}.calendar-day.has-events{font-weight:500}.event-indicator{position:absolute;bottom:4px;width:4px;height:4px;background-color:#00aec8;border-radius:50%}.calendar-expanded-details{border-top:1px solid #eee}.expand-section{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 1rem;border-radius:8px;margin-top:10px}.expand-section.open{max-height:200px;padding:1rem;display:flex;flex-direction:column}.expand-section h4{font-size:14px;margin:0 0 12px;font-weight:600;color:#144a78;flex-shrink:0;padding-bottom:8px;border-bottom:1px solid #dbe4ea}.events-list{display:flex;flex-direction:column;gap:12px;padding-right:4px;overflow-y:auto;max-height:calc(200px - 40px)}.events-list::-webkit-scrollbar{width:6px}.events-list::-webkit-scrollbar-track{background:transparent;border-radius:3px}.events-list::-webkit-scrollbar-thumb{background:#dbe4ea;border-radius:3px}.events-list::-webkit-scrollbar-thumb:hover{background:#00aec8}.profile-history-item{padding:12px;background:#fff;border:1px solid #dbe4ea}.profile-history-item-type{border-radius:8px;border:1px solid #dbe4ea;padding:5px}.profile-history-item-date-day{font-size:14px;color:#144a78}.profile-history-item-date-time{color:#666;border-radius:4px}.profile-type-item{margin:0;font-size:12px;font-weight:500;color:#144a78;padding:4px 8px;display:inline-flex;justify-content:center;min-width:80px;text-align:center;white-space:nowrap}.type-indicator{margin-right:8px}.type-indicator.blue{background-color:#00aec8}.type-indicator.green{background-color:#4caf50}.admin-profile-container{display:flex;background-color:var(--Bkgd-white,#fbfbfb);justify-content:space-between;height:100%}.main-content-profile{padding:50px 20px;margin-left:250px;max-width:1200px;background-color:var(--Bkgd-white,#fbfbfb)}.profile-container-wrapper{display:flex;gap:20px}.profile-container{margin-top:10px;display:flex;flex-direction:column;gap:16px}.upload-profile-photo{color:var(--Gray-50,#8d969d);font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.014px;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.profile-name{color:#000;font-size:24px;line-height:32px;letter-spacing:.029px}.profile-type-container{align-items:center;gap:8px;border-radius:8px}.profile-type-container span{width:9.933px;height:9.933px;border-radius:50%;background-color:var(--ASD-Blue-50,#00aec8)}.profile-type-container p{color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.019px}.profile-email{width:216.385px;flex-shrink:0;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.profile-timezone{align-self:stretch;color:#000;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.019px}.update-profile-container{width:744px;padding:24px 23px;gap:24px;border-radius:8px;border-bottom:2px solid var(--Bottom-Stroke,rgba(20,74,120,.5));background:var(--Widget-white,#f4f4f4)}.change-container,.change-container h1,.update-profile-container{display:flex;flex-direction:column;align-items:flex-start}.change-container h1{width:600px;gap:24px;color:#003e73;font-family:Roboto;font-size:22px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:.026px;margin-bottom:16px}.change-container p{color:var(--Black-ish,#2a2a2a);font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.019px}.text-input-container{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.text-input-container label{color:var(--Black-ish,#2a2a2a);font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.019px;margin-right:5px}.text-input-container input{display:flex;width:347px;height:36px;padding:16px 24px;align-items:center;gap:10px;border-radius:8px;border-bottom:1px solid var(--Bottom-Stroke,rgba(20,74,120,.5));background:#fff}.action-buttons{display:flex;gap:16px;justify-content:flex-end}.save-button{align-items:flex-end;border-radius:4px;background:var(--ASD-Blue-50,#00aec8);color:var(--White,#fff);text-align:center;font-family:Roboto;font-size:12px;line-height:20px;letter-spacing:.019px;border:none}.cancel-button,.save-button{display:flex;width:140px;height:40px;padding:10px 24px;justify-content:center;gap:10px;font-style:normal;font-weight:500}.cancel-button{align-items:center;border-radius:4px;border:1px solid var(--Gray-30,#dbe4ea);background:var(--Bkgd-white,#fbfbfb);color:var(--ASD-Blue-50,#00aec8);font-family:var(--Label-Large-Font,Roboto);font-size:var(--Label-Large-Size,12px);line-height:var(--Label-Large-Line-Height,20px);letter-spacing:var(--Label-Large-Tracking,.1px)}.save-button:hover{background-color:#0095ac}.cancel-button:hover{background-color:#f5f5f5}.admin-profile-container Image{justify-content:center}.admin-profile-header{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;width:100%}.admin-profile-image{display:flex;width:100%;justify-content:center;margin-bottom:20px}.admin-profile-header h2{color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:30px;font-style:normal;font-weight:400;line-height:44px;align-self:stretch}.admin-profile-contact{display:flex;flex-direction:column;gap:8px}.admin-profile-contact h1{align-self:stretch;color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:22px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:.026px}.admin-contact-item{display:flex;flex-direction:row;gap:12px}.admin-sliding-profile-container{display:flex;flex-direction:column;gap:40px;height:100%;justify-content:space-between;align-items:stretch}.profile-image{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.profile-image img{width:200px;height:200px;border-radius:50%;margin-bottom:20px}.tableWrapper{width:100%;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-top:40px;display:flex;flex-direction:column}.header{height:69px;padding:0 24px;background:#144a78;width:100%}.header h1{color:#fff;font-family:Roboto;font-size:22px;font-weight:500;line-height:28px;letter-spacing:.026px}.search-bar{width:261px;height:40px;padding:8px 16px 8px 10px;border-radius:55px;background:#efefef}.search-bar input{background:transparent;width:100%;color:#8d969d;font-family:Roboto;font-weight:400;line-height:20px;letter-spacing:.017px;padding:10px}.volunteerTable{font-size:14px;color:#144a78;margin:0}.volunteerTable thead{background-color:#dbe4ea}.volunteerTable th{color:#144a78;border-bottom:2px solid #dbe4ea}.volunteerTable td,.volunteerTable th{padding:16px 24px;font-size:14px;line-height:20px;letter-spacing:.01em}.volunteerTable td{text-align:left;border-bottom:1px solid #e5e5e5}.volunteerTable tr:last-child td{border-bottom:none}.td-names{cursor:pointer}.td-names:hover{text-decoration:underline}.typeIndicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.green{background-color:#8bc34a}.blue{background-color:#03a9f4}.actionCell{padding:16px 8px!important;text-align:center}.infoButton{background:none;border:none;color:#144a78;font-family:Roboto;font-size:14px;cursor:pointer;padding:0;text-decoration:underline}.infoButton:hover{color:#0d3a5f}.table-footer{height:5px;padding:12px 24px;background:#fff;border-bottom:2px solid rgba(20,74,120,.5);border-radius:0 0 8px 8px}.administrators-section{margin-top:40px;background-color:#fff;border-radius:8px;padding:40px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{color:#144a78;font-family:Roboto;font-size:24px;font-weight:500;margin:0}.add-admin-button{background-color:#00aec8;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-family:Roboto;font-size:16px;cursor:pointer}.add-admin-button:hover{background-color:#0095ac}.edit-button{background-color:#e3f2fd;color:#1976d2;padding:8px 16px;border-radius:4px;font-family:Roboto;font-size:14px;cursor:pointer;border:none}.edit-button:hover{background-color:#bbdefb}.admin-profile-buttons{display:flex;flex-direction:column;gap:10px}.admin-profile-button{display:flex;padding:10px 24px;justify-content:center;align-items:center;gap:10px;border-radius:4px}.admin-profile-button.promote{color:var(--ASD-Blue-50,#00aec8);background:var(--White,#fff);border:1px solid var(--ASD-Blue-50,#00aec8)}.admin-profile-button:hover{background-color:#0095ac;color:var(--White,#fff)}.admin-profile-button.delete{color:#dc3545;background:var(--White,#fff);border:1px solid #dc3545}.admin-profile-button.delete:hover{background:#dc3545;color:var(--White,#fff)}.admin-resource-layout{display:flex;background:var(--Bkgd-white,#fbfbfb);width:100%;height:-moz-fit-content;height:fit-content;margin-left:150px;padding-left:100px;padding-bottom:100px}.resource-table-view{display:block;position:relative;margin-right:10%}.admin-resource-heading{position:relative;margin-top:80px;margin-bottom:6%;align-items:center;height:44px;color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:45px;font-style:normal;font-weight:400;line-height:52px}.resource-table-filter{margin-top:180px;margin-left:3%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.resource-table-filter p{align-self:stretch;color:#000;font-family:Roboto;font-size:16px;font-style:normal;line-height:20px;letter-spacing:.019px}.resource-table-filter .resource-checkbox,.resource-table-filter .resource-option{display:flex;align-items:center;justify-content:center;gap:16px}.resource-table-filter .resource-checkbox{width:24px;height:24px;border-radius:1.5px;border:1px solid var(--Gray-40,#b1bdc8);align-self:stretch}.resource-table-filter .resource-checkbox.ally{background-color:#03a9f4;border-color:#03a9f4}.resource-table-filter .resource-checkbox.companion{background-color:#8bc34a;border-color:#8bc34a}.resource-table-filter .checkmark{color:#fff;font-size:14px;font-weight:700}.resource-table-filter .resource-option p{align-self:stretch;color:#000;font-family:Roboto;font-size:16px;font-style:normal;letter-spacing:.019px;font-weight:400;line-height:24px}.resource-upload-buttons{display:inline-flex;gap:20px}.resource-upload-file,.resource-upload-link{display:inline-flex;height:32px;padding:10px 8px 10px 16px;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border-radius:8px;background:var(--ASD-Blue-50,#00aec8);color:#fff}.resource-upload-buttons span{color:var(--White,#fff);text-align:center;font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.019px}.volunteer-directory-container{display:flex;min-height:100vh;background-color:var(--Bkgd-white,#fbfbfb)}.volunteer-directory-content{flex:1 1;padding:30px;margin-left:250px;display:flex;flex-direction:row;gap:40px}.volunteer-directory-header-container-left{margin-top:50px;flex:1 1;width:300px}.volunteer-directory-header-container-right{width:350px;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;margin-top:180px}.volunteer-directory-header{margin-bottom:40px}.volunteer-directory-header h1{color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:57px;font-style:normal;font-weight:400;line-height:64px;letter-spacing:.068px;margin:0}.volunteer-directory-filters{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.volunteer-directory-search-bar{width:100%;display:flex;max-width:381px;height:-moz-fit-content;height:fit-content;padding:0 16px;flex-direction:row;justify-content:center;align-items:center;gap:10px;border-radius:55px;border:1px solid var(--Gray-30,#dbe4ea);background:#fff;margin:0;transition:all .2s ease}.volunteer-directory-search-bar:hover{border-color:var(--ASD-Blue-50,#00aec8)}.volunteer-directory-search-bar input{width:100%;border:none;border-radius:8px;transition:all .2s ease;color:var(--Gray-50,#8d969d);font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.017px;margin:0;padding:0}.volunteer-directory-search-bar input:focus{outline:none;color:var(--Royal-Blue-70,#144a78)}.volunteers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px;padding:20px 0}.profile-card{transition:all .2s ease;display:flex;height:280px;padding:24px;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;border-bottom:2px solid var(--Bottom-Stroke,rgba(20,74,120,.5));background:var(--Widget-white,#f4f4f4)}.profile-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:var(--ASD-Blue-50,#00aec8)}.profile-card.clickable{cursor:pointer}.profile-image{position:relative;width:120px;height:120px;overflow:hidden;margin-bottom:20px;border:2px solid var(--ASD-Blue-50,#00aec8)}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-name{text-align:center;font-size:22px;font-weight:500;line-height:28px;letter-spacing:.026px;margin:0 0 8px}.profile-email{color:var(--ASD-Blue-50,#00aec8);text-align:center;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.019px;text-decoration:underline;margin:0}.volunteer-directory-type-filters{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:12px;background:var(--Widget-white,#f4f4f4);border:1px solid var(--Gray-30,#dbe4ea)}.volunteer-directory-type-filters p{color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:18px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.019px;margin:0}.volunteer-option{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.volunteer-option:hover{background:rgba(0,174,200,.1)}.volunteer-checkbox{width:24px;height:24px;border-radius:6px;border:2px solid var(--Gray-30,#dbe4ea);background:var(--Bkgd-white,#fbfbfb);display:flex;justify-content:center;align-items:center;transition:all .2s ease}.volunteer-checkbox.ally,.volunteer-checkbox.companion{background:var(--ASD-Blue-50,#00aec8);border-color:var(--ASD-Blue-50,#00aec8)}.checkmark{color:var(--White,#fff);font-size:16px;font-weight:700}.volunteer-option span{color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.019px}.admin-resource-layout,.admin-volunteer-activity-layout{display:flex;min-height:100vh;background:var(--Bkgd-white,#fbfbfb)}.resource-table-view,.volunteer-activity-table-view{flex:1 1;padding:50px 20px;margin-left:300px}.admin-activity-heading,.admin-resource-headin{color:#144a78;font-family:Roboto;font-size:57px;font-weight:400;line-height:64px;letter-spacing:.068px;margin:0 0 40px}.volunteer-table{max-width:1000px;margin:0 auto}.admin-volunteer-activity-container{display:flex;min-height:100vh;background-color:#f5f5f5}.main-content{flex:1 1;padding:20px;margin-left:250px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h1{color:#144a78;margin:0}.search-bar{display:flex;align-items:center;background:#fff;border-radius:8px;padding:8px 16px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.search-bar input{border:none;outline:none;font-size:14px;width:200px}.tableWrapper{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px}.volunteerTable{width:100%;border-collapse:separate;border-spacing:0}.volunteerTable th{text-align:left;padding:12px;color:#666;font-weight:500;border-bottom:2px solid #eee}.volunteerTable td{padding:12px;border-bottom:1px solid #eee}.th-names{width:200px}.td-names{color:#144a78;font-weight:500}.shift-submission-content{justify-content:flex-start}.shift-details,.shift-submission-content{display:flex;flex-direction:column;align-items:flex-start;gap:56px}.shift-details{width:757px;justify-content:center}.shift-volunteer-header{display:flex;align-items:center;gap:10px}.shift-volunteer-header h1{color:var(--Royal-Blue-70,#144a78);font-size:32px;line-height:40px;letter-spacing:.038px}.shift-submitted-date,.shift-volunteer-header h1{font-family:Roboto;font-style:normal;font-weight:400}.shift-submitted-date{width:150px;height:20.564px;flex-shrink:0;color:var(--Royal-Blue-50,#144a78);font-size:14px;font-style:italic}.volunteer-activity-details{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.activity-detail-row{display:flex;width:744px;padding:4px 0;flex-shrink:0;margin-bottom:24px}.activity-detail-row[style*="flexDirection: column"]{width:744px;gap:12px}.activity-detail-label{width:195px;flex-shrink:0;color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:22px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:.026px}.activity-detail-value{display:flex;width:178px;height:32px;padding:4px 16px;justify-content:center;gap:10px;align-items:center;flex-shrink:0;border-radius:8px;border:1px solid var(--Gray-30,#dbe4ea);background:var(--Bkgd-white,#fbfbfb)}.activity-detail-value p,.activity-detail-value span{color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.019px;margin-left:10px}.activity-detail-description{display:flex;width:744px;padding:24px;justify-content:center;align-items:center;flex-shrink:0;border-radius:8px;border:1px solid var(--Gray-30,#dbe4ea);background:var(--Bkgd-white,#fbfbfb);margin-top:20px}.activity-detail-description p{width:100%;margin:0}.activity-detail-description p,.activity-detail-description-text{color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.019px}.activity-detail-description-text{width:696px;margin-top:10px;font-style:italic}.activity-detail-time-container{display:flex;flex-direction:row;color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.019px;gap:16px;align-items:center}.activity-detail-time-container-item{display:flex;flex-direction:column;height:100%;justify-content:center}.activity-detail-time-container-item-label{display:flex;height:16px;flex-direction:column;justify-content:center;align-self:stretch;color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.014px}.activity-detail-time-container-item-time-container{display:flex;flex-direction:row;gap:8px}.activity-detail-time-container-item-time{display:flex;width:40px;height:36px;padding:4px 8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:4px;border:1px solid var(--Gray-30,#dbe4ea);background:var(--Widget-white,#f4f4f4)}.activity-detail-time-container-item-time-ampm{display:flex;width:30px;flex-direction:column;align-items:flex-start;border-radius:4px 4px;border:1px solid var(--Gray-30,#dbe4ea)}.activity-detail-time-container-item-time-ampm button{display:flex;height:18px;padding:4px 10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch;border:none;background:var(--Widget-white,#f4f4f4);color:var(--Royal-Blue-70,#144a78);text-align:center;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:14px;letter-spacing:.014px}.activity-detail-time-container-item-time-ampm button.active{background:var(--Gray-30,#dbe4ea);font-weight:500}.activity-detail-time-container-item-arrow{align-self:center}.admin-volunteer-activity-feedback-container{display:flex;flex-direction:column;gap:16px;height:91vh;justify-content:space-between}.admin-volunteer-activity-feedback{display:flex;width:350px;padding:24px;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;flex-shrink:0;border-radius:8px;border-bottom:2px solid var(--Bottom-Stroke,rgba(20,74,120,.5));background:var(--Fog-Blue-20,#d6eaf9)}.admin-volunteer-activity-feedback p{color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:22px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:.026px}.admin-volunteer-feedback-container input:focus{outline:none;box-shadow:none;border:none}.admin-volunteer-activity-feedback input{width:302px;color:var(--Gray-40,#5f666c);padding:0;margin:0;font-family:Roboto;font-size:16px;font-style:italic;font-weight:400;line-height:24px;letter-spacing:.019px;border:none;background:transparent}.admin-actions{display:flex;flex-direction:row;gap:16px;margin-top:24px;justify-content:flex-end}.feedback-approve-button,.feedback-send-back-button{width:140px;height:40px;padding:10px 24px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:4px;font-family:Roboto;transition:all .2s ease}.feedback-send-back-button{border:1px solid var(--Gray-30,#dbe4ea);background:var(--Bkgd-white,#fbfbfb);color:var(--ASD-Blue-50,#00aec8);font-family:var(--Label-Large-Font,Roboto);font-size:var(--Label-Large-Size,14px);font-style:normal;font-weight:500;line-height:var(--Label-Large-Line-Height,20px);letter-spacing:var(--Label-Large-Tracking,.1px)}.feedback-send-back-button:hover{background:var(--Gray-20,#e6e9ec);border-color:var(--ASD-Blue-50,#00aec8);color:var(--ASD-Blue-60,#0099b0)}.feedback-approve-button{border:none;background:var(--ASD-Blue-50,#00aec8);color:var(--White,#fff);text-align:center;font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.019px}.feedback-approve-button:hover{background:var(--ASD-Blue-60,#0099b0)}.activity-feedback-content{display:flex;width:757px;flex-direction:row;align-items:flex-start;gap:80px;border-radius:16px;margin-left:250px;margin-top:50px}.admin-volunteer-activity-feedback.approved-feedback{background:#dbe4ea}.admin-volunteer-activity-feedback.approved-feedback textarea{color:#666;cursor:not-allowed;border-color:none;opacity:1;pointer-events:none}.admin-volunteer-activity-feedback.approved{background-color:#fff}.admin-feedback-textarea{width:302px;min-height:100px;color:var(--Gray-40,#5f666c);padding:12px;margin:0;font-family:Roboto;font-size:16px;font-style:italic;font-weight:400;line-height:24px;letter-spacing:.019px;border:1px solid var(--Gray-30,#dbe4ea);border-radius:4px;background:transparent;resize:vertical}.admin-feedback-textarea.approved{background-color:#f0f0f0;color:#5f666c;border-color:#dbdfe2}.admin-feedback-textarea:focus{outline:none;border-color:var(--ASD-Blue-50,#00aec8)}.admin-feedback-textarea.approved-feedback{background-color:#f0f0f0;color:#5f666c;border-color:#dbdfe2}.type-indicator{display:flex;align-items:center;gap:8px;border-radius:4px;width:-moz-fit-content;width:fit-content}.type-indicator.blue{color:#1565c0}.type-indicator.green{color:#2e7d32}.type-indicator span{font-family:Roboto;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px}.profile-slideout{position:fixed;top:0;right:0;display:flex;flex-direction:column;width:440px;height:100vh;padding:45px 70px;justify-content:flex-start;align-items:flex-start;gap:5px;border-radius:24px 0 0 24px;background-color:#fff;box-shadow:-4px 0 10px rgba(0,0,0,.1);transition:transform .3s ease-in-out;transform:translateX(100%);z-index:1000;overflow-y:auto}.profile-slideout.visible{transform:translateX(0)}.profile-close-button{background:none;border:none;font-size:20px;position:absolute;top:20px;right:20px;cursor:pointer;color:#144a78}.profile-name{font-size:20px;line-height:44px;margin-bottom:10px}.profile-hours,.profile-name{align-self:stretch;color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-style:normal;font-weight:400}.profile-hours{font-size:18px;line-height:32px;letter-spacing:.029px;margin-bottom:20px}.profile-section-title{color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:18px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:.026px;margin-bottom:15px}.profile-contact-email,.profile-contact-phone{color:#144a78;margin:0;font-size:14px}.profile-type-container{display:flex;flex-direction:column;gap:5px;width:100%}.profile-type-item{display:flex;flex-direction:row;align-items:center;padding:8px;border-radius:8px;background:transparent;border:1px solid var(--Gray-30,#dbe4ea)}.profile-type-item p{color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.019px}.profile-history-item{display:flex;width:100%;padding:12px 24px;justify-content:space-between;align-items:center;border-left:5px solid var(--Kiwi-Green-50,#a2c344);border:1px solid var(--Gray-30,#dbe4ea);border-radius:8px;margin-bottom:10px}.profile-history-item.blue{border-left:5px solid #03a9f4}.profile-history-item.green{border-left:5px solid #8bc34a}.profile-history-item-date{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.profile-history-item-date-day{font-weight:500;letter-spacing:.019px}.profile-history-item-date-day,.profile-history-item-date-time{color:var(--Royal-Blue-70,#144a78);font-family:Roboto;font-size:12px;font-style:normal;line-height:20px;margin:0}.profile-history-item-date-time{font-weight:400;letter-spacing:.017px}.profile-history-item p{margin:0}.profile-view-all-button{display:flex;width:100%;height:32px;padding:10px 24px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:8px;border:1px solid var(--Gray-30,#dbe4ea);background:var(--Bkgd-white,#fbfbfb);color:var(--ASD-Blue-50,#00aec8);font-family:Roboto;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.1px;margin-top:20px;cursor:pointer}.profile-image{border-radius:50%;object-fit:cover}.profile-image-wrapper{display:flex;justify-content:center;align-items:center;width:100%;margin:20px 0}.profile-contact-container{display:flex;align-items:center;gap:10px;margin:5px 0}.profile-contact-icon{align-self:center}.profile-section{display:flex;flex-direction:column;align-items:flex-start;margin:20px 0;width:100%}.type-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.type-indicator.green{background-color:#8bc34a}.type-indicator.blue{background-color:#03a9f4}