@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Prata&display=swap";.auth-wrapper{min-height:auto;display:flex;align-items:center;justify-content:center;padding:0;position:relative}.auth-page{min-height:calc(100vh - 128px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 12px 20px;gap:12px;position:relative}.auth-wrapper .auth-block{width:400px;max-width:100vw;border-radius:var(--zp-radius-card);box-shadow:var(--zp-shadow-card);overflow:hidden;position:relative;top:auto;left:auto;transform:none;margin:0 auto}.auth-wrapper .tab-switcher{display:flex}.auth-wrapper .tab-switcher button{flex:1;padding:10px 20px;border:none;cursor:pointer;font-size:16px;transition:color .2s ease,background .3s ease,opacity .2s ease;color:inherit;font-weight:600;background:transparent}.auth-wrapper .tab-switcher button.active-tab{--auth-active-tab-bg: var(--zp-grad-surface-top-dim, linear-gradient(180deg, #ebeff0 0%, #ffffff 100%))!important;background:var(--auth-active-tab-bg)!important;background-clip:padding-box;color:var(--zp-color-text-on-light, #111827)}.auth-wrapper .tab-switcher button.inactive-tab{--auth-inactive-tab-bg: var(--zp-grad-dark-45, linear-gradient(180deg, #1f2937 0%, #111827 100%));background:var(--auth-inactive-tab-bg)!important;background-clip:padding-box;color:var(--zp-color-text-on-dark, #ffffff);opacity:1}.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:.95}.auth-wrapper .tab-switcher button.inactive-tab:hover{opacity:1;color:var(--zp-color-text-on-dark, #ffffff)}.auth-wrapper .auth-container{padding:20px;background:var(--zp-grad-surface);border-bottom-left-radius:var(--zp-radius-card);border-bottom-right-radius:var(--zp-radius-card);color:var(--zp-color-text-on-light)}.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:100%;margin:0 auto 10px}.auth-wrapper .auth-form .input-container:last-of-type{margin-bottom:10px}.auth-wrapper .text-input{width:100%;padding:12px 40px;font-size:16px;border-radius:var(--zp-radius-input);border:var(--zp-border-light);background:var(--zp-grad-surface);box-shadow:var(--zp-shadow-soft);text-align:center;color:#111827}.auth-wrapper .text-input:hover{filter:brightness(.98)}.auth-wrapper .text-input:focus{outline:none;background:#fff;box-shadow:var(--zp-shadow-glow)}.auth-wrapper .text-input::placeholder{text-align:center;color:#999}.phone-input-wrapper{display:flex;align-items:center;width:100%;border-radius:var(--zp-radius-input);border:var(--zp-border-light);background:var(--zp-grad-surface);box-shadow:var(--zp-shadow-soft);overflow:hidden}.phone-prefix{display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-right:1px solid rgba(0,0,0,.08);background:linear-gradient(180deg,#f7f9fc,#eef2f6)}.phone-flag{display:inline-flex;align-items:center;justify-content:center;width:26px;height:18px;border-radius:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='18' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23fff'/%3E%3Crect width='3' height='1.333' y='0.333' fill='%230039a6'/%3E%3Crect width='3' height='0.667' y='1.333' fill='%23d52b1e'/%3E%3C/svg%3E") center/cover no-repeat;color:transparent;font-size:0;border:1px solid rgba(0,0,0,.1)}.phone-code{font-weight:600;color:#111827;font-size:14px}.auth-wrapper .phone-input{flex:1;padding:12px;font-size:16px;border:none;background:transparent;color:#111827;text-align:left;letter-spacing:.4px}.auth-wrapper .phone-input:focus{outline:none;background:#fff;box-shadow:inset 0 0 0 1px #4682b44d}.auth-wrapper .phone-input::placeholder{color:#999}.auth-wrapper .prefix{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#666;display:none}.auth-wrapper .prefix.visible{display:inline}.auth-wrapper .submit-btn{width:50%;padding:12px;font-size:16px;border:none;border-radius:var(--zp-radius-btn);background:var(--zp-grad-dark-45);color:#fff;cursor:pointer;transition:background .3s ease,opacity .2s ease;margin:0 auto;display:block}.auth-wrapper .submit-btn:hover{background:var(--zp-grad-dark-45-rev)}.auth-wrapper .submit-btn:disabled{opacity:.7;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:var(--zp-radius-input);border:var(--zp-border-light);background:var(--zp-grad-surface-muted) 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:var(--zp-color-text-on-light);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:var(--zp-shadow-soft)}.auth-wrapper .custom-select-button:hover{filter:brightness(.98)}.auth-wrapper .custom-select-button:focus{outline:none;background:#fff;box-shadow:var(--zp-shadow-glow)}.auth-wrapper .custom-select-dropdown{position:absolute;top:100%;left:0;width:100%;background:var(--zp-grad-surface);border-radius:var(--zp-radius-input);box-shadow:var(--zp-shadow-soft);list-style:none;padding:0;margin:5px 0 0;z-index:10}.auth-wrapper .custom-select-dropdown li{padding:10px;text-align:center;color:#111827;cursor:pointer;transition:background-color .3s ease}.auth-wrapper .custom-select-value{color:var(--zp-color-text-on-light)}.auth-wrapper .custom-select-dropdown li:hover{background-color:var(--zp-color-surface-2)}.instruction-buttons{position:static;display:flex;flex-direction:row;justify-content:center;gap:12px;margin:12px auto 20px;width:400px;max-width:100vw}.instruction-btn{padding:12px 20px;font-size:16px;border:none;border-radius:var(--zp-radius-btn);background:var(--zp-grad-dark-45);color:#fff;cursor:pointer;transition:background .3s ease,opacity .3s ease}.instruction-btn:hover{background:var(--zp-grad-dark-45-rev);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;padding:16px}@media (min-width: 769px){.modal-overlay{padding-left:200px}}@media (max-width: 768px){.modal-overlay{padding-left:60px;padding-right:30px}}.modal-content{position:relative;width:88%;max-width:1000px;max-height:80vh;background:var(--zp-grad-surface);padding:24px 32px;border-radius:var(--zp-radius-card);box-shadow:var(--zp-shadow-soft);color:var(--zp-color-text-on-light);font-family:var(--zp-font-label);line-height:1.55;overflow:hidden}.modal-close-btn{position:absolute;top:8px;right:12px;background:none;border:none;font-size:36px;color:#333;cursor:pointer;transition:color .3s ease;line-height:1}.modal-close-btn:hover{color:var(--zp-color-accent)}.modal-iframe{width:100%;height:70vh;border:none;border-radius:10px}.modal-video{width:100%;height:auto;max-height:70vh;border-radius:10px}.modal-body{padding-top:12px;overflow-y:auto;max-height:calc(80vh - 40px);box-sizing:border-box}.mobile-pdf-actions{display:flex;flex-direction:column;gap:12px}.mobile-pdf-actions p{margin:0;font-size:14px;color:var(--zp-color-text-on-light)}@media (max-width: 768px){.auth-page{align-items:center;padding:48px 12px 20px}.auth-wrapper .auth-block{width:380px;max-width:92vw}.instruction-buttons{flex-direction:column;align-items:stretch;width:380px;max-width:92vw;margin-top:12px;margin-bottom:20px}.instruction-btn{width:100%;text-align:center}.modal-overlay{padding:12px}.modal-content{width:auto;max-width:calc(100vw - 24px);max-height:calc(100vh - 120px);padding:16px;box-sizing:border-box;overflow:hidden;margin:0 auto;font-size:inherit}.modal-iframe{height:60vh}.modal-video{max-height:60vh}.modal-close-btn{font-size:32px}.modal-body{max-height:calc(100vh - 180px);overflow-y:auto}}.tooltip-wrapper{position:relative;display:inline-block}@media (min-width: 1024px){.tooltip-wrapper{position:fixed;right:16px;bottom:80px;z-index:1100}}.tooltip-btn{width:30px;height:30px;border-radius:50%;background:var(--zp-grad-dark-45);color:#fff;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;padding:0;min-height:0;aspect-ratio:1 / 1}.tooltip-btn:hover{opacity:.9}.tooltip-content{position:absolute;background:var(--zp-grad-surface);padding:15px;border-radius:10px;box-shadow:var(--zp-shadow-soft);z-index:100;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow-y:auto;font-size:14px;color:var(--zp-color-text-on-light);border:var(--zp-border-light);box-sizing:border-box}.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:0;list-style-position:inside}.tooltip-content li{margin-bottom:5px;word-wrap:break-word}@media (max-width: 768px){.modal-content ol,.modal-content ul{list-style-position:inside;padding-left:0;margin-left:0}.profile-tooltip-content{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:100px!important;transform:none;width:auto;max-width:calc(100vw - 24px);padding:16px;overflow-wrap:break-word;word-break:break-word;text-align:left;font-size:inherit}.tooltip-content{max-width:calc(100vw - 24px);padding:16px;box-sizing:border-box;text-align:left;overflow-wrap:break-word;word-break:break-word;font-size:inherit;list-style-position:inside}}.auth-wrapper .timer-container{width:80%;margin:10px auto;text-align:center}.auth-wrapper .timer-text{font-size:14px;color:var(--zp-color-label)}.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:var(--zp-grad-surface);padding:20px;border-radius:var(--zp-radius-card);box-shadow:var(--zp-shadow-card);text-align:center;width:300px;border:2px solid var(--zp-color-accent)}.custom-alert p{font-size:16px;color:#333;margin-bottom:20px;white-space:pre-line}.custom-alert-button{padding:8px 16px;background:var(--zp-grad-dark-45);color:#fff;border:none;border-radius:var(--zp-radius-btn);cursor:pointer;transition:background .3s ease}.custom-alert-button:hover{background:var(--zp-grad-dark-45-rev)}.sidebar{position:fixed;top:64px;left:0;bottom:64px;width:200px;background:var(--zp-grad-sidebar-soft);color:var(--zp-color-text-on-light);display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;overflow-y:auto;transition:transform .3s ease;z-index:2000;border-right:var(--zp-border-subtle);border-top-right-radius:var(--zp-radius-card);border-bottom-right-radius:var(--zp-radius-card);box-shadow:var(--zp-shadow-soft)}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-200px)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1999;display:none}.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:transparent;color:var(--zp-color-text-on-light);border:var(--zp-border-light);padding:10px 15px;font-size:16px;text-align:left;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-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:#4682b429}.menu-item:hover{background-color:#4682b41a}.close-button{background:transparent;color:var(--zp-color-text-on-light);border:var(--zp-border-light);padding:10px 15px;font-size:16px;text-align:center;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease;border-radius:4px;width:100%;margin-top:10px}.close-button:hover{background-color:#4682b41a}.logout-container{padding:10px 0;width:100%}.logout-button{background:var(--zp-grad-dark-45);color:#fff;border:none;padding:10px 15px;font-size:16px;text-align:center;cursor:pointer;transition:filter .2s ease,transform .1s ease;width:100%;text-decoration:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:50px;border-radius:var(--zp-radius-btn);box-shadow:0 4px 16px #0000002e}.logout-button:hover{filter:brightness(1.05)}.logout-button:active{transform:translateY(1px);filter:brightness(.98)}.toggle-bar{position:fixed;top:12px;left:12px;width:44px;height:44px;background:var(--zp-grad-header);border-right:var(--zp-border-subtle);display:none;justify-content:center;align-items:center;cursor:pointer;z-index:2001;border-radius:10px;box-shadow:0 2px 8px #00000026}.toggle-bar .toggle-arrow{font-size:20px;color:var(--zp-color-text-on-dark);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:min(260px,82vw);box-shadow:4px 0 20px #00000040;background:var(--zp-grad-sidebar-soft),#1a1a1a;opacity:1}.sidebar.open{transform:translate(0)}.sidebar.closed{transform:translate(-100%)}.toggle-bar{display:flex}.sidebar-backdrop{display:block}}@media (min-width: 769px){.sidebar{transform:translate(0)}}@media (max-width: 480px){.menu-item,.logout-button,.close-button{min-height:44px;font-size:15px}.toggle-bar{width:44px}}.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 var(--zp-color-accent);border-radius:50%;animation:spin .3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-container{display:flex;height:100%;position:relative}.page-title{display:none}.profile-content{flex:1;padding:32px 24px;background:transparent;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 128px)}.profile-form{display:flex;flex-direction:column;gap:18px;width:100%;max-width:620px;position:relative}.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-family:var(--zp-font-label);font-weight:500;text-align:center;white-space:normal;word-wrap:break-word;box-sizing:border-box;color:var(--zp-color-label);letter-spacing:.2px;text-shadow:none}.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}.profile-container .input-container input,.profile-container .input-container select{text-align:center;text-align-last:center}.profile-container .input-container input,.profile-container .input-container select{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--zp-radius-input);border:none;background:var(--zp-grad-surface);color:#111827;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:var(--zp-shadow-soft)}.profile-container .input-container input:hover,.profile-container .input-container select:hover{filter:brightness(.98)}.profile-container .input-container input:focus,.profile-container .input-container select:focus{outline:none;background:#fff;box-shadow:var(--zp-shadow-glow)}.input-container textarea{height:300px;width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--zp-radius-input);border:none;background:var(--zp-grad-surface);color:#111827;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;resize:vertical;box-shadow:var(--zp-shadow-soft)}.input-container textarea:hover{filter:brightness(.98)}.input-container textarea:focus{outline:none;background:#fff;box-shadow:var(--zp-shadow-glow)}@media (max-width: 480px){.profile-container .input-container input,.profile-container .input-container select,.input-container textarea{font-size:16px}.save-button{min-height:44px}}.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:var(--zp-grad-dark-45);color:#fff;border:none;border-radius:var(--zp-radius-btn);cursor:pointer;width:60%;height:44px;transition:background .3s ease;margin:0 auto}.save-button-container{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px;position:relative;left:0;margin-bottom:30px}.input-container .health-description{width:100%;height:150px;padding:8px;border:none;border-radius:var(--zp-radius-input);resize:vertical;background:var(--zp-grad-surface);box-shadow:var(--zp-shadow-soft)}@media (max-width: 768px){.profile-container{flex-direction:column}.profile-form{max-width:100%;padding:16px 12px;gap:12px}.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:0 auto;margin-top:0!important}.save-button-container{width:100%;gap:10px}}.profile-form{left:0;max-width:720px}.label-container{width:auto;justify-content:flex-start}@media (max-width: 768px){.profile-content{align-items:flex-start;padding:12px 12px 24px;min-height:auto}.form-group{grid-template-columns:1fr}.label-container label{text-align:left}}@media (min-width: 769px){.profile-content{margin-left:200px;max-width:calc(100% - 200px)}}.header{width:100%;height:64px;padding-top:env(safe-area-inset-top);background:var(--zp-grad-header);position:fixed;-webkit-backface-visibility:hidden;transform:translateZ(0);top:0;left:0;z-index:2000;color:var(--zp-color-text-on-dark)}@supports (padding: max(0px)){.header{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.footer{width:100%;height:64px;background:var(--zp-grad-panels);position:fixed;-webkit-backface-visibility:hidden;transform:translateZ(0);bottom:0;left:0;z-index:1000;color:var(--zp-color-text-on-dark)}.footer-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px}.footer-brand{display:flex;align-items:center;gap:10px;min-width:0}.footer-logo{height:55px;width:auto;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.footer-coop-text{font-size:12px;color:var(--zp-color-text-on-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-links{display:flex;align-items:center;gap:12px}.footer-link{color:var(--zp-color-text-on-dark);text-decoration:none;font-size:12px}.footer-link:hover{color:var(--zp-color-text-on-dark-muted);text-decoration:underline}@supports (padding: max(0px)){.footer-inner{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}@media (max-width: 480px){.footer-inner{gap:8px}.footer-coop-text{display:none}.footer-link{font-size:11px}}@media (max-width: 768px){.footer{height:auto;min-height:56px}.footer-inner{height:auto;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.footer-brand{justify-content:center}.footer-logo{height:44px}.footer-links{width:100%;justify-content:center;flex-wrap:wrap;gap:8px}.footer-link{font-size:12px}}.create-request-container{display:flex;height:100%;position:relative}.create-request-content{flex:1;padding:32px 24px;background:transparent;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 128px)}.request-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:620px}.frame{width:100%;padding:10px 0}.frame-details{display:flex;flex-direction:column;gap:10px}.field-group{display:flex;align-items:center;gap:12px}.label{width:200px;font-family:var(--zp-font-label);font-weight:500;text-align:left;color:var(--zp-color-label);letter-spacing:.2px;text-shadow:none}.input-title{width:100%;padding:12px 14px;border:none;border-radius:var(--zp-radius-input);text-align:center;background:var(--zp-grad-surface);box-shadow:var(--zp-shadow-soft)}.date-time-group{align-items:center}.date-time-inputs{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;width:400px}@media (max-width: 1024px){.date-time-inputs{width:100%}}.input-date,.input-time{width:100%;padding:12px 14px;border:none;border-radius:var(--zp-radius-input);text-align:center;background:var(--zp-grad-surface);box-shadow:var(--zp-shadow-soft)}.dt-input-wrapper{position:relative}.dt-placeholder{position:absolute;left:36px;top:50%;transform:translateY(-50%);color:#9aa0a6;pointer-events:none;font-size:14px}.dt-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:16px 16px;filter:grayscale(30%);opacity:.9}.dt-icon.calendar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239aa0a6' viewBox='0 0 24 24'%3E%3Cpath d='M7 2v2H5a2 2 0 0 0-2 2v1h18V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7zm14 7H3v11a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9z'/%3E%3C/svg%3E")}.dt-icon.clock{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239aa0a6' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zm1 11h5v2h-7V6h2v6z'/%3E%3C/svg%3E")}.input-date,.input-time{padding-left:40px;text-align:left}.input-date,.input-time{min-width:0;box-sizing:border-box}.frame-description{display:flex;flex-direction:column}.description-label{margin-bottom:10px;font-family:var(--zp-font-label);font-weight:500;color:var(--zp-color-label);letter-spacing:.2px;text-shadow:none}.input-description{width:100%;min-height:140px;padding:12px 14px;border:none;border-radius:var(--zp-radius-input);resize:vertical;box-sizing:border-box;text-align:left;background:var(--zp-grad-surface);color:#111827;box-shadow:var(--zp-shadow-soft)}.input-title:hover,.input-date:hover,.input-time:hover,.input-description:hover{filter:brightness(.98)}.input-title:focus,.input-date:focus,.input-time:focus,.input-description:focus{outline:none;background:#fff;box-shadow:var(--zp-shadow-glow)}@media (max-width: 480px){.input-title,.input-date,.input-time,.input-description{font-size:16px}.button{min-height:44px}}.buttons-container{display:flex;justify-content:center;align-items:center;gap:12px;padding-bottom:10px;margin-top:10px;position:relative;margin-bottom:30px}.button{padding:10px 20px;background:var(--zp-grad-dark-45);color:#fff;border:none;border-radius:var(--zp-radius-btn);cursor:pointer;transition:background .3s ease;width:60%;height:44px;margin:0 auto}.button:hover{background:var(--zp-grad-dark-45-rev)}@media (max-width: 768px){.create-request-container{flex-direction:column}.create-request-content{padding:12px 12px 24px;height:auto;overflow:visible;position:relative;top:0;align-items:flex-start;min-height:auto}.request-form{max-width:100%;width:100%;padding:0 4px;gap:12px;overflow:hidden}.field-group{flex-direction:column;align-items:flex-start;gap:10px;width:100%}.label{width:100%;text-align:left}.input-title,.input-date,.input-time{width:100%}.date-time-inputs{grid-template-columns:1fr;width:100%}.date-time-inputs{row-gap:10px;width:100%!important}.dt-input-wrapper{width:100%}.input-date,.input-time{width:100%!important;max-width:100%;box-sizing:border-box;padding-left:34px;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0}.buttons-container{justify-content:center;width:100%}.frame-description{margin-top:-12px}.buttons-container .button{width:100%;margin:0}}@media (min-width: 769px){.create-request-content{margin-left:200px;max-width:calc(100% - 200px)}}.my-requests-container{display:flex;height:100%;position:relative}.my-requests-content{flex:1;padding:20px;background:transparent;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.my-requests-title{display:none;font-size:24px;color:var(--zp-color-text-on-light);margin-bottom:20px;text-align:center}.my-requests-sort-controls{display:flex;gap:8px;margin-top:8px;justify-content:center;flex-wrap:wrap;padding:4px 0}.my-requests-sort-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;height:32px;font-size:13px;line-height:1.2;color:var(--zp-color-accent);background:var(--zp-grad-surface);border:var(--zp-border-light);border-radius:9999px;cursor:pointer;min-height:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.my-requests-sort-button:hover{filter:brightness(.98)}.my-requests-sort-button.active{background:var(--zp-grad-dark-45);color:#fff;border:none}.my-requests-sort-button.active:hover{background:var(--zp-grad-dark-45-rev)}.table-wrapper{flex:1;min-height:0;overflow:auto;background:var(--zp-grad-surface);border:var(--zp-border-light);border-radius:var(--zp-radius-card);box-shadow:var(--zp-shadow-soft)}.requests-table td{background-color:#fff}.actions-cell{white-space:nowrap}@media (max-width: 480px){.action-button,.task-action-button{min-height:40px;font-size:12px}}.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:row;gap:6px;justify-content:center;align-items:center;flex-wrap:nowrap}.action-button:hover{background:var(--zp-grad-dark-45-rev)}.action-button.reject,.action-button.cancel{background-color:var(--zp-color-error)}.action-button.reject:hover,.action-button.cancel:hover{filter:brightness(.95)}.volunteer-name{font-weight:600}.volunteer-phone{font-size:12px;color:var(--zp-color-text-muted)}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;white-space:nowrap}.card-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0;font-size:14px}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.card-actions .task-action-button,.card-actions .action-button{flex:1 1 48%;min-width:140px;height:40px}.card-actions.wide-actions{gap:8px}.card-actions.confirm-pair{width:100%}.card-actions.confirm-pair .task-action-button{flex:1 1 50%;min-width:0}.card-row.confirm-row{display:flex;gap:8px}.card-row.confirm-row .task-action-button{flex:1 1 50%;min-width:0;height:40px}.card-actions .confirm-row{width:100%;justify-content:center}.card-actions .confirm-row .task-action-button{flex:1 1 50%;min-width:0;height:40px}.mobile-detail-title.accent-title{color:var(--zp-color-accent)}.card-note{color:#374151;font-size:13px}.card-note-success{color:#15803d;font-weight:700}.desktop-details{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;padding:10px 12px;background:#f8fafc;border-radius:var(--zp-radius-card);border:var(--zp-border-light);text-align:left}.desktop-details.new-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px 16px}.desktop-details .details-card{background:linear-gradient(180deg,#fff,#f5f7fb);border:var(--zp-border-light);border-radius:var(--zp-radius-card);padding:14px 16px;box-shadow:var(--zp-shadow-soft)}.desktop-details .details-card h3{margin:0 0 10px;color:var(--zp-color-accent);font-size:16px}.desktop-details .details-card p{margin:6px 0}.desktop-details .full-row{grid-column:1 / -1}.desktop-details div{color:#111827}.task-action-button{padding:8px 10px;background:var(--zp-grad-dark-45);color:#fff;border:none;border-radius:var(--zp-radius-btn);cursor:pointer;transition:background .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.reject{background-color:var(--zp-color-error)}.requests-table .task-action-button.reject:hover{filter:brightness(.95)}.action-button.dark-gradient{background:var(--zp-grad-dark-45);color:#fff}.rating-modal{background:var(--zp-grad-surface);padding:24px;border-radius:var(--zp-radius-card);box-shadow:0 12px 36px #0000002e;text-align:center;width:360px;border:1px solid rgba(0,0,0,.06);color:var(--zp-color-text-on-light)}.rating-modal h3{margin-bottom:15px;font-size:18px;color:#333}.rating-stars{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.star-button{width:40px;height:40px;border:none;background:transparent;font-size:26px;color:#d1d5db;cursor:pointer;transition:color .15s ease,transform .15s ease}.star-button.active{color:#f7b500}.star-button:hover{transform:translateY(-1px);color:#facc15}.custom-select{padding:10px;border:none;border-radius:var(--zp-radius-input);background:var(--zp-grad-surface);display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;box-shadow:var(--zp-shadow-soft)}.custom-select-options{position:absolute;top:100%;left:0;right:0;border:none;border-radius:var(--zp-radius-input);background:var(--zp-grad-surface);z-index:10;display:none;max-height:150px;overflow-y:auto;box-sizing:border-box;scrollbar-gutter:stable;box-shadow:var(--zp-shadow-soft)}.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 #e5e7eb;border-radius:var(--zp-radius-input);width:100%;height:110px;box-sizing:border-box;text-align:left;margin-bottom:15px;resize:vertical;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:inset 0 1px 2px #0000000a}.rating-buttons{display:flex;gap:10px;justify-content:center}.rating-buttons .task-action-button.primary{max-width:none;width:50%;background:var(--zp-grad-dark-45);border-radius:var(--zp-radius-btn)}.rating-buttons .action-button.cancel{max-width:none;width:50%;background:#f3f4f6;color:#111827;border-radius:var(--zp-radius-btn);border:1px solid #d1d5db}.volunteer-rating-inline{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#111827}.rating-star-symbol{color:#f5b400;font-size:16px;line-height:1}@media (max-width: 768px){.my-requests-container{flex-direction:column}.my-requests-content{padding:12px 12px 56px!important;margin-top:0}.my-requests-sort-controls{display:none}.sort-controls-mobile{display:flex;justify-content:center;align-items:center;gap:8px;margin:6px 0 10px}.sort-controls-mobile .sort-select{flex:1;max-width:220px;padding:8px 10px;border:var(--zp-border-light);border-radius:9999px;background:var(--zp-grad-surface);color:var(--zp-color-accent);text-align:center;text-align-last:center}.sort-controls-mobile .sort-order-btn{height:36px;min-width:44px;padding:0 10px;border:var(--zp-border-light);border-radius:9999px;background:var(--zp-grad-surface);color:var(--zp-color-accent)}.my-requests-sort-button{padding:6px 10px;font-size:12px}.table-wrapper{overflow-x:hidden}.requests-table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0 8px}.requests-table th,.requests-table td{font-size:12px;padding:8px}.action-buttons{flex-direction:row;gap:6px;flex-wrap:nowrap}.action-button{padding:6px 10px;font-size:12px;max-width:100%}.rating-modal{width:90%;max-width:320px}.rating-buttons{flex-direction:row;gap:8px}.rating-buttons .task-action-button.primary,.rating-buttons .action-button.cancel{width:100%}.requests-table thead{display:none}.requests-table td:nth-child(1),.requests-table td:nth-child(4),.requests-table td:nth-child(5),.requests-table td:nth-child(7),.requests-table td:nth-child(8){display:none}.request-row{cursor:pointer;background:var(--zp-grad-surface);border:var(--zp-border-light);border-radius:12px}.request-row td{border:none;padding:12px 14px;text-align:left}.request-row td:nth-child(2){font-weight:600;color:#111827}.request-row td:nth-child(3){color:#374151}.request-row td:nth-child(6),.request-row td:nth-child(9){text-align:right}.details-row td{border:none;padding:0 6px 6px}.details-row .mobile-details{padding:10px;background:var(--zp-grad-surface);border:var(--zp-border-light);border-radius:12px;display:grid;grid-template-columns:1fr;gap:6px}}@media (min-width: 769px){.my-requests-content{margin-left:200px;max-width:calc(100% - 200px);margin-top:0}}@media (max-width: 768px){.mobile-burger{display:inline-flex}.card-row{font-size:13px}.card-title{font-size:16px}.card-value{text-align:left}.card-actions .task-action-button,.card-actions .action-button{min-width:0;flex:1 1 100%}.requests-cards{padding-bottom:24px}.rating-modal{width:92%;max-width:360px}.rating-stars{gap:6px}.star-button{width:38px;height:38px;font-size:20px}.my-requests-tooltip{position:fixed;right:14px;bottom:14px}}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--zp-color-surface-3);border-radius:20px;width:12px;margin:0 2px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--zp-grad-dark-45);border-radius:15px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--zp-grad-dark-45-rev)}.custom-scrollbar::-webkit-scrollbar-button{display:none}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#4a4a4a var(--zp-color-surface-3)}.volunteer-profile-container{display:flex;height:100%;position:relative}.volunteer-profile-content{flex:1;padding:32px 24px;background:transparent;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 128px)}.page-title{font-size:24px;color:#000;margin-bottom:20px;text-align:center}.volunteer-profile-form{display:flex;flex-direction:column;gap:18px;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-family:var(--zp-font-label);font-weight:500;text-align:right;white-space:normal;word-wrap:break-word;box-sizing:border-box;color:var(--zp-color-label);letter-spacing:.2px;text-shadow:none}.input-container{width:400px;flex-shrink:0;display:flex;flex-direction:column}.input-container select{text-align:center;text-align-last:center}.input-container input,.input-container select{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--zp-radius-input);border:none;background:var(--zp-grad-surface);color:#111827;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:var(--zp-shadow-soft)}.input-container input:hover,.input-container select:hover{filter:brightness(.98)}.input-container input:focus,.input-container select:focus{outline:none;background:#fff;box-shadow:var(--zp-shadow-glow)}@media (max-width: 480px){.input-container input,.input-container select{font-size:16px}.save-button{min-height:44px}}.additional-info{font-size:12px;color:var(--zp-color-text-on-light);white-space:normal;word-wrap:break-word;margin-top:5px;text-align:left;display:none}.save-button{padding:10px;background:var(--zp-grad-dark-45);color:#fff;border:none;border-radius:var(--zp-radius-btn);cursor:pointer;width:60%;height:44px;transition:background .3s ease;margin-top:16px;margin-left:auto;margin-right:auto}.save-button:hover{background:var(--zp-grad-dark-45-rev)}.save-button-container{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:30px}@media (max-width: 768px){.volunteer-profile-container{flex-direction:column}.volunteer-profile-content{align-items:flex-start;padding:12px 12px 24px;min-height:auto}.volunteer-profile-form{max-width:100%;padding:16px 12px;gap:12px}.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-left:0;margin-right:0}.save-button-container{width:100%;gap:10px}}.volunteer-profile-form{max-width:720px}.form-group{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:10px 20px}.label-container{width:auto;justify-content:flex-end}.input-container{width:100%}@media (max-width: 768px){.form-group{grid-template-columns:1fr}.label-container{justify-content:flex-start}.label-container label{text-align:left}}@media (min-width: 769px){.volunteer-profile-content{margin-left:200px;max-width:calc(100% - 200px)}}.mobile-burger{position:fixed;top:12px;left:12px;z-index:2100;width:44px;height:44px;border:none;border-radius:10px;background:#0f141a;color:#fff;border:1px solid rgba(255,255,255,.5);display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:22px}@media (max-width: 768px){.mobile-burger{display:inline-flex}}.available-requests-container{display:flex;height:100%;position:relative}.available-requests-content{flex:1;padding:20px;background:transparent;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.available-requests-sort-controls{display:flex;gap:8px;margin-top:8px;justify-content:center;flex-wrap:wrap;padding:4px 0}.available-requests-sort-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;height:32px;font-size:13px;line-height:1.2;color:var(--zp-color-accent);background:var(--zp-grad-surface);border:var(--zp-border-light);border-radius:9999px;cursor:pointer;min-height:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.available-requests-sort-button:hover{filter:brightness(.98)}.available-requests-sort-button.active{background:var(--zp-grad-dark-45);color:#fff;border:none}.available-requests-sort-button.active:hover{background:var(--zp-grad-dark-45-rev)}.requests-table th,.requests-table td{padding:10px;text-align:center;border:var(--zp-border-light);color:var(--zp-color-text-on-light)}.requests-table td.details-link{color:var(--zp-color-accent);font-weight:600;text-decoration:underline;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s ease,filter .15s ease}.requests-table td.details-link:hover{filter:brightness(.95)}.requests-table td.details-link:after{content:" →";font-weight:700}.requests-table thead tr:first-child th:first-child{border-top-left-radius:0;border-left:var(--zp-border-light);border-top:var(--zp-border-light)}.requests-table thead tr:first-child th:last-child{border-top-right-radius:0;border-right:var(--zp-border-light);border-top:var(--zp-border-light)}.requests-table tbody tr:last-child td:first-child{border-bottom-left-radius:0;border-left:var(--zp-border-light);border-bottom:var(--zp-border-light)}.requests-table tbody tr:last-child td:last-child{border-bottom-right-radius:0;border-right:var(--zp-border-light);border-bottom:var(--zp-border-light)}.table-action-button{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:6px 12px;font-size:13px;line-height:1.2;background:var(--zp-grad-dark-45);color:#fff;border:none;border-radius:var(--zp-radius-btn);cursor:pointer;transition:background .2s ease;white-space:nowrap}.table-action-button:hover{background:var(--zp-grad-dark-45-rev)}.accept-button{background-color:var(--zp-color-success)}.accept-button:hover{filter:brightness(.95)}@media (max-width: 768px){.available-requests-container{flex-direction:column}.available-requests-content{padding-left:60px!important;padding-right:30px!important;margin-top:0}.table-wrapper{overflow-x:hidden}.requests-table{width:100%;min-width:0;table-layout:fixed}.requests-table th,.requests-table td{font-size:12px;padding:8px}.description-content{flex-direction:column}.available-requests-sort-controls{display:none}.sort-controls-mobile{display:flex;justify-content:center;align-items:center;gap:8px;margin:6px 0 10px}.sort-controls-mobile .sort-select{flex:1;max-width:220px;padding:8px 10px;border:var(--zp-border-light);border-radius:9999px;background:var(--zp-grad-surface);color:var(--zp-color-accent);text-align:center}.sort-controls-mobile .sort-order-btn{height:36px;min-width:44px;padding:0 10px;border:var(--zp-border-light);border-radius:9999px;background:var(--zp-grad-surface);color:var(--zp-color-accent)}.requests-table thead{display:none}.requests-table td:nth-child(4),.requests-table td:nth-child(5),.requests-table td:nth-child(6){display:none}.request-row{cursor:pointer}}@media (min-width: 769px){.available-requests-content{margin-left:200px;max-width:calc(100% - 200px);margin-top:0}}.description-actions{margin-top:12px;display:flex;justify-content:flex-end}@media (max-width: 768px){.request-description{padding:12px 8px 14px}.description-left,.description-right{padding:14px}.description-left h3,.description-right h3{font-size:15px}.health-section{gap:4px}}@media (max-width: 768px){.available-requests-content{padding:12px 12px 56px!important}.card-row{font-size:13px}.card-value{text-align:left}.requests-cards{padding-bottom:20px}.table-action-button.respond-button.full{width:100%;margin-top:6px}.mobile-burger{display:inline-flex}}.volunteer-my-requests-container{display:flex;height:100%;position:relative}.volunteer-my-requests-content{flex:1;padding:20px;background:transparent;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.volunteer-my-requests-sort-controls{display:flex;gap:8px;margin-top:8px;justify-content:center;flex-wrap:wrap;padding:4px 0}.sort-controls-mobile{display:none}.volunteer-my-requests-sort-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;height:32px;font-size:13px;line-height:1.2;color:var(--zp-color-accent);background:var(--zp-grad-surface);border:var(--zp-border-light);border-radius:9999px;cursor:pointer;min-height:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.volunteer-my-requests-sort-button:hover{filter:brightness(.98)}.volunteer-my-requests-sort-button.active{background:var(--zp-grad-dark-45);color:#fff;border:none}.volunteer-my-requests-sort-button.active:hover{background:var(--zp-grad-dark-45-rev)}.table-wrapper{flex:1;min-height:0;margin-top:0;overflow:auto;background:var(--zp-grad-surface);border:var(--zp-border-light);border-radius:var(--zp-radius-card);box-shadow:var(--zp-shadow-soft)}.requests-table{width:100%;border-collapse:collapse;border-spacing:0}.requests-table th,.requests-table td{padding:10px;text-align:center;border:var(--zp-border-light);color:var(--zp-color-text-on-light);font-size:14px}.requests-table th{background:var(--zp-grad-header);color:#fff;font-weight:700;position:sticky;top:0;z-index:10}.requests-table td{background:#fff}.rating-stars-inline{display:inline-flex;gap:2px;font-size:14px;line-height:1;vertical-align:middle}.rating-stars-inline .star{color:#d0d4db}.rating-stars-inline .star.filled{color:#f5b400}.rating-stars-inline-md{font-size:16px}.details-link-inline{color:var(--zp-color-accent);text-decoration:underline;cursor:pointer;display:inline-block;margin-top:6px;-webkit-user-select:none;user-select:none}.details-link-inline:hover{filter:brightness(.95)}.requests-table th,.requests-table td{border-left:none;border-top:none}.requests-table th:first-child,.requests-table td:first-child{border-left:var(--zp-border-light)}.requests-table th:last-child,.requests-table td:last-child{border-right:var(--zp-border-light)}.requests-table thead tr:first-child th{border-top:var(--zp-border-light)}.requests-table tbody tr:last-child td{border-bottom:var(--zp-border-light)}.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:var(--zp-color-surface-2)}.table-no-data{text-align:center;padding:20px;color:var(--zp-color-text-muted)}.requests-table .action-button,.requests-table .task-action-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;height:32px;font-size:13px;line-height:1.2;background:var(--zp-grad-dark-45);color:#fff;border:none;border-radius:var(--zp-radius-btn);cursor:pointer;transition:background .2s ease;white-space:nowrap;width:auto}.requests-table .action-button:hover,.requests-table .task-action-button:hover{background:var(--zp-grad-dark-45-rev)}@media (max-width: 768px){.volunteer-my-requests-container{flex-direction:column}.volunteer-my-requests-content{padding:12px 12px 56px!important;margin-top:0}.volunteer-my-requests-sort-controls{display:none}.sort-controls-mobile{display:flex;justify-content:center;align-items:center;gap:8px;margin:6px 0 10px}.sort-controls-mobile .sort-select{flex:1;max-width:220px;padding:8px 10px;border:var(--zp-border-light);border-radius:9999px;background:var(--zp-grad-surface);color:var(--zp-color-accent);text-align:center}.sort-controls-mobile .sort-order-btn{height:36px;min-width:44px;padding:0 10px;border:var(--zp-border-light);border-radius:9999px;background:var(--zp-grad-surface);color:var(--zp-color-accent)}.volunteer-my-requests-sort-button{padding:6px 12px;font-size:14px;width:100%;max-width:200px}.table-wrapper{overflow-x:hidden}.requests-table{width:100%;min-width:0;table-layout:fixed}.requests-table th,.requests-table td{font-size:12px;padding:8px}.requests-table thead{display:none}.requests-table td:nth-child(1),.requests-table td:nth-child(4),.requests-table td:nth-child(5),.requests-table td:nth-child(7),.requests-table td:nth-child(8){display:none}.request-row{cursor:pointer}.details-row .mobile-details{padding:10px;background:var(--zp-grad-surface);border:var(--zp-border-light);border-radius:12px;display:grid;grid-template-columns:1fr;gap:6px}}@media (min-width: 769px){.volunteer-my-requests-content{margin-left:200px;max-width:calc(100% - 200px);margin-top:0}}.request-description{padding:14px 12px 18px;background:transparent}.description-content{display:flex;gap:16px;align-items:stretch}.description-left,.description-right{flex:1;min-width:0;padding:16px 18px;border-radius:var(--zp-radius-card, 14px);box-shadow:var(--zp-shadow-soft, 0 6px 18px rgba(0,0,0,.08));border:var(--zp-border-light);color:var(--zp-color-text-on-light)}.description-left{background:linear-gradient(180deg,#fff,#f5f7fb)}.description-right{background:linear-gradient(180deg,#fff,#0070f31a)}.description-left h3,.description-right h3{margin:0 0 10px;font-size:16px;font-weight:700;color:var(--zp-color-accent);text-align:left}.description-left p,.description-right p{margin:6px 0;text-align:left}.description-left strong,.description-right strong{color:#333}.phone-link{color:var(--zp-color-accent);text-decoration:none;border-bottom:1px dashed var(--zp-color-accent)}.phone-link:hover{text-decoration:none;filter:brightness(.95)}.health-section{display:flex;align-items:baseline;gap:6px;text-align:left}.health-section h4{margin:0;font-size:14px;font-weight:700;color:#333}.health-section h4:after{content:":"}.health-section p{margin:0}@media (max-width: 768px){.request-description{display:none}}.chat-panel{margin-top:12px;border:var(--zp-border-light);border-radius:var(--zp-radius-card, 12px);background:#fff;box-shadow:var(--zp-shadow-soft, 0 6px 18px rgba(0,0,0,.08));overflow:hidden}.chat-header{padding:10px 12px;font-weight:700;background:var(--zp-grad-header);color:#fff}.chat-body{max-height:220px;overflow:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.chat-empty{color:var(--zp-color-text-muted);font-size:13px}.chat-msg{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.chat-msg.from-me{align-items:flex-end}.chat-bubble{max-width:80%;padding:8px 10px;border-radius:12px;background:#f1f3f9}.chat-msg.from-me .chat-bubble{background:#e6f0ff}.chat-time{font-size:11px;color:#777}.chat-input{display:flex;gap:8px;padding:10px 12px;border-top:var(--zp-border-light)}.chat-input input{flex:1;padding:8px 10px;border:var(--zp-border-light);border-radius:8px}.chat-input button{padding:8px 12px;border:none;border-radius:8px;background:var(--zp-grad-dark-45);color:#fff;cursor:pointer}.chat-input button:hover{background:var(--zp-grad-dark-45-rev)}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;white-space:nowrap;min-width:110px}.status-pending{background:linear-gradient(90deg,#f59e0b,#f97316)}.status-progress{background:linear-gradient(90deg,#2563eb,#1d4ed8)}.status-done{background:linear-gradient(90deg,#16a34a,#15803d)}.requests-cards{display:flex;flex-direction:column;gap:12px;margin-top:6px}.request-card{background:var(--zp-grad-surface);border:var(--zp-border-light);border-radius:var(--zp-radius-card);box-shadow:var(--zp-shadow-soft);padding:14px 16px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title{font-weight:700;color:#111827;flex:1;word-break:break-word}.card-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-size:14px}.card-label{color:var(--zp-color-text-muted);font-weight:600;flex:0 0 48%;max-width:52%}.card-value{flex:1;text-align:right;color:#111827;word-break:break-word}.card-toggle{margin-top:8px;width:100%;padding:10px 12px;border:var(--zp-border-light);border-radius:12px;background:#f8fafc;color:#111827;font-weight:600;cursor:pointer}.card-toggle:hover{filter:brightness(.97)}.card-details{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb;display:grid;gap:6px}.cards-empty{text-align:center;padding:14px 12px;background:#fff;border-radius:var(--zp-radius-card);border:var(--zp-border-light);color:var(--zp-color-text-muted);box-shadow:var(--zp-shadow-soft)}.mobile-burger{position:fixed;top:12px;left:12px;z-index:2100;width:44px;height:44px;border:1px solid rgba(255,255,255,.5);border-radius:10px;background:#0f141a;color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:22px}@media (max-width: 768px){.mobile-burger{display:inline-flex}.card-row{font-size:13px}.card-value{text-align:left}.requests-cards{padding-bottom:20px}}.request-description{padding:15px;background:var(--zp-grad-surface);border:var(--zp-border-light);border-radius:var(--zp-radius-card);margin:10px 0;box-shadow:var(--zp-shadow-soft)}.description-content{display:flex;gap:20px;margin-bottom:15px}.description-section{flex:1;padding:10px;background:var(--zp-grad-surface);border-radius:var(--zp-radius-card);display:flex;flex-direction:column;align-items:center;box-shadow:var(--zp-shadow-soft)}.description-section h3{font-size:18px;margin-bottom:10px;color:var(--zp-color-text-on-light)}.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:var(--zp-grad-surface);padding:20px;border-radius:var(--zp-radius-card);box-shadow:var(--zp-shadow-card);text-align:center;width:400px;border:2px solid var(--zp-color-accent);color:var(--zp-color-text-on-light)}.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:none;border-radius:var(--zp-radius-input);background:var(--zp-grad-surface);display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;width:100%;box-shadow:var(--zp-shadow-soft)}.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:none;border-radius:var(--zp-radius-input);background:var(--zp-grad-surface);z-index:10;display:none;max-height:150px;overflow-y:auto;box-sizing:border-box;scrollbar-gutter:stable;width:100%;box-shadow:var(--zp-shadow-soft)}.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:var(--zp-color-surface-2)}.volunteer-buttons{display:flex;gap:10px;justify-content:center}.description-section .action-button{padding:10px 20px;background:var(--zp-grad-dark-45);color:#fff;border:none;border-radius:var(--zp-radius-btn);cursor:pointer;transition:background .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:var(--zp-grad-dark-45-rev)}@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%}}:root{--zp-color-bg-0: #000000;--zp-color-bg-1: #333333;--zp-color-bg-2: #2c2c2c;--zp-color-bg-3: #4a4a4a;--zp-color-muted: #666666;--zp-color-surface: #ffffff;--zp-color-surface-2: #f5f5f5;--zp-color-surface-3: #ebeff0;--zp-color-text-on-dark: #ffffff;--zp-color-text-on-dark-muted: #cccccc;--zp-color-text-on-light: #000000;--zp-color-text-muted: #666666;--zp-font-family: "Montserrat", Arial, sans-serif;--zp-font-label: "Copperplate", "Copperplate Gothic Light", "Prata", "PT Serif", "Noto Serif", serif;--zp-color-label: #1f2937;--zp-color-accent: #4682b4;--zp-color-accent-hover: #3a6b9a;--zp-shadow-glow: 0 0 8px rgba(70, 130, 180, .5);--zp-color-success: #2ecc71;--zp-color-error: #e74c3c;--zp-grad-dark-45: linear-gradient(45deg, #000000 0%, #4a4a4a 100%);--zp-grad-dark-45-rev: linear-gradient(-45deg, #000000 0%, #4a4a4a 100%);--zp-grad-header: linear-gradient(359deg, #000000 50%, #333333 100%);--zp-grad-panels: linear-gradient(to right, #2c2c2c, #000000);--zp-grad-surface: linear-gradient(to right, #ffffff, #f5f5f5);--zp-grad-surface-muted: linear-gradient(to right, #ebeff0, #f5f5f5);--zp-grad-surface-top-dim: linear-gradient(180deg, #ebeff0 0%, #ffffff 100%);--zp-grad-auth: linear-gradient(45deg, #edf2f7 0%, #dbe4ee 60%, #f7f9fc 100%);--zp-grad-sidebar-soft: linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(235,239,240,.88) 55%, rgba(70,130,180,.18) 100% );--zp-shadow-soft: 0 2px 10px rgba(0, 0, 0, .1);--zp-shadow-card: 0 4px 8px rgba(0, 0, 0, .2);--zp-radius-btn: 4px;--zp-radius-input: 8px;--zp-radius-card: 16px;--zp-border-light-color: rgba(0, 0, 0, .15);--zp-border-light: 1px solid var(--zp-border-light-color);--zp-border-dark-soft: 1px solid rgba(255, 255, 255, .25);--zp-border-subtle: 1px solid rgba(0, 0, 0, .06)}.zp-surface{background:var(--zp-grad-surface);border-radius:var(--zp-radius-card);box-shadow:var(--zp-shadow-soft)}a{color:var(--zp-color-accent)}a:hover{color:var(--zp-color-accent-hover);text-decoration:underline}input,select,textarea,button{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden;overflow-y:auto}body{font-family:var(--zp-font-family);margin:0;padding:0;background:var(--zp-grad-auth);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;color:var(--zp-color-text-on-light)}body.auth-bg{background:var(--zp-grad-auth)!important;color:var(--zp-color-text-on-light);overflow:hidden}main{flex:1;padding-top:100px;padding-bottom:100px}select{padding:10px 30px 10px 10px;border:none;border-radius:var(--zp-radius-input);width:100%;box-sizing:border-box;text-align:center;background:var(--zp-grad-surface);color:var(--zp-color-text-on-light);box-shadow:var(--zp-shadow-soft);-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}select::placeholder{color:#999}select:focus{outline:none;background:#fff;box-shadow:var(--zp-shadow-glow)}@media (max-width: 768px){select{padding:8px 25px 8px 8px;font-size:14px;background-position:right 8px center}}.table-wrapper,.custom-scrollbar,.requests-table-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width: 480px){#root{padding:0!important;margin:0!important}}input,select,textarea,button{font-size:16px}img,video{max-width:100%;height:auto}a,button{-webkit-tap-highlight-color:transparent}input,select,textarea,button{font-size:16px;min-height:44px}button{touch-action:manipulation}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.circuit-board-background{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background-color:#ebeff0}