.auth-wrapper .auth-block{width:400px;border-radius:15px;box-shadow:0 4px 6px #0000001a;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-wrapper .tab-switcher{display:flex}.auth-wrapper .tab-switcher button{flex:1;padding:10px 20px;border:none;cursor:pointer;font-size:16px;transition:all .3s ease;color:#fff;font-weight:700}.auth-wrapper .active-tab{background:linear-gradient(189deg,#0d6e39 17.21%,#072e19)}.auth-wrapper .inactive-tab{background:linear-gradient(283.25deg,#c1e6d2 17.21%,#d9f0e5);color:#333}.auth-wrapper .left-corner{border-top-left-radius:15px}.auth-wrapper .right-corner{border-top-right-radius:15px}.auth-wrapper .tab-switcher .active-tab:hover{opacity:.9}.auth-wrapper .tab-switcher .inactive-tab:hover{background:linear-gradient(283.25deg,#a1d6bd 17.21%,#b9e0d0);color:#fff}.auth-wrapper .auth-container{padding:20px;background:linear-gradient(283.25deg,#0d6e39 17.21%,#072e19);border-bottom-left-radius:15px;border-bottom-right-radius:15px}.auth-wrapper .tab-switcher+.auth-container{margin-top:0}.auth-wrapper .auth-form{display:flex;flex-direction:column;align-items:center}.auth-wrapper .input-container{position:relative;width:80%;margin:0 auto 10px}.auth-wrapper .auth-form .input-container:last-of-type{margin-bottom:10px}.auth-wrapper .phone-input,.auth-wrapper .text-input{width:100%;padding:12px 40px;font-size:16px;border-radius:20px;border:none;background:#e6e6e6;text-align:center;color:#333}.auth-wrapper .phone-input::placeholder,.auth-wrapper .text-input::placeholder{text-align:center}.auth-wrapper .prefix{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#888;display:none}.auth-wrapper .prefix.visible{display:inline}.auth-wrapper .submit-btn{width:50%;padding:12px;font-size:16px;border:none;border-radius:20px;background:#e6e6e6;color:#000;cursor:pointer;transition:background-color .3s ease;margin:0 auto;display:block}.auth-wrapper .submit-btn:hover{background:#d4d4d4}.auth-wrapper .submit-btn:disabled{background:#ccc;cursor:not-allowed}.auth-wrapper .custom-select-wrapper{position:relative;width:100%}.auth-wrapper .custom-select-button{width:100%;padding:12px 40px;font-size:16px;border-radius:20px;border:none;background:#e6e6e6 url('data:image/svg+xml;utf8,<svg fill="#888" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center;text-align:center;color:#333;cursor:pointer;transition:background-color .3s ease}.auth-wrapper .custom-select-button:hover{background-color:#d4d4d4}.auth-wrapper .custom-select-dropdown{position:absolute;top:100%;left:0;width:100%;background:#e6e6e6;border-radius:10px;box-shadow:0 4px 6px #0000001a;list-style:none;padding:0;margin:5px 0 0;z-index:10}.auth-wrapper .custom-select-dropdown li{padding:10px;text-align:center;color:#333;cursor:pointer;transition:background-color .3s ease}.auth-wrapper .custom-select-dropdown li:hover{background-color:#d4d4d4}.login-instruction-buttons{position:absolute;top:calc(50% + 100px);left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:15px;padding-bottom:20px}.register-instruction-buttons{position:absolute;top:calc(50% + 160px);left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:15px;padding-bottom:20px}.instruction-buttons{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:15px;padding-bottom:20px}.instruction-btn{padding:12px 20px;font-size:16px;border:none;border-radius:20px;background:linear-gradient(283.25deg,#0d6e39 17.21%,#072e19);color:#fff;cursor:pointer;transition:opacity .3s ease}.instruction-btn:hover{opacity:.9}.instruction-btn:active{opacity:.7}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;width:90%;max-width:1000px;background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 6px #0000001a}.modal-close-btn{position:absolute;top:-10px;right:0;background:none;border:none;font-size:42px;color:#333;cursor:pointer;transition:color .3s ease}.modal-close-btn:hover{color:#0d6e39}.modal-iframe{width:100%;height:80vh;border:none;border-radius:10px}.modal-video{width:100%;height:auto;max-height:80vh;border-radius:10px}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-btn{width:30px;height:30px;border-radius:50%;background:linear-gradient(283.25deg,#0d6e39 17.21%,#072e19);color:#fff;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.tooltip-btn:hover{opacity:.9}.tooltip-content{position:absolute;background:#fff;padding:15px;border-radius:10px;box-shadow:0 4px 6px #0000001a;z-index:100;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow-y:auto;font-size:14px;color:#333;border:1px solid #ccc}.profile-tooltip-content{left:30px!important;top:-450px!important;width:230px}.create-request-tooltip-content{width:250px;left:10px!important;top:-495px!important}.my-requests-tooltip-content{width:500px;left:20px!important;top:-410px!important}.tooltip-content p{margin:0 0 10px}.tooltip-content ol{margin:0;padding-left:20px}.tooltip-content li{margin-bottom:5px;word-wrap:break-word}.auth-wrapper .timer-container{width:80%;margin:10px auto;text-align:center}.auth-wrapper .timer-text{font-size:14px;color:#e6e6e6}.auth-wrapper .resend-btn{width:220px;padding:10px;font-size:14px;border:none;border-radius:20px;background:#e6e6e6;color:#000;cursor:pointer;transition:background-color .3s ease}.auth-wrapper .resend-btn:hover{background:#d4d4d4}.auth-wrapper .resend-btn:disabled{background:#ccc;cursor:not-allowed}.custom-alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1500}.custom-alert{background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 8px #0003;text-align:center;width:300px;border:2px solid rgba(13,110,57,1)}.custom-alert p{font-size:16px;color:#333;margin-bottom:20px;white-space:pre-line}.custom-alert-button{padding:8px 16px;background-color:#0d6e39;color:#fff;border:none;border-radius:15px;cursor:pointer;transition:background-color .3s ease}.custom-alert-button:hover{background-color:#073c1f}.sidebar{position:fixed;top:64px;left:0;bottom:64px;width:200px;background-color:#073c1f;color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;overflow-y:auto;transition:transform .3s ease;z-index:1001}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-200px)}.menu-container{padding-top:10px;margin-top:40px}.menu-item-container{width:100%}.menu-item-profile+.menu-item-container,.menu-item-volunteer-profile+.menu-item-container{margin-top:5px}.menu-item-create-request+.menu-item-container,.menu-item-available-requests+.menu-item-container{margin-top:10px}.menu-item-my-requests+.menu-item-container,.menu-item-statistics+.menu-item-container{margin-top:8px}.menu-item-store+.menu-item-container{margin-top:2px}.menu-item-pharmacy+.menu-item-container{margin-top:2px}.menu-item-clinic+.menu-item-container{margin-top:2px}.menu-item-grandchildren+.menu-item-container{margin-top:2px}.menu-item{background-color:#0d6e39;color:#fff;border:none;padding:10px 15px;font-size:16px;text-align:left;cursor:pointer;transition:background-color .3s ease;width:100%;text-decoration:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:50px}.menu-item.active{background-color:#f2f2f2;color:#000}.menu-item:hover{background-color:#f2f2f2cc;color:#000}.close-button{background-color:#073c1f;color:#fff;border:none;padding:10px 15px;font-size:16px;text-align:center;cursor:pointer;transition:background-color .3s ease;border-radius:4px;width:100%;margin-top:10px}.close-button:hover{background-color:#d9d9d9cc;color:#000}.logout-container{padding:10px 0;width:100%}.logout-button{background-color:#0d6e39;color:#fff;border:none;padding:10px 15px;font-size:16px;text-align:center;cursor:pointer;transition:background-color .3s ease;width:100%;text-decoration:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:50px}.logout-button:hover{background-color:#f2f2f2cc;color:#000}.toggle-bar{position:fixed;top:64px;left:0;width:30px;height:calc(100vh - 128px);background-color:#073c1f;display:none;justify-content:center;align-items:center;cursor:pointer;z-index:1002}.toggle-bar .toggle-arrow{font-size:20px;color:#fff;transition:transform .3s ease}.menu-item-all-tasks+.menu-item-container{margin-top:10px}.menu-item-all-users+.menu-item-container{margin-top:10px}.menu-item-all-volunteers+.menu-item-container{margin-top:10px}.menu-item-user-requests+.menu-item-container{margin-top:10px}@media (max-width: 768px){.sidebar{top:64px;bottom:64px;width:200px}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-200px)}.toggle-bar{display:flex}}@media (min-width: 769px){.sidebar{transform:translate(0)}}.loading-spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #105e30;border-radius:50%;animation:spin .3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-container{display:flex;height:100vh;position:relative}.page-title{display:none}.profile-content{flex:1;padding:20px;background-color:#f2f2f2;display:flex;justify-content:center;align-items:flex-start}.profile-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:620px;position:relative;left:-100px}.form-group{display:flex;align-items:center;gap:10px}.form-group.health{align-items:flex-start}.label-container{width:200px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.label-container label{font-weight:400;text-align:center;white-space:normal;word-wrap:break-word;box-sizing:border-box}.label-top{display:flex;flex-direction:column;align-items:flex-start;text-align:center;word-wrap:break-word;box-sizing:border-box}.input-container{width:400px;flex-shrink:0;display:flex;align-items:center;margin-bottom:0}.input-container input,.input-container select{padding:10px;border:1px solid #000000;border-radius:15px;width:100%;box-sizing:border-box;text-align:center}.input-container textarea{height:300px;padding:10px;border:1px solid #000000;border-radius:15px;width:100%;box-sizing:border-box;text-align:center}.additional-info{flex:1;text-align:center;color:#000;white-space:normal;word-wrap:break-word;min-height:20px}.form-section.row{flex-direction:row;gap:20px}.save-button{padding:10px 20px;background-color:#0d6e39;color:#fff;border:none;border-radius:15px;cursor:pointer;width:400px;height:44px;transition:background-color .3s ease}.save-button-container{display:flex;justify-content:center;margin-top:20px;position:relative;left:122px}.input-container .health-description{width:100%;height:150px;padding:8px;border:1px solid #000000;border-radius:15px;resize:vertical}@media (max-width: 768px){.profile-container{flex-direction:column}.profile-content{padding-left:60px!important;padding-right:30px!important;height:calc(100vh - 128px);overflow-y:auto;padding:0;position:relative;top:-20px}.profile-form{max-width:100%}.form-group{flex-direction:column;align-items:flex-start;gap:5px}.label-container{width:100%;justify-content:flex-start}.label-container label{text-align:left}.input-container{width:100%}.save-button{width:100%;margin-top:0!important}}@media (min-width: 769px){.profile-content{margin-left:200px;max-width:calc(100% - 200px)}}.header{width:100%;height:64px;background:linear-gradient(0deg,#0d6e39 11.09%,#073c1f 89.71%);position:fixed;top:0;left:0;z-index:2000}.footer{width:100%;height:64px;background:linear-gradient(0deg,#0d6e39 11.09%,#073c1f 89.71%);position:fixed;bottom:0;left:0;z-index:1000}.create-request-container{display:flex;min-height:100vh;position:relative}.create-request-content{flex:1;padding:20px;background-color:#f2f2f2;display:flex;justify-content:center;align-items:flex-start}.request-form{display:flex;flex-direction:column;height:calc(100vh - 168px);gap:15px;width:100%;max-width:620px}.frame{width:100%;padding:15px 0}.frame-details{height:25%;display:flex;flex-direction:column;justify-content:space-between}.field-group{display:flex;align-items:center;gap:20px}.label{width:200px;font-weight:400;text-align:left;color:#000}.input-title{width:400px;padding:10px;border:1px solid #000000;border-radius:15px;text-align:center;background:#fff}.date-time-group{align-items:flex-start}.date-time-inputs{display:flex;gap:10px}.input-date{width:300px;padding:10px;border:1px solid #000000;border-radius:15px;text-align:center;background:#fff}.input-time{width:100px;padding:10px;border:1px solid #000000;border-radius:15px;text-align:center;background:#fff}.frame-description{height:50%;display:flex;flex-direction:column}.description-label{margin-bottom:10px;font-weight:400;color:#000}.input-description{width:100%;height:100%;padding:10px;border:1px solid #000000;border-radius:15px;resize:none;box-sizing:border-box;text-align:left;background:#fff}.buttons-container{display:flex;justify-content:flex-end;align-items:flex-start;gap:15px;padding-bottom:20px;margin-top:20px;position:relative;left:45px}.button{padding:10px 20px;background-color:#0d6e39;color:#fff;border:none;border-radius:15px;cursor:pointer;transition:background-color .3s ease;width:200px;height:44px}.button:hover{background-color:#073c1f}@media (max-width: 768px){.create-request-container{flex-direction:column}.create-request-content{padding-left:60px!important;padding-right:30px!important;height:calc(100vh - 128px);overflow-y:auto;padding:0;position:relative;top:-50px}.request-form{max-width:100%;height:calc(100vh - 128px)}.field-group{flex-direction:column;align-items:flex-start;gap:10px}.label{width:100%;text-align:left}.input-title,.input-date,.input-time{width:100%}.date-time-inputs{flex-direction:column;width:100%}.buttons-container{justify-content:center}}@media (min-width: 769px){.create-request-content{margin-left:200px;max-width:calc(100% - 200px)}}.my-requests-container{display:flex;min-height:100vh;position:relative}.my-requests-content{flex:1;padding:20px;background-color:#f2f2f2;display:flex;flex-direction:column}.my-requests-title{display:none;font-size:24px;color:#000;margin-bottom:20px;text-align:center}.my-requests-sort-controls{display:flex;gap:15px;margin-top:10px;justify-content:center;flex-wrap:wrap;padding:5px 0}.my-requests-sort-button{padding:8px 16px;background-color:#0d6e39;color:#fff;border:none;border-radius:15px;cursor:pointer;transition:background-color .3s ease}.my-requests-sort-button:hover{background-color:#073c1f}.my-requests-sort-button.active{background-color:#4caf50}.my-requests-sort-button.active:hover{background-color:#45a049}.table-wrapper{max-height:calc(100vh - 175px);overflow:auto;background-color:#fff;border:1px solid #000000}.requests-table th:nth-child(6),.requests-table td:nth-child(6){min-width:120px;white-space:normal;word-wrap:break-word}.action-buttons{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center}.action-button{padding:10px 20px;background-color:#0d6e39;color:#fff;border:none;border-radius:15px;cursor:pointer;transition:background-color .3s ease;width:100%;max-width:130px;text-align:center;box-sizing:border-box;white-space:nowrap}.action-button:hover{background-color:#073c1f}.action-button.reject,.action-button.cancel{background-color:#d9534f}.action-button.reject:hover,.action-button.cancel:hover{background-color:#c9302c}.task-action-button{padding:8px 10px;background-color:#0d6e39;color:#fff;border:none;border-radius:15px;cursor:pointer;transition:background-color .3s ease;width:100%;max-width:130px;text-align:center;display:flex;justify-content:center;align-items:center;font-size:14px;line-height:1;box-sizing:border-box}.task-action-button:hover{background-color:#073c1f}.task-action-button.reject{background-color:#d9534f}.task-action-button.reject:hover{background-color:#c9302c}.rating-modal{background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 8px #0003;text-align:center;width:300px;border:2px solid rgba(13,110,57,1)}.rating-modal h3{margin-bottom:15px;font-size:18px;color:#333}.custom-select{padding:10px;border:1px solid #000000;border-radius:15px;background-color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative}.custom-select-options{position:absolute;top:100%;left:0;right:0;border:1px solid #000000;border-radius:15px;background-color:#fff;z-index:10;display:none;max-height:150px;overflow-y:auto;box-sizing:border-box;scrollbar-gutter:stable}.custom-select-option{padding:10px;text-align:center;cursor:pointer;width:100%;box-sizing:border-box;min-width:0}.rating-comment{padding:10px;border:1px solid #000000;border-radius:15px;width:100%;height:100px;box-sizing:border-box;text-align:center;margin-bottom:15px;resize:vertical}.rating-buttons{display:flex;gap:10px;justify-content:center}@media (max-width: 768px){.my-requests-container{flex-direction:column}.my-requests-content{padding-left:60px!important;padding-right:30px!important;height:calc(100vh - 128px);overflow-y:auto;margin-top:0}.my-requests-sort-controls{flex-direction:column;align-items:center;gap:10px;margin-top:5px;padding:5px 0}.my-requests-sort-button{padding:6px 12px;font-size:14px;width:100%;max-width:200px}.table-wrapper{overflow-x:auto;max-height:calc(100vh - 178px)}.requests-table{min-width:900px}.requests-table th,.requests-table td{font-size:12px;padding:8px}.action-buttons{flex-direction:column;gap:5px}.action-button{padding:6px 12px;font-size:12px;max-width:100%}.rating-modal{width:90%;max-width:300px}.rating-buttons{flex-direction:column;gap:5px}}@media (min-width: 769px){.my-requests-content{margin-left:200px;max-width:calc(100% - 200px);margin-top:-215px}}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#d3d3d3;border-radius:20px;width:12px;margin:0 2px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#0d6e39,#073c1f);border-radius:15px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#0d6e39,#073c1f)}.custom-scrollbar::-webkit-scrollbar-button{display:none}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#0D6E39 #f3eeee}.volunteer-profile-container{display:flex;min-height:100vh;position:relative}.volunteer-profile-content{flex:1;padding:20px;background-color:#f2f2f2;display:flex;justify-content:center;align-items:flex-start}.page-title{font-size:24px;color:#000;margin-bottom:20px;text-align:center}.volunteer-profile-form{display:flex;flex-direction:column;gap:20px;max-width:620px;width:100%}.form-section{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;align-items:flex-start;gap:20px;width:100%}.label-container{width:200px;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center}.label-container label{font-weight:400;text-align:right;white-space:normal;word-wrap:break-word;box-sizing:border-box;color:#000}.input-container{width:400px;flex-shrink:0;display:flex;flex-direction:column}.input-container input,.input-container select{padding:10px;border:1px solid #000000;border-radius:15px;width:100%;box-sizing:border-box;text-align:center;background:#fff}.additional-info{font-size:12px;color:#000;white-space:normal;word-wrap:break-word;margin-top:5px;text-align:left;display:none}.save-button{padding:10px;background-color:#0d6e39;color:#fff;border:none;border-radius:15px;cursor:pointer;width:400px;height:44px;transition:background-color .3s ease;margin-top:20px}.save-button:hover{background-color:#073c1f}.save-button-container{display:flex;justify-content:center}@media (max-width: 768px){.volunteer-profile-container{flex-direction:column}.volunteer-profile-content{padding-left:60px!important;padding-right:30px!important;height:calc(100vh - 128px);overflow-y:auto;position:relative;top:-20px}.volunteer-profile-form{max-width:100%}.form-group{flex-direction:column;align-items:flex-start;gap:5px}.label-container{width:100%;justify-content:flex-start}.label-container label{text-align:left}.input-container,.save-button{width:100%}}@media (min-width: 769px){.volunteer-profile-content{margin-left:200px;max-width:calc(100% - 200px)}}.available-requests-container{display:flex;min-height:100vh;position:relative}.available-requests-content{flex:1;padding:20px;background-color:#f2f2f2;display:flex;flex-direction:column}.available-requests-sort-controls{display:flex;gap:15px;margin-top:10px;justify-content:center;flex-wrap:wrap;padding:5px 0}.available-requests-sort-button{padding:8px 16px;background-color:#0d6e39;color:#fff;border:none;border-radius:15px;cursor:pointer;transition:background-color .3s ease}.available-requests-sort-button:hover{background-color:#073c1f}.available-requests-sort-button.active{background-color:#4caf50}.available-requests-sort-button.active:hover{background-color:#45a049}.table-wrapper{max-height:70vh;margin-top:0;overflow:auto;background-color:#fff;border:1px solid #000000}.requests-table th:nth-child(3),.requests-table td:nth-child(3){min-width:80px;white-space:nowrap}.requests-table th:nth-child(4),.requests-table td:nth-child(4){min-width:70px;white-space:nowrap}.requests-table th:nth-child(6),.requests-table td:nth-child(6){min-width:80px;white-space:nowrap}.requests-table th:nth-child(7),.requests-table td:nth-child(7){min-width:120px;white-space:nowrap}.details-link{color:#0d6e39;text-decoration:underline;cursor:pointer}.details-link:hover{color:#073c1f}.table-status{color:green}.description-row{background-color:#f0f0f0}.description-left,.description-right{flex:1;padding:10px;background-color:#f5f5f5;border-radius:15px}.description-left h3,.description-right h3{font-size:18px;margin-bottom:10px;color:#000}.description-left p,.description-right p{font-size:16px;color:#333;margin-bottom:10px;word-wrap:break-word;overflow-wrap:break-word}.health-section{margin-top:15px;background-color:#e0e0e0;padding:10px;border-radius:15px}.health-section h4{font-size:16px;margin-bottom:5px;color:#000}.description-actions{display:flex;gap:10px;justify-content:center}.table-action-button{padding:8px 16px;background-color:#0d6e39;color:#fff;border:none;border-radius:15px;cursor:pointer;transition:background-color .3s ease;width:120px}.table-action-button:hover{background-color:#073c1f}.accept-button{background-color:#4caf50}.accept-button:hover{background-color:#45a049}@media (max-width: 768px){.available-requests-container{flex-direction:column}.available-requests-content{padding-left:60px!important;padding-right:30px!important;height:calc(100vh - 128px);overflow-y:auto;margin-top:0}.table-wrapper{overflow-x:auto;max-height:60vh}.requests-table{min-width:700px}.requests-table th,.requests-table td{font-size:12px;padding:8px}.description-content{flex-direction:column}.available-requests-sort-controls{flex-direction:column;align-items:center}}@media (min-width: 769px){.available-requests-content{margin-left:200px;max-width:calc(100% - 200px);margin-top:-215px}}.volunteer-my-requests-container{display:flex;min-height:100vh;position:relative}.volunteer-my-requests-content{flex:1;padding:20px;background-color:#f2f2f2;display:flex;flex-direction:column}.volunteer-my-requests-sort-controls{display:flex;gap:15px;margin-top:10px;justify-content:center;flex-wrap:wrap;padding:5px 0}.volunteer-my-requests-sort-button{padding:8px 16px;background-color:#0d6e39;color:#fff;border:none;border-radius:15px;cursor:pointer;transition:background-color .3s ease}.volunteer-my-requests-sort-button:hover{background-color:#073c1f}.volunteer-my-requests-sort-button.active{background-color:#4caf50}.volunteer-my-requests-sort-button.active:hover{background-color:#45a049}.table-wrapper{max-height:calc(100vh - 175px);margin-top:0;overflow:auto;background-color:#fff;border:1px solid #000000}.requests-table{width:100%;border-collapse:collapse;border-spacing:0}.requests-table th,.requests-table td{padding:12px;text-align:center;border:1px solid #000000;color:#000}.requests-table th{background-color:#0d6e39;color:#fff;font-weight:700;position:sticky;top:0;z-index:10}.requests-table td{background-color:#fff}.requests-table thead tr:first-child th:first-child{border-top-left-radius:0;border-left:1px solid #000000;border-top:1px solid #000000}.requests-table thead tr:first-child th:last-child{border-top-right-radius:0;border-right:1px solid #000000;border-top:1px solid #000000}.requests-table tbody tr:last-child td:first-child{border-bottom-left-radius:0;border-left:1px solid #000000;border-bottom:1px solid #000000}.requests-table tbody tr:last-child td:last-child{border-bottom-right-radius:0;border-right:1px solid #000000;border-bottom:1px solid #000000}.requests-table th,.requests-table td{border-left:none;border-top:none}.requests-table th:first-child,.requests-table td:first-child{border-left:1px solid #000000}.requests-table th:last-child,.requests-table td:last-child{border-right:1px solid #000000}.requests-table thead tr:first-child th{border-top:1px solid #000000}.requests-table tbody tr:last-child td{border-bottom:1px solid #000000}.requests-table th:nth-child(1),.requests-table td:nth-child(1){min-width:120px;white-space:normal;word-wrap:break-word}.requests-table th:nth-child(2),.requests-table td:nth-child(2){min-width:150px;white-space:normal;word-wrap:break-word}.requests-table th:nth-child(3),.requests-table td:nth-child(3){min-width:0;white-space:nowrap}.requests-table th:nth-child(4),.requests-table td:nth-child(4){min-width:0;white-space:nowrap}.requests-table th:nth-child(5),.requests-table td:nth-child(5){min-width:150px;white-space:normal;word-wrap:break-word}.requests-table th:nth-child(6),.requests-table td:nth-child(6){min-width:0;white-space:nowrap}.requests-table th:nth-child(7),.requests-table td:nth-child(7){min-width:0;white-space:nowrap}.requests-table th:nth-child(8),.requests-table td:nth-child(8){min-width:120px;white-space:normal;word-wrap:break-word}.requests-table th:nth-child(9),.requests-table td:nth-child(9){min-width:120px;white-space:normal;word-wrap:break-word}.request-row:hover{background-color:#f0f0f0}.table-no-data{text-align:center;padding:20px;color:#666}@media (max-width: 768px){.volunteer-my-requests-container{flex-direction:column}.volunteer-my-requests-content{padding-left:60px!important;padding-right:30px!important;height:calc(100vh - 128px);overflow-y:auto;margin-top:0}.volunteer-my-requests-sort-controls{flex-direction:column;align-items:center;gap:10px;margin-top:5px;padding:5px 0}.volunteer-my-requests-sort-button{padding:6px 12px;font-size:14px;width:100%;max-width:200px}.table-wrapper{overflow-x:auto;max-height:calc(100vh - 178px)}.requests-table{min-width:900px}.requests-table th,.requests-table td{font-size:12px;padding:8px}}@media (min-width: 769px){.volunteer-my-requests-content{margin-left:200px;max-width:calc(100% - 200px);margin-top:-215px}}.request-description{padding:15px;background-color:#fff;border:1px solid #000000;border-radius:15px;margin:10px 0}.description-content{display:flex;gap:20px;margin-bottom:15px}.description-section{flex:1;padding:10px;background-color:#f5f5f5;border-radius:15px;display:flex;flex-direction:column;align-items:center}.description-section h3{font-size:18px;margin-bottom:10px;color:#000}.description-section p{font-size:16px;color:#333;margin-bottom:10px;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 768px){.description-content{flex-direction:column}}.volunteer-modal{background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 8px #0003;text-align:center;width:400px;border:2px solid rgba(13,110,57,1)}.volunteer-modal h3{margin-bottom:15px;font-size:18px;color:#333}.volunteer-modal label{display:block;text-align:left;margin-bottom:5px;font-size:14px;color:#333}.custom-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.custom-select-wrapper{position:relative;width:100%;margin-bottom:15px}.custom-select{padding:10px;border:1px solid #000000;border-radius:15px;background-color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;width:100%}.custom-select-value{text-align:center;width:100%}.custom-select-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;pointer-events:none}.custom-select-options{position:absolute;top:100%;left:0;right:0;border:1px solid #000000;border-radius:15px;background-color:#fff;z-index:10;display:none;max-height:150px;overflow-y:auto;box-sizing:border-box;scrollbar-gutter:stable;width:100%}.custom-select-options.open{display:block}.custom-select-option{padding:10px;text-align:left;cursor:pointer;width:100%;box-sizing:border-box;min-width:0;white-space:normal;word-wrap:break-word}.custom-select-option:hover{background-color:#f0f0f0}.volunteer-buttons{display:flex;gap:10px;justify-content:center}.description-section .action-button{padding:10px 20px;background-color:#0d6e39;color:#fff;border:none;border-radius:15px;cursor:pointer;transition:background-color .3s ease;width:100%;max-width:130px;text-align:center;box-sizing:border-box;white-space:normal;height:50px;display:flex;align-items:center;justify-content:center}.description-section .action-button:hover{background-color:#073c1f}@media (max-width: 768px){.volunteer-modal{width:90%;max-width:300px}.volunteer-buttons{flex-direction:column;gap:5px}.description-section .action-button{max-width:100%}}*{margin:0;padding:0;box-sizing:border-box;justify-content:center}body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#f2f2f2;display:flex;flex-direction:column;height:100%;overflow:hidden}main{flex:1;padding-top:100px;padding-bottom:100px}select{padding:10px 30px 10px 10px;border:1px solid #000000;border-radius:15px;width:100%;box-sizing:border-box;text-align:center;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24"><path fill="black" d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:10px;font-size:16px;line-height:1}@media (max-width: 768px){select{padding:8px 25px 8px 8px;font-size:14px;background-position:right 8px center}}