html{margin:0;padding:0;height:100%;overflow:hidden}body{margin:0;padding:0;height:100vh;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f6f6f8}#app{height:100vh;overflow-y:auto;overflow-x:hidden}.page-header{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000014;position:sticky;top:0;z-index:100}.page-header-back-btn{color:#222;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;transition:background-color .15s,transform .1s;margin-top:-2px;border-radius:50%;width:40px;height:40px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-header-back-btn:hover{background-color:#f3f3f5}.page-header-back-btn:active{background-color:#d1d1d6;transform:scale(.95)}.page-header-title{font-size:18px;font-weight:600;color:#222;margin:0}.page-header-spacer{width:40px}.chat-icon-btn{display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;transition:background-color .15s,transform .1s;border-radius:50%;width:40px;height:40px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-icon-btn:hover{background-color:#f3f3f5}.chat-icon-btn:active{background-color:#d1d1d6;transform:scale(.95)}.fab{position:fixed;bottom:90px;right:20px;width:56px;height:56px;background:linear-gradient(135deg,#ff931f,#ff5a1f);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #ff780066;transition:transform .2s,box-shadow .2s;text-decoration:none;z-index:100;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fab:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff780080}.fab:active{transform:scale(.95);box-shadow:0 6px 14px #ff780059}@media(min-width:640px){.fab{bottom:110px;right:28px}}#app:has(.dashboard-page){display:block;padding:0;background-color:#f6f6f8}#app:has(.login-page){display:flex;align-items:center;justify-content:center;padding:0;background-color:#f6f6f8}.text-red-600,.login-input-group p{color:#dc2626!important}@media(max-width:767px){#app:has(.login-page){display:block;align-items:unset;justify-content:unset}}#app:has(.register-page){display:block;padding:0;background-color:#fff}.login-page{margin:0 auto;width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#fff;border-radius:0;overflow:hidden;box-shadow:none}@media(min-width:768px){.login-page{max-width:680px;min-height:auto;box-shadow:0 4px 12px #00000014;border-radius:0}}.login-header{background:linear-gradient(180deg,#ff931f,#ff5a1f);padding:40px 20px 120px;color:#fff;box-sizing:border-box;border-radius:0}.login-header-title{margin:0;font-weight:700;font-size:32px;line-height:1.3;text-align:center;padding-left:0;padding-top:20px}.login-header-subtitle{font-size:17px;opacity:.9}.login-content{flex:1;display:flex;flex-direction:column;padding:32px 24px 24px;box-sizing:border-box;background-color:#fff;border-radius:32px 32px 0 0;margin-top:-40px;position:relative;z-index:1}.login-heading{margin:0 0 24px;font-size:24px;font-weight:700;color:#222}.login-form{display:flex;flex-direction:column;gap:16px}.login-input-group{display:flex;flex-direction:column;gap:6px}.login-input-group p{color:#dc2626!important}.login-input-label{font-size:17px;font-weight:600;color:#333}.login-input-wrapper{display:flex;align-items:center;background-color:#f3f3f5;border-radius:999px;padding:14px 18px;box-sizing:border-box;border:2px solid transparent;transition:border-color .2s,background-color .2s}.login-input-wrapper:focus-within{border-color:#ff7a1a;background-color:#fff}.login-input-wrapper input{border:none;outline:none;background:transparent;width:100%;font-size:14px;color:#555}.login-input-wrapper input::-moz-placeholder{color:#b7b7bc}.login-input-wrapper input::placeholder{color:#b7b7bc}.login-input-icon{margin-left:8px;font-size:20px;color:#b7b7bc}.login-password-wrapper{position:relative}.login-password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#b7b7bc;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.login-password-toggle:hover{color:#8c8c92}.login-remember-row{display:flex;align-items:center;gap:10px;margin-top:0;font-size:15px;color:#222}.login-remember-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #ff7a1a;border-radius:50%;cursor:pointer;position:relative;flex-shrink:0;transition:all .2s}.login-remember-row input[type=checkbox]:checked{background-color:transparent;border-color:#ff7a1a}.login-remember-row input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:#ff7a1a}.login-primary-btn{margin-top:8px;width:100%;border:none;border-radius:999px;padding:15px 16px;font-size:17px;font-weight:700;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);box-shadow:0 8px 16px #ff78004d;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-primary-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #ff780059}.login-primary-btn:active{transform:translateY(0);box-shadow:0 6px 14px #ff780040}.login-primary-btn:disabled{opacity:.6;cursor:default}.login-forgot-link{margin-top:16px;text-align:center;font-size:15px;color:#ff7a1a;text-decoration:none;display:block;font-weight:500}.login-forgot-link:hover{text-decoration:underline}.login-footer{margin-top:auto;padding-top:40px;text-align:center;font-size:15px;color:#222}.login-footer a{color:#ff7a1a;text-decoration:none;font-weight:600}.login-footer a:hover{text-decoration:underline}#app:has(.forgot-password-page){display:flex;align-items:center;justify-content:center;padding:0;background-color:#f6f6f8}@media(max-width:767px){#app:has(.forgot-password-page){display:block;align-items:unset;justify-content:unset}}.forgot-password-page{margin:0 auto;width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#fff;border-radius:0;overflow:hidden;box-shadow:none}@media(min-width:768px){.forgot-password-page{max-width:680px;min-height:auto;box-shadow:0 4px 12px #00000014;border-radius:0}}.forgot-password-header{background:linear-gradient(180deg,#ff931f,#ff5a1f);padding:40px 20px 120px;color:#fff;box-sizing:border-box;border-radius:0}.forgot-password-header-title{margin:0;font-weight:700;font-size:32px;line-height:1.3;text-align:center;padding-left:0;padding-top:20px}.forgot-password-content{flex:1;display:flex;flex-direction:column;padding:32px 24px 24px;box-sizing:border-box;background-color:#fff;border-radius:32px 32px 0 0;margin-top:-40px;position:relative;z-index:1}.forgot-password-heading{margin:0 0 16px;font-size:24px;font-weight:700;color:#222}.forgot-password-description{margin:0 0 24px;font-size:15px;line-height:1.5;color:#555}.forgot-password-status{margin-bottom:20px;padding:12px 16px;background-color:#d1fae5;border-radius:12px;font-size:14px;font-weight:500;color:#065f46}.forgot-password-form{display:flex;flex-direction:column;gap:16px}.forgot-password-input-group{display:flex;flex-direction:column;gap:6px}.forgot-password-input-group p{color:#dc2626!important}.forgot-password-input-wrapper{display:flex;align-items:center;background-color:#f3f3f5;border-radius:999px;padding:14px 18px;box-sizing:border-box;border:2px solid transparent;transition:border-color .2s,background-color .2s}.forgot-password-input-wrapper:focus-within{border-color:#ff7a1a;background-color:#fff}.forgot-password-input-wrapper input{border:none;outline:none;background:transparent;width:100%;font-size:14px;color:#555}.forgot-password-input-wrapper input::-moz-placeholder{color:#b7b7bc}.forgot-password-input-wrapper input::placeholder{color:#b7b7bc}.forgot-password-primary-btn{margin-top:8px;width:100%;border:none;border-radius:999px;padding:15px 16px;font-size:17px;font-weight:700;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);box-shadow:0 8px 16px #ff78004d;cursor:pointer;transition:transform .2s,box-shadow .2s}.forgot-password-primary-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #ff780059}.forgot-password-primary-btn:active{transform:translateY(0);box-shadow:0 6px 14px #ff780040}.forgot-password-primary-btn:disabled{opacity:.6;cursor:default}.forgot-password-back-link{margin-top:16px;text-align:center;font-size:15px;color:#ff7a1a;text-decoration:none;display:block;font-weight:500}.forgot-password-back-link:hover{text-decoration:underline}#app:has(.reset-password-page){display:flex;align-items:center;justify-content:center;padding:0;background-color:#f6f6f8}@media(max-width:767px){#app:has(.reset-password-page){display:block;align-items:unset;justify-content:unset}}.reset-password-page{margin:0 auto;width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#fff;border-radius:0;overflow:hidden;box-shadow:none}@media(min-width:768px){.reset-password-page{max-width:680px;min-height:auto;box-shadow:0 4px 12px #00000014;border-radius:0}}.reset-password-header{background:linear-gradient(180deg,#ff931f,#ff5a1f);padding:40px 20px 120px;color:#fff;box-sizing:border-box;border-radius:0}.reset-password-header-title{margin:0;font-weight:700;font-size:32px;line-height:1.3;text-align:center;padding-left:0;padding-top:20px}.reset-password-content{flex:1;display:flex;flex-direction:column;padding:32px 24px 24px;box-sizing:border-box;background-color:#fff;border-radius:32px 32px 0 0;margin-top:-40px;position:relative;z-index:1}.reset-password-heading{margin:0 0 16px;font-size:24px;font-weight:700;color:#222}.reset-password-description{margin:0 0 24px;font-size:15px;line-height:1.5;color:#555}.reset-password-form{display:flex;flex-direction:column;gap:16px}.reset-password-input-group{display:flex;flex-direction:column;gap:6px}.reset-password-input-group p{color:#dc2626!important}.reset-password-input-wrapper{display:flex;align-items:center;background-color:#f3f3f5;border-radius:999px;padding:14px 18px;box-sizing:border-box;border:2px solid transparent;transition:border-color .2s,background-color .2s}.reset-password-input-wrapper:focus-within{border-color:#ff7a1a;background-color:#fff}.reset-password-input-wrapper input{border:none;outline:none;background:transparent;width:100%;font-size:14px;color:#555}.reset-password-input-wrapper input::-moz-placeholder{color:#b7b7bc}.reset-password-input-wrapper input::placeholder{color:#b7b7bc}.reset-password-password-wrapper{position:relative}.reset-password-password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#b7b7bc;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.reset-password-password-toggle:hover{color:#8c8c92}.reset-password-hint{margin:0;font-size:12px;color:#8c8c92}.reset-password-primary-btn{margin-top:8px;width:100%;border:none;border-radius:999px;padding:15px 16px;font-size:17px;font-weight:700;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);box-shadow:0 8px 16px #ff78004d;cursor:pointer;transition:transform .2s,box-shadow .2s}.reset-password-primary-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #ff780059}.reset-password-primary-btn:active{transform:translateY(0);box-shadow:0 6px 14px #ff780040}.reset-password-primary-btn:disabled{opacity:.6;cursor:default}.register-page{margin:0;width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#fff;border-radius:0;overflow:hidden;box-shadow:none;position:relative}#app:has(.register-page) .register-page{max-width:100%;border-radius:0;box-shadow:none}.register-header{position:absolute;top:0;left:0;padding:18px 16px;box-sizing:border-box;z-index:2}.back-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:transparent;color:#222;text-decoration:none;border:none;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#f3f3f5}.back-button-white{color:#fff;position:absolute;top:20px;left:20px;z-index:10}.back-button-white:hover{background-color:#fff3}.register-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:90px 24px 40px;box-sizing:border-box}.register-welcome{text-align:center;margin-bottom:26px}.register-heading{margin:0 0 8px;font-size:22px;font-weight:700;color:#222}.register-subheading{margin:0;font-size:16px;font-weight:400;color:#222}.register-options{display:flex;flex-direction:column;gap:16px;padding:0;align-items:center}.register-option-btn{width:min(320px,100%);border:none;border-radius:999px;padding:14px 24px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);box-shadow:0 10px 18px #ff780059;cursor:pointer;transition:transform .2s,box-shadow .2s}.register-option-btn:hover{transform:translateY(-2px);box-shadow:0 12px 20px #ff780066}.register-option-btn:active{transform:translateY(0);box-shadow:0 8px 16px #ff78004d}.register-form-page{margin:0;width:100%;max-width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:#fff;border-radius:0;overflow:hidden;box-shadow:none}.register-form-header{background:linear-gradient(180deg,#ff931f,#ff5a1f);padding:40px 20px 120px;color:#fff;box-sizing:border-box;position:relative}.register-form-header-title{margin:0;font-weight:700;font-size:32px;line-height:1.3;text-align:center}.register-form-content{flex:1;display:flex;flex-direction:column;padding:28px 20px 24px;box-sizing:border-box;overflow-y:auto;background-color:#fff;border-radius:32px 32px 0 0;margin-top:-70px;position:relative;z-index:1}.register-form-heading{margin:0 0 20px;font-size:24px;font-weight:700;color:#222}.register-form{display:flex;flex-direction:column;gap:14px}.register-form-section-title{margin:12px 0 4px;font-size:16px;font-weight:600;color:#ff7a1a;display:flex;align-items:center;gap:10px}.register-form-section-title:before{content:"";width:3px;height:18px;background-color:#ff7a1a;border-radius:2px;flex:0 0 auto}.register-form-group{display:flex;flex-direction:column;gap:8px}.register-form-label{font-size:12px;font-weight:600;color:#333}.register-form-label-optional{margin-left:6px;font-weight:500;color:#8c8c92}.register-form-input,.register-form-textarea,.register-form-select{width:100%;border:2px solid transparent;outline:none;background-color:#f3f3f5;border-radius:999px;padding:14px 18px;font-size:14px;color:#555;box-sizing:border-box;transition:border-color .2s,background-color .2s}.register-form-input:focus,.register-form-textarea:focus,.register-form-select:focus{border-color:#ff7a1a;background-color:#fff}.register-form-input::-moz-placeholder,.register-form-textarea::-moz-placeholder{color:#b7b7bc}.register-form-input::placeholder,.register-form-textarea::placeholder{color:#b7b7bc}.register-form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer}.register-form-select:disabled{opacity:.6;cursor:not-allowed}.register-form-textarea{resize:vertical;min-height:80px;font-family:inherit;border-radius:20px}.register-form-input-wrapper{position:relative;display:flex;align-items:center}.register-form-input-with-icon{width:100%;border:2px solid transparent;outline:none;background-color:#f3f3f5;border-radius:999px;padding:14px 54px 14px 18px;font-size:14px;color:#555;box-sizing:border-box;transition:border-color .2s,background-color .2s}.register-form-input-with-icon:focus{border-color:#ff7a1a;background-color:#fff}.register-form-input-with-icon::-moz-placeholder{color:#b7b7bc}.register-form-input-with-icon::placeholder{color:#b7b7bc}.register-form-icon-btn{position:absolute;right:12px;background:none;border:none;color:#b7b7bc;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.register-form-icon-btn:hover{color:#8c8c92}.register-form-hint{margin:0;font-size:12px;color:#8c8c92}.register-form-file-upload{position:relative}.register-form-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.register-form-file-label{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background-color:#f3f3f5;border-radius:12px;padding:14px 16px;font-size:14px;color:#555;cursor:pointer;transition:background-color .2s}.register-form-file-label:hover{background-color:#e8e8ea}.register-form-file-label svg{color:#8c8c92}.register-form-upload-btn{width:100%;border:none;border-radius:999px;padding:14px 16px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);box-shadow:0 10px 18px #ff780059;cursor:pointer;transition:transform .2s,box-shadow .2s}.register-form-upload-btn:hover{transform:translateY(-2px);box-shadow:0 12px 20px #ff780066}.register-form-upload-btn:active{transform:translateY(0);box-shadow:0 8px 16px #ff78004d}.register-form-submit-btn{margin-top:10px;width:100%;border:none;border-radius:999px;padding:14px 16px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);box-shadow:0 10px 18px #ff780059;cursor:pointer;transition:transform .2s,box-shadow .2s}.register-form-submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 20px #ff780066}.register-form-submit-btn:active{transform:translateY(0);box-shadow:0 8px 16px #ff78004d}.register-form-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.register-form-footer{margin-top:6px;text-align:center}.register-form-login-link{font-size:12px;color:#ff7a1a;text-decoration:none;font-weight:600}.register-form-login-link:hover{text-decoration:underline}#app:has(.register-form-page) .register-form-page{margin:0;width:100%;max-width:100%;min-height:100vh;border-radius:0;box-shadow:none}#app:has(.register-form-page) .register-form-header{padding:40px 20px 120px}#app:has(.register-form-page) .register-form-header-title{margin:0;font-size:32px}@media(min-width:640px){.login-page,.register-page,.register-form-page{max-width:640px;border-radius:20px;box-shadow:0 8px 24px #0000001a}.login-header,.register-form-header{padding:32px 28px 40px}.login-header-title,.register-form-header-title{margin:24px 0 4px;font-size:32px}.login-content{padding:28px}.login-heading{margin:16px 0 20px;font-size:28px}.register-header,.register-content{padding:28px}.register-welcome{margin-bottom:50px}.register-heading{font-size:32px}.register-subheading{font-size:20px}.register-options{padding:0 12px}.register-form-content{padding:28px}.register-form-heading{margin:16px 0 24px;font-size:28px}}@media(min-width:768px){.login-page,.register-page,.register-form-page{max-width:720px;border-radius:24px;box-shadow:0 12px 32px #0000001f}.login-header,.register-form-header{padding:40px 36px 48px}.login-header-title,.register-form-header-title{margin:32px 0 4px;font-size:38px}.login-content{padding:36px}.login-heading{margin:20px 0 24px;font-size:30px}.login-form{gap:16px}.register-header{padding:32px}.register-content{padding:36px}.register-welcome{margin-bottom:64px}.register-heading{font-size:36px}.register-subheading{font-size:22px}.register-options{padding:0 20px;gap:18px}.register-form-content{padding:36px}.register-form-heading{margin:20px 0 28px;font-size:30px}.register-form{gap:18px}}@media(min-width:1024px){.login-page,.register-page,.register-form-page{max-width:900px;border-radius:28px;box-shadow:0 16px 40px #00000024}.login-header,.register-form-header{padding:48px 48px 56px}.login-header-title,.register-form-header-title{margin:40px 0 8px;font-size:44px}.login-content{padding:48px 64px}.login-heading{margin:24px 0 28px;font-size:34px}.login-form{gap:18px}.login-input-wrapper{padding:12px 18px}.login-input-wrapper input{font-size:15px}.login-primary-btn{padding:14px 18px;font-size:20px}.register-header{padding:40px}.register-content{padding:48px 64px}.register-welcome{margin-bottom:72px}.register-heading{font-size:40px}.register-subheading{font-size:24px}.register-options{padding:0 32px;gap:20px}.register-form-content{padding:48px 64px}.register-form-heading{margin:24px 0 32px;font-size:34px}.register-form{gap:20px}.register-form-input,.register-form-textarea,.register-form-select,.register-form-input-with-icon{padding:16px 18px;font-size:15px;border-radius:14px}.register-form-input-with-icon{padding:16px 52px 16px 18px}.register-form-submit-btn{padding:16px 18px;font-size:20px}.register-form-section-title{font-size:17px;margin:16px 0 6px}.register-form-label{font-size:16px}}@media(min-width:1280px){#app{padding:0}.login-page,.register-page,.register-form-page{max-width:1000px;border-radius:32px}.login-content,.register-content,.register-form-content{padding:56px 80px}}@media(min-width:1536px){.login-page,.register-page,.register-form-page{max-width:1200px}.login-content,.register-content,.register-form-content{padding:64px 120px}}.dashboard-page{min-height:100vh;display:flex;flex-direction:column;background-color:#fff;position:relative}.dashboard-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#fff,#fff 280px,#fef5ec 280px,#fef5ec calc(100% - 180px),#fff calc(100% - 180px),#fff);z-index:0;pointer-events:none}.dashboard-page>*{position:relative;z-index:1}.dashboard-header{background:linear-gradient(180deg,#ff931f,#ff5a1f);padding:20px 20px 32px;border-radius:0 0 0 34px;box-sizing:border-box}.dashboard-header-content{display:flex;justify-content:space-between;align-items:flex-start}.dashboard-welcome{font-size:16px;color:#fff;opacity:.9;margin-bottom:4px}.dashboard-title{font-size:22px;font-weight:700;color:#fff;line-height:1.3}.dashboard-notification-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s;position:relative}.dashboard-notification-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000002e}.dashboard-notification-btn:hover{opacity:.8}.dashboard-header-donor{background:linear-gradient(180deg,#ff931f,#ff5a1f);padding:20px;border-radius:0 0 0 38px;box-sizing:border-box;position:relative;margin-bottom:32px}.dashboard-header-donor-content{display:flex;flex-direction:column;gap:0;position:relative;padding-bottom:34px}.dashboard-header-donor-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.dashboard-donor-greeting{font-size:24px;font-weight:700;color:#fff;margin-bottom:0}.dashboard-donor-tier{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fff;margin-bottom:0}.dashboard-donor-tier svg{flex-shrink:0}.dashboard-donor-tier-icon{width:30px;height:30px;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.dashboard-donor-level-badge{background:#ffffff40;padding:2px 8px;border-radius:12px;font-size:14px;font-weight:700}.dashboard-donor-search{position:absolute;bottom:-42px;left:20px;right:20px;background:#fff;border-radius:999px;padding:14px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 16px #0000001f;z-index:10;cursor:pointer;transition:box-shadow .2s}.dashboard-donor-search:hover{box-shadow:0 6px 20px #00000026}.dashboard-donor-search:active{box-shadow:0 2px 12px #0000001a}.dashboard-donor-search-icon{flex-shrink:0}.dashboard-donor-search-input{flex:1;border:none;outline:none;font-size:15px;color:#222;background:transparent;cursor:pointer;pointer-events:none}.dashboard-donor-search-input::-moz-placeholder{color:#8e8e93}.dashboard-donor-search-input::placeholder{color:#8e8e93}.dashboard-donation-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #00000014}.dashboard-donation-title{margin:0 0 12px;font-size:22px;font-weight:700;color:#222}.dashboard-donation-description{margin:0 0 20px;font-size:15px;line-height:1.6;color:#555}.dashboard-donation-btn{width:100%;border:none;border-radius:999px;padding:14px 20px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);box-shadow:0 4px 12px #ff5a1f4d;cursor:pointer;transition:transform .2s,box-shadow .2s}.dashboard-donation-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff5a1f66}.dashboard-main{flex:1;padding:20px 16px 90px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}.dashboard-card{background:#fff;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 4px 12px #00000026}.dashboard-card-title{margin:0 0 12px;font-size:20px;font-weight:700;color:#222}.dashboard-card-description{margin:0 0 16px;font-size:14px;line-height:1.6;color:#555}.dashboard-main .dashboard-card,.dashboard-main .dashboard-rank-card,.dashboard-main .dashboard-events-section{margin-bottom:0}.dashboard-share-btn{width:100%;border:none;border-radius:999px;padding:12px 16px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);box-shadow:0 8px 16px #ff78004d;cursor:pointer;transition:transform .2s,box-shadow .2s}.dashboard-share-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px #ff780059}.dashboard-share-btn:active{transform:translateY(0);box-shadow:0 6px 14px #ff780040}.dashboard-rank-card{background:transparent;border-radius:0;padding:0 16px;margin-bottom:20px;box-shadow:none;position:relative;display:flex;flex-direction:column;align-items:center}.dashboard-rank-header-bg{background:linear-gradient(180deg,#ff931f,#ff5a1f);border-radius:24px 24px 0 0;padding:12px 20px;text-align:center;position:relative;z-index:1;width:70%;max-width:240px}.dashboard-rank-title{margin:0;font-size:18px;font-weight:700;color:#fff}.dashboard-rank-content{background:#fff;border-radius:16px;padding:20px;margin-top:-8px;position:relative;z-index:2;box-shadow:0 4px 12px #00000026;width:calc(100% - 32px);max-width:100%}.dashboard-rank-table-header{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 12px 12px;font-size:13px;font-weight:600;color:#8c8c92;border-bottom:2px solid #ffb366;margin-bottom:12px}.dashboard-rank-col{text-align:left}.dashboard-rank-col:last-child{text-align:right}.dashboard-rank-list{display:flex;flex-direction:column;gap:10px}.dashboard-rank-item{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;background-color:transparent;border-radius:12px;padding:12px}.dashboard-rank-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff931f,#ff5a1f)}.dashboard-rank-number-1,.dashboard-rank-number-2,.dashboard-rank-number-3{background:linear-gradient(135deg,#ff931f,#ff5a1f)}.dashboard-rank-number-4,.dashboard-rank-number-5{background:#fff;color:#ff931f;border:2px solid #ff931f}.dashboard-rank-name{font-size:15px;font-weight:500;color:#222}.dashboard-rank-amount{font-size:15px;font-weight:600;color:#222}.dashboard-impact{text-align:center;padding:24px 0}.dashboard-impact-title{margin:0 0 8px;font-size:22px;font-weight:700;color:#222}.dashboard-impact-subtitle{margin:0 0 24px;font-size:14px;color:#555}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dashboard-stat-item{background:#fff;border-radius:12px;padding:20px 12px;box-shadow:0 4px 12px #00000026}.dashboard-stat-value{font-size:32px;font-weight:700;color:#ff7a1a;margin-bottom:8px}.dashboard-stat-label{font-size:12px;line-height:1.4;color:#555}.dashboard-events-section{margin-bottom:24px}.dashboard-events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dashboard-events-title{font-size:20px;font-weight:700;color:#222;margin:0}.dashboard-events-view-all{display:flex;align-items:center;gap:4px;background:none;border:none;color:#ff7a1a;font-size:16px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background-color .2s}.dashboard-events-view-all:hover{background-color:#fef5ec}.dashboard-events-location{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;color:#555}.dashboard-events-section .explore-scroll-container{margin:0 -16px;padding:0 16px}.dashboard-events-section .explore-card-list .event-card{flex:0 0 280px;margin-bottom:0}.dashboard-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:#fff;border-top:1px solid #e8e8ea;display:grid;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));box-shadow:0 -2px 8px #0000000a;z-index:1000}.dashboard-bottom-nav-donor{grid-template-columns:repeat(4,1fr)}.dashboard-bottom-nav-charity{grid-template-columns:repeat(3,1fr)}.dashboard-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;color:#8c8c92;text-decoration:none;transition:color .2s}.dashboard-nav-item svg{width:auto;height:28px}.dashboard-nav-item span{font-size:12px;font-weight:500}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.nav-icon-inactive{display:block}.nav-icon-active,.dashboard-nav-item-active .nav-icon-inactive{display:none}.dashboard-nav-item-active .nav-icon-active{display:block}.dashboard-nav-item-active{color:#ff7a1a}.dashboard-nav-item-active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background-color:#ff7a1a;border-radius:3px 3px 0 0}.dashboard-nav-item:hover{color:#ff7a1a}@media(min-width:640px){.dashboard-header{padding:28px;border-radius:0 0 32px 32px}.dashboard-welcome{font-size:18px}.dashboard-title{font-size:26px}.dashboard-main{padding:28px 28px 100px;max-width:720px}.dashboard-card{padding:24px;margin-bottom:24px;border-radius:20px}.dashboard-card-title{font-size:22px;margin-bottom:14px}.dashboard-card-description{font-size:15px;margin-bottom:18px}.dashboard-share-btn{padding:14px 18px;font-size:17px}.dashboard-impact-title{font-size:24px}.dashboard-impact-subtitle{font-size:15px}.dashboard-stats{gap:20px}.dashboard-stat-item{padding:24px 16px}.dashboard-stat-value{font-size:36px}.dashboard-stat-label{font-size:13px}}@media(min-width:768px){.dashboard-header{padding:32px}.dashboard-welcome{font-size:20px}.dashboard-title{font-size:30px}.dashboard-main{padding:32px 32px 110px;max-width:800px}.dashboard-card{padding:28px;margin-bottom:28px}.dashboard-card-title{font-size:24px}.dashboard-impact-title{font-size:26px}.dashboard-stats{gap:24px}.dashboard-stat-item{padding:28px 20px}.dashboard-stat-value{font-size:40px}.dashboard-stat-label{font-size:14px}}@media(min-width:1024px){#app:has(.dashboard-page){background-color:#fff}.dashboard-page{background-color:#fff}.dashboard-header{border-radius:0;padding:32px 48px}.dashboard-header-content{max-width:1400px;margin:0 auto}.dashboard-welcome{font-size:18px}.dashboard-title{font-size:28px}.dashboard-main{max-width:1400px;padding:40px 48px 100px}.dashboard-card{background:#f6f6f8;border-radius:0;padding:32px;margin-bottom:0;box-shadow:none}.dashboard-share-card{margin-bottom:32px;border-radius:16px;background:#fff;box-shadow:0 2px 8px #0000000f}.dashboard-rank-card{padding:0;background:transparent;box-shadow:none}.dashboard-impact{padding:48px 0;background:transparent}.dashboard-stats{gap:32px;max-width:900px;margin:0 auto}.dashboard-stat-item{padding:32px 24px}}#app:has(.profile-page){display:block;padding:0;background-color:#f6f6f8}.profile-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.profile-header{background:#fff;padding:20px;box-sizing:border-box}.profile-header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.profile-info{display:flex;align-items:center;gap:16px}.profile-avatar{position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#ff931f,#ff5a1f);display:flex;align-items:center;justify-content:center}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-avatar-placeholder{color:#fff}.profile-verified-badge{position:absolute;bottom:0;right:0;width:20px;height:20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-name{font-size:18px;font-weight:700;color:#222;margin:0;line-height:1.3}.profile-username{font-size:13px;color:#8c8c92;margin:4px 0 0}.profile-rank-badge{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.profile-rank-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.profile-edit-btn{background:none;border:none;color:#222;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s;text-decoration:none}.profile-edit-btn:hover{opacity:.6}.profile-contact-details{display:flex;flex-direction:column;gap:8px}.profile-contact-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#555;line-height:1.5}.profile-contact-item svg{flex-shrink:0;width:18px;height:18px}.profile-main{flex:1;padding:16px 16px 90px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box;background-color:#f6f6f8}.profile-actions-stacked{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.profile-action-card-full{background:#fff;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;text-decoration:none;box-shadow:0 1px 3px #00000014}.profile-action-content{display:flex;align-items:center;gap:16px;flex:1}.profile-action-icon{color:#222;display:flex}.profile-action-text{font-size:15px;font-weight:500;color:#222}.profile-toggle{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.profile-toggle input{opacity:0;width:0;height:0}.profile-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:28px}.profile-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.profile-toggle input:checked+.profile-toggle-slider{background-color:#ff7a1a}.profile-toggle input:checked+.profile-toggle-slider:before{transform:translate(20px)}.profile-delivery-section{display:flex;gap:12px;margin-bottom:16px;justify-content:space-between}.profile-delivery-card{flex:1;background:transparent;border-radius:0;padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;box-shadow:none}.profile-delivery-icon{position:relative;color:#ff7a1a;width:72px;height:72px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #f0f0f2,0 4px 12px #0000000f}.profile-delivery-badge{position:absolute;top:-6px;right:-4px;background:#ff7a1a;color:#fff;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.profile-delivery-label{font-size:13px;font-weight:700;color:#222}.profile-menu{background:#fff;border-radius:12px;padding:4px 0;box-shadow:0 1px 3px #00000014}.profile-menu-item{display:flex;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;color:#222;border:none;background:none;width:100%;cursor:pointer;transition:background-color .2s}.profile-menu-item:hover{background-color:#f6f6f8}.profile-menu-icon{color:#222}.profile-menu-text{flex:1;font-size:15px;font-weight:500;text-align:left}.profile-donor-header-card{margin:-16px -16px 28px;padding:20px 20px 24px;background:linear-gradient(135deg,#fff4d6,#ffe8a3);border-radius:0}.profile-donor-main-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 2px 8px #0000000f;position:relative}.profile-donor-top-section{display:flex;justify-content:space-between;align-items:flex-start}.profile-donor-left{display:flex;gap:16px;align-items:flex-start;flex:1}.profile-donor-avatar{position:relative;width:80px;height:80px;border-radius:50%;overflow:visible;flex-shrink:0;background:#e8e8ea}.profile-donor-avatar-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-donor-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:#d1d1d6;display:flex;align-items:center;justify-content:center;color:#8c8c92}.profile-donor-camera-btn{position:absolute;bottom:-5px;right:-5px;width:32px;height:32px;border-radius:50%;background:#fff;border:3px solid #ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026}.profile-donor-name-section{display:flex;flex-direction:column;gap:4px;flex:1}.profile-donor-name-row{display:flex;align-items:center;gap:8px}.profile-donor-name{font-size:24px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.2}.profile-donor-edit-icon{color:#999;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:color .2s}.profile-donor-edit-icon:hover{color:#666}.profile-donor-email{font-size:15px;color:#666;margin:0;line-height:1.3}.profile-donor-rank-icon{width:140px;height:140px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-right:-15px;margin-top:-15px}.profile-donor-rank-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.profile-donor-xp-card{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:14px;position:relative;box-shadow:0 2px 8px #00000014}.profile-donor-xp-badge{position:relative;width:38px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;margin-top:2px}.profile-donor-badge-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.profile-donor-badge-number{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;font-size:12px;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.6);border:none;box-shadow:none;padding:0}.profile-donor-xp-info{display:flex;flex-direction:column;gap:6px;flex:1}.profile-donor-xp-display{display:flex;align-items:baseline;gap:6px}.profile-donor-xp-value{font-size:28px;font-weight:700;color:#ff7a1a;line-height:1}.profile-donor-xp-separator{font-size:20px;color:#ccc;line-height:1;margin:0 2px}.profile-donor-xp-max{font-size:16px;color:#999;line-height:1}.profile-donor-message{font-size:13px;color:#666;margin:0;line-height:1.4}.profile-menu-list{background:#fff;border-radius:16px;padding:0;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px #0000000a;border:1px solid #f1f1f1}.profile-menu-list-item{display:flex;align-items:center;gap:14px;padding:16px 20px;text-decoration:none;color:#1a1a1a;border:none;background:none;width:100%;cursor:pointer;transition:background-color .15s;border-bottom:1px solid #f3f3f3;position:relative}.profile-menu-list-item:last-child{border-bottom:none}.profile-menu-list-item:hover{background-color:#fafafa}.profile-menu-list-icon{color:#222;display:flex;align-items:center;justify-content:center}.profile-menu-list-icon svg{width:22px;height:22px}.profile-menu-list-text{flex:1;font-size:15px;font-weight:400;text-align:left}.profile-menu-list-badge{background:#ff7a1a;color:#fff;border-radius:999px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-right:40px}.profile-delete-account{text-align:center;margin-top:24px;margin-bottom:32px}.profile-delete-account-btn{background:none;border:none;color:#ff3b30;font-size:15px;font-weight:400;cursor:pointer;text-decoration:none;padding:8px 16px;transition:opacity .2s}.profile-delete-account-btn:hover{opacity:.7}#app:has(.tiers-page){display:block;padding:0;background-color:#f6f6f8}.tiers-page{min-height:100vh;background-color:#f6f6f8;display:flex;flex-direction:column;padding-bottom:80px}.tiers-page .profile-donor-header-card{margin:0;padding:20px;border-radius:0}.tiers-header{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000014;position:sticky;top:0;z-index:100}.tiers-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:none;border:none;cursor:pointer;color:#222;transition:background-color .2s}.tiers-back-btn:hover{background-color:#f6f6f8}.tiers-title{font-size:18px;font-weight:700;color:#222;margin:0}.tiers-main{flex:1;padding:0;width:100%;margin:0;box-sizing:border-box}.tiers-list{padding:20px 16px;display:flex;flex-direction:column;gap:16px}.tier-card{background:#fff;border-radius:16px;padding:20px;display:flex;gap:16px;align-items:flex-start;box-shadow:0 1px 3px #0000000f;border:2px solid transparent;transition:all .2s}.tier-card-active{border-color:#ff7a1a;box-shadow:0 2px 8px #ff7a1a33}.tier-card-completed{opacity:.6}.tier-icon{width:90px;height:90px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.tier-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.tier-content{flex:1;display:flex;flex-direction:column;gap:8px}.tier-name{font-size:18px;font-weight:700;color:#222;margin:0;line-height:1.2}.tier-description{font-size:13px;color:#666;margin:0;line-height:1.4}.tier-progress-container{position:relative;padding:16px 0 8px}.tier-progress-bar{width:100%;height:8px;background:#e8e8ea;border-radius:999px;overflow:hidden;position:relative}.tier-progress-fill{height:100%;background:linear-gradient(90deg,#ff931f,#ff5a1f);border-radius:999px;transition:width .3s ease}.tier-badges{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none}.tier-badge{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.tier-badge-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.tier-badge-number{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.tier-badge-start{transform:translate(-50%)}.tier-badge-end{transform:translate(50%)}@media(min-width:640px){.tiers-header{padding:20px 24px}.tiers-main{padding:0}.tiers-list{padding:24px}.tier-card{padding:24px;gap:20px}.tiers-page .profile-donor-header-card{margin:0;padding:24px;border-radius:0}.tier-icon{width:82px;height:82px}.tier-name{font-size:20px}.tier-description{font-size:14px}.tier-badge{width:40px;height:40px}.tier-badge-number{font-size:11px}}@media(min-width:1024px){.tiers-header{padding:24px 48px}.tiers-list{padding:32px 48px}.tier-card{padding:28px;gap:24px}.tiers-page .profile-donor-header-card{margin:0;padding:0;border-radius:0}.tier-icon{width:96px;height:96px}.tier-name{font-size:22px}.tier-description{font-size:15px}.tier-badge{width:46px;height:46px}.tier-badge-number{font-size:12px}}@media(min-width:640px){.profile-header{padding:28px}.profile-main{padding:24px 24px 100px;max-width:720px}.profile-donor-header-card{margin:-24px -24px 28px;padding:24px 24px 28px;border-radius:0}.profile-donor-main-card{padding:28px}.profile-donor-avatar{width:90px;height:90px}.profile-donor-camera-btn{width:36px;height:36px}.profile-donor-name{font-size:26px}.profile-donor-email{font-size:16px}.profile-donor-rank-icon{width:160px;height:160px}.profile-donor-xp-card{padding:18px}.profile-donor-xp-badge{width:40px;height:40px}.profile-donor-badge-number{font-size:13px}.profile-donor-xp-value{font-size:32px}.profile-donor-xp-separator{font-size:22px}.profile-donor-xp-max{font-size:18px}.profile-donor-message{font-size:14px}.profile-menu-list-item{padding:20px 24px}.profile-menu-list-text{font-size:17px}}@media(min-width:1024px){.profile-page{background-color:#f6f6f8}.profile-header{padding:40px 48px 28px}.profile-main{padding:32px 48px 100px;max-width:none;margin:0;background-color:#f6f6f8}.profile-donor-header-card{margin:-32px -48px 32px;padding:28px 32px 32px;border-radius:0}.profile-donor-main-card{padding:32px}.profile-donor-avatar{width:100px;height:100px}.profile-donor-camera-btn{width:40px;height:40px}.profile-donor-name{font-size:28px}.profile-donor-email{font-size:17px}.profile-donor-rank-icon{width:180px;height:180px}.profile-donor-xp-card{padding:20px}.profile-donor-xp-badge{width:46px;height:46px}.profile-donor-badge-number{font-size:14px}.profile-donor-xp-value{font-size:36px}.profile-donor-xp-separator{font-size:24px}.profile-donor-xp-max{font-size:20px}.profile-donor-message{font-size:15px}.profile-menu-list-item{padding:22px 28px}.profile-menu-list-text{font-size:17px}}#app:has(.edit-profile-page){display:block;padding:0;background-color:#f6f6f8}.edit-profile-page{min-height:100vh;background-color:#f6f6f8;padding-bottom:90px}.edit-profile-header{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000014;position:sticky;top:0;z-index:100}.edit-back-button{color:#222;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none}.edit-profile-title{font-size:18px;font-weight:600;color:#222;margin:0}.edit-header-spacer{width:40px}.edit-profile-form{padding:20px;max-width:600px;margin:0 auto}.edit-form-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #00000014}.edit-section-label{font-size:14px;font-weight:600;color:#222;margin:0 0 12px}.edit-section-title{font-size:15px;font-weight:600;color:#ff7a1a;margin:0 0 16px;display:flex;align-items:center;gap:8px}.edit-section-title:before{content:"";width:3px;height:16px;background:#ff7a1a;border-radius:2px}.edit-section-description{font-size:13px;color:#555;margin:-8px 0 16px}.edit-upload-box{width:100%;height:220px;border:2px dashed #ff7a1a;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;overflow:hidden}.edit-upload-box:hover{background-color:#fff5f0}.edit-upload-placeholder{display:flex;align-items:center;justify-content:center}.edit-upload-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.edit-upload-button{width:100%;background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border:none;border-radius:999px;padding:12px 16px;font-size:15px;font-weight:600;margin-top:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff780040}.edit-upload-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff78004d}.edit-upload-hint{font-size:11px;color:#999;text-align:center;margin:8px 0 0}.edit-file-input-hidden{display:none}.edit-form-group{margin-bottom:16px}.edit-form-group:last-child{margin-bottom:0}.edit-form-label{display:block;font-size:13px;font-weight:500;color:#222;margin-bottom:8px}.edit-form-input,.edit-form-textarea{width:100%;padding:12px 16px;border:1px solid #e8e8ea;border-radius:8px;font-size:14px;color:#222;background:#f6f6f8;box-sizing:border-box;transition:border-color .2s}.edit-form-input:focus,.edit-form-textarea:focus{outline:none;border-color:#ff7a1a;background:#fff}.edit-form-input::-moz-placeholder,.edit-form-textarea::-moz-placeholder{color:#b7b7bc}.edit-form-input::placeholder,.edit-form-textarea::placeholder{color:#b7b7bc}.edit-form-textarea{resize:vertical;min-height:80px}.edit-form-input-link{color:#ff7a1a}.edit-time-range{display:flex;align-items:center;gap:12px}.edit-time-input-wrapper{flex:1;display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #e8e8ea;border-radius:8px;background:#f6f6f8}.edit-time-input-wrapper svg{color:#999;flex-shrink:0}.edit-form-input-time{flex:1;border:none;background:transparent;font-size:14px;color:#222;padding:0}.edit-form-input-time:focus{outline:none}.edit-time-separator{font-size:13px;color:#999}.edit-verify-button{width:100%;background:#b7b7bc;color:#fff;border:none;border-radius:999px;padding:14px 16px;font-size:15px;font-weight:600;margin-top:20px;cursor:pointer}.edit-form-actions{margin-top:24px}.edit-submit-button{width:100%;background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border:none;border-radius:999px;padding:14px 16px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 16px #ff78004d}.edit-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 18px #ff780059}.edit-submit-button:disabled{opacity:.6;cursor:not-allowed}@media(min-width:640px){.edit-profile-form{padding:28px}}#app:has(.request-page){display:block;padding:0;background-color:#f6f6f8}.request-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.request-header{background:#fff;padding:12px 20px 0;box-sizing:border-box;box-shadow:0 1px 3px #00000014}.request-tabs{display:flex;gap:0;margin-bottom:12px;border-bottom:2px solid #e8e8ea}.request-tab{flex:1;background:none;border:none;padding:12px 8px;font-size:13px;font-weight:500;color:#8c8c92;cursor:pointer;position:relative;transition:color .2s;white-space:nowrap}.request-tab:hover{color:#ff7a1a}.request-tab-active{color:#ff7a1a;font-weight:600}.request-tab-active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#ff7a1a}.request-view-my-link{display:block;text-align:right;font-size:13px;color:#ff7a1a;text-decoration:none;padding:8px 0 12px;font-weight:500}.request-view-my-link:hover{text-decoration:underline}.request-main{flex:1;padding:16px 16px 100px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.request-donor-header{margin-bottom:20px}.request-search-wrapper{display:flex;gap:12px;align-items:center;margin-bottom:16px}.request-search-bar{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:10px 16px;box-shadow:0 2px 8px #00000014}.request-search-icon{color:#8c8c92;flex-shrink:0}.request-search-input{flex:1;border:none;outline:none;font-size:14px;color:#222;background:transparent}.request-search-input::-moz-placeholder{color:#b7b7bc}.request-search-input::placeholder{color:#b7b7bc}.request-bag-btn{position:relative;width:48px;height:48px;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000014;color:#ff7a1a;transition:transform .2s,box-shadow .2s}.request-bag-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001f}.request-bag-btn:active{transform:scale(.95)}.request-bag-badge{position:absolute;top:-4px;right:-4px;background:#ff5a1f;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 4px #ff5a1f4d}.request-banner{background:linear-gradient(135deg,#fff5f0,#ffe5cc);border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #00000014;overflow:visible;position:relative}.request-banner-content{flex:1;z-index:1;padding-right:96px}.request-banner-title{font-size:14px;font-weight:600;color:#222;margin:0 0 12px;line-height:1.4}.request-banner-btn{background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border:none;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #ff78004d;transition:transform .2s,box-shadow .2s}.request-banner-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff780059}.request-banner-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ff780040}.request-banner-image{position:absolute;right:-24px;bottom:-24px}.request-banner-image-gift{width:180px;height:auto;display:block}.request-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.request-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column}.request-card-image{width:100%;aspect-ratio:1;background:#f6f6f8;display:flex;align-items:center;justify-content:center;overflow:hidden}.request-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.request-card-image-placeholder{color:#d0d0d5}.request-card-content{padding:12px;display:flex;flex-direction:column;flex:1}.request-card-title{font-size:13px;font-weight:500;color:#222;margin:0 0 6px;line-height:1.3;min-height:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.request-card-price{font-size:15px;font-weight:700;color:#ff7a1a;margin-bottom:8px}.request-card-requester{font-size:11px;color:#555;line-height:1.4;margin-bottom:10px}.request-card-progress{margin-bottom:12px}.request-progress-bar{width:100%;height:6px;background:#e8e8ea;border-radius:3px;overflow:hidden;margin-bottom:4px}.request-progress-fill{height:100%;background:linear-gradient(90deg,#ff931f,#ff7a1a);border-radius:3px;transition:width .3s ease}.request-progress-text{font-size:11px;color:#8c8c92;text-align:right}.request-card-actions{display:flex;gap:8px;align-items:center;margin-top:auto}.request-donate-icon-btn{width:40px;height:40px;background:#fff;border:2px solid #ff7a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ff7a1a;transition:all .2s;flex-shrink:0}.request-donate-icon-btn:hover{transform:scale(1.05);box-shadow:0 0 0 2px #ff7a1a26}.request-donate-icon-btn:active{transform:scale(.95)}.request-donate-icon-btn.active{background:#ff7a1a;color:#fff;border-color:#ff7a1a;box-shadow:0 0 0 2px #ff7a1a40}.request-donate-icon-btn.active:hover{background:#ff7a1a;color:#fff}.request-donate-btn{flex:1;background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border:none;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff780040}.request-donate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff78004d}.request-donate-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ff780033}.request-give-btn{width:100%;background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border:none;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff780040;text-decoration:none;display:block;text-align:center;margin-top:auto;box-sizing:border-box}.request-give-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff78004d}.request-give-btn:active{transform:translateY(0);box-shadow:0 2px 8px #ff780033}.request-give-btn-disabled{width:100%;background:#d1d1d6!important;color:#8e8e93!important;cursor:not-allowed!important;box-shadow:none!important;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1;display:block;text-align:center;margin-top:auto;box-sizing:border-box;border:none}.request-give-btn-disabled:hover{transform:none!important;box-shadow:none!important}.request-fab{position:fixed;bottom:100px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ff931f,#ff5a1f);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #ff780066;transition:transform .2s,box-shadow .2s;z-index:100}.request-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #ff780080}.request-fab:active{transform:scale(1.05)}@media(min-width:640px){.request-header{padding:16px 28px 0}.request-main{padding:28px 28px 110px;max-width:720px}.request-grid{gap:20px}.request-tab{font-size:14px;padding:14px 12px}.request-view-my-link{font-size:14px}.request-fab{bottom:110px;right:28px}.request-banner-title{font-size:15px}.request-banner-btn{padding:11px 24px;font-size:14px}}@media(min-width:768px){.request-main{max-width:800px;padding:32px 32px 120px}.request-grid{grid-template-columns:repeat(3,1fr);gap:24px}.request-card-content{padding:16px}.request-card-title{font-size:14px}.request-card-price{font-size:16px}.request-banner{padding:24px}.request-banner-title{font-size:16px}}@media(min-width:1024px){.request-page{background-color:#fff}.request-main{max-width:1400px;padding:40px 48px 120px}.request-grid{grid-template-columns:repeat(4,1fr);gap:28px}}@media(min-width:1280px){.request-main{padding:48px 64px 120px}}.request-item-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.request-item-header{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000014;position:sticky;top:0;z-index:100}.request-item-back-btn{color:#222;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;transition:opacity .2s;margin-top:-2px}.request-item-back-btn:hover{opacity:.6}.request-item-title{font-size:18px;font-weight:600;color:#222;margin:0}.request-item-header-spacer{width:40px}.request-item-main{flex:1;padding:20px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box;overflow-y:auto}.request-item-form{display:flex;flex-direction:column;gap:20px}.request-item-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000014}.request-item-label{display:block;font-size:14px;font-weight:600;color:#222;margin-bottom:12px}.request-item-upload-box{width:100px;height:100px;border:2px dashed #ff7a1a;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;overflow:hidden;background-color:#fff}.request-item-upload-box:hover{background-color:#fff5f0}.request-item-upload-placeholder{color:#ff7a1a;display:flex;align-items:center;justify-content:center}.request-item-upload-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.request-item-file-input{display:none}.request-item-input{width:100%;padding:12px 16px;border:1px solid #e8e8ea;border-radius:8px;font-size:14px;color:#222;background:#f6f6f8;box-sizing:border-box;transition:border-color .2s}.request-item-input:focus{outline:none;border-color:#ff7a1a;background:#fff}.request-item-input::-moz-placeholder{color:#b7b7bc}.request-item-input::placeholder{color:#b7b7bc}.request-item-counter{display:flex;align-items:center;gap:12px}.request-item-counter-btn{width:36px;height:36px;border:1px solid #e8e8ea;border-radius:8px;background:#f6f6f8;color:#222;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,border-color .2s}.request-item-counter-btn:hover:not(:disabled){background:#fff;border-color:#ff7a1a}.request-item-counter-input{flex:1;padding:12px 16px;border:1px solid #e8e8ea;border-radius:8px;font-size:14px;color:#222;background:#f6f6f8;text-align:center;box-sizing:border-box}.request-item-counter-input:focus{outline:none;border-color:#ff7a1a;background:#fff}.request-item-price-input-wrapper{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #e8e8ea;border-radius:8px;background:#f6f6f8;transition:border-color .2s,background-color .2s}.request-item-price-input-wrapper:focus-within{border-color:#ff7a1a;background:#fff}.request-item-price-currency{font-size:14px;font-weight:600;color:#222}.request-item-price-input{flex:1;border:none;background:transparent;font-size:14px;color:#222;padding:0}.request-item-price-input:focus{outline:none}.request-item-price-input::-moz-placeholder{color:#b7b7bc}.request-item-price-input::placeholder{color:#b7b7bc}.request-item-textarea{width:100%;padding:12px 16px;border:1px solid #e8e8ea;border-radius:8px;font-size:14px;color:#222;background:#f6f6f8;box-sizing:border-box;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s}.request-item-textarea:focus{outline:none;border-color:#ff7a1a;background:#fff}.request-item-textarea::-moz-placeholder{color:#b7b7bc}.request-item-textarea::placeholder{color:#b7b7bc}.request-item-submit-btn{width:100%;background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border:none;border-radius:999px;padding:14px 16px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 16px #ff78004d;margin-top:8px}.request-item-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 18px #ff780059}.request-item-submit-btn:active{transform:translateY(0);box-shadow:0 6px 14px #ff780040}@media(min-width:640px){.request-item-main{padding:28px;max-width:720px}.request-item-section{padding:20px}}@media(min-width:768px){.request-item-main{padding:32px;max-width:800px}}@media(min-width:1024px){.request-item-page{background-color:#fff}.request-item-main{max-width:1000px;padding:40px 48px}}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999}.toast{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 20px;border-radius:999px;box-shadow:0 4px 16px #00000026;min-width:200px}.toast-icon{width:24px;height:24px;flex-shrink:0}.toast-success .toast-icon{color:#22c55e}.toast-error .toast-icon{color:#ef4444}.toast-message{font-size:15px;font-weight:500;color:#222}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-20px)}@media(max-width:640px){.toast-container{top:10px;left:10px;right:10px;transform:none}.toast{min-width:auto;width:100%}}#app:has(.request-detail-page){display:block;padding:0;background-color:#f6f6f8}.request-detail-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.request-detail-header{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000014;position:sticky;top:0;z-index:100}.request-detail-back-btn{color:#222;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;transition:opacity .2s;margin-top:-2px}.request-detail-back-btn:hover{opacity:.6}.request-detail-header-title{font-size:18px;font-weight:600;color:#222;margin:0}.request-detail-header-spacer{width:40px}.request-detail-main{flex:1;padding:20px 20px 140px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box;overflow-y:auto}.request-detail-image-container{width:280px;height:280px;background:#f0f0f2;border-radius:16px;overflow:hidden;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.request-detail-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.request-detail-image-placeholder{color:#d1d1d6;display:flex;align-items:center;justify-content:center}.request-detail-content{display:flex;flex-direction:column;gap:20px}.request-detail-title{font-size:20px;font-weight:600;color:#222;margin:0;line-height:1.4}.request-detail-progress-section{display:flex;align-items:center;gap:12px}.request-detail-progress-bar{flex:1;height:8px;background:#e8e8ea;border-radius:999px;overflow:hidden}.request-detail-progress-fill{height:100%;background:linear-gradient(90deg,#ff931f,#ff5a1f);border-radius:999px;transition:width .3s ease}.request-detail-progress-text{font-size:14px;font-weight:600;color:#222;white-space:nowrap}.request-detail-price{font-size:18px;font-weight:700;color:#222}.request-detail-notes{display:flex;flex-direction:column;gap:12px}.request-detail-notes-heading{display:flex;align-items:center;gap:8px}.request-detail-notes-heading-line{width:3px;height:20px;background:#ff7a1a;border-radius:999px;display:inline-block}.request-detail-notes-heading-text{font-size:14px;font-weight:600;color:#ff7a1a}.request-detail-notes-body{display:flex;align-items:flex-start;gap:12px}.request-detail-notes-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f0f0f2;display:flex;align-items:center;justify-content:center}.request-detail-notes-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.request-detail-notes-avatar-placeholder{color:#d1d1d6}.request-detail-notes-content{flex:1}.request-detail-notes-text{font-size:14px;color:#222;line-height:1.6;margin:0}.request-detail-info{display:flex;flex-direction:column;gap:4px}.request-detail-info-row{display:flex;justify-content:space-between;align-items:center}.request-detail-info-label{font-size:14px;color:#8e8e93}.request-detail-info-value{font-size:14px;font-weight:600;color:#222}.request-detail-info-date{font-size:14px;color:#8e8e93}.request-detail-bottom-card{position:fixed;left:0;right:0;bottom:0;padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -2px 12px #00000014;border-radius:16px 16px 0 0;box-sizing:border-box;max-width:600px;margin:0 auto}.request-detail-offer-btn{width:100%;background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border:none;border-radius:999px;padding:14px 16px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 16px #ff78004d;margin-top:12px;text-decoration:none;display:block;text-align:center;box-sizing:border-box}.request-detail-offer-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px #ff780059}.request-detail-offer-btn:active{transform:translateY(0);box-shadow:0 6px 14px #ff780040}@media(min-width:640px){.request-detail-main{padding:28px;max-width:720px}}@media(min-width:768px){.request-detail-main{padding:32px;max-width:800px}}@media(min-width:1024px){.request-detail-page{background-color:#fff}.request-detail-main{max-width:1000px;padding:40px 48px}}#app:has(.offer-page){display:block;padding:0;background-color:#f6f6f8}.offer-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.offer-header{background:#fff;padding:16px 20px;display:flex;align-items:center;box-shadow:0 1px 3px #00000014;position:sticky;top:0;z-index:100}.offer-back-btn{color:#222;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;transition:opacity .2s;margin-top:-2px}.offer-back-btn:hover{opacity:.6}.offer-main{flex:1;padding:20px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.offer-product-section{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.offer-product-left{flex:1;display:flex;flex-direction:column;gap:12px}.offer-product-title{font-size:16px;font-weight:600;color:#222;margin:0;line-height:1.4}.offer-product-price{font-size:14px;font-weight:600;color:#ff7a1a}.offer-product-image{width:100px;height:100px;background:#f0f0f2;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.offer-product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.offer-product-image-placeholder{color:#d1d1d6}.offer-progress-section{display:flex;align-items:center;gap:12px}.offer-progress-bar{flex:1;height:8px;background:#e8e8ea;border-radius:999px;overflow:visible;position:relative}.offer-progress-existing{position:absolute;left:0;top:0;height:100%;background:#d1d1d6;border-radius:999px;transition:width .3s ease;z-index:1}.offer-progress-new{position:absolute;top:0;height:100%;background:linear-gradient(90deg,#ff931f,#ff5a1f);border-radius:999px;transition:all .3s ease;z-index:2}.offer-progress-text{font-size:14px;font-weight:600;color:#222;white-space:nowrap}.offer-counter{display:flex;align-items:center;justify-content:flex-start;gap:12px}.offer-counter-btn{width:40px;height:40px;border-radius:8px;border:1px solid #e8e8ea;background:#fff;color:#222;font-size:20px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.offer-counter-btn:hover:not(:disabled){background:#f6f6f8;border-color:#d1d1d6}.offer-counter-btn:disabled{opacity:.4;cursor:not-allowed}.offer-counter-input{width:60px;height:40px;text-align:center;font-size:16px;font-weight:600;color:#222;border:1px solid #e8e8ea;border-radius:8px;background:#fff}.offer-shipping-section{display:flex;flex-direction:column;gap:12px}.offer-shipping-title{font-size:16px;font-weight:600;color:#222;margin:0}.offer-shipping-options{display:flex;flex-direction:column;gap:12px}.offer-shipping-option{width:100%;padding:16px;border-radius:12px;border:2px solid #e8e8ea;background:#fff;color:#222;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s}.offer-shipping-option:hover{border-color:#ff931f}.offer-shipping-option-active{border-color:#ff931f;background:#fff5ed;color:#ff7a1a}.offer-submit-btn{width:100%;background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border:none;border-radius:999px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 16px #ff78004d;margin-top:auto}.offer-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 18px #ff780059}.offer-submit-btn:active{transform:translateY(0);box-shadow:0 6px 14px #ff780040}.offer-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.offer-button-group{display:flex;gap:0;margin-top:auto;border-radius:999px;overflow:hidden;box-shadow:0 8px 16px #ff78004d}.offer-bag-btn{flex:1;background:#fff;color:#ff7a1a;border:2px solid #ff7a1a;border-right:1px solid #ff7a1a;border-radius:999px 0 0 999px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.offer-bag-btn:hover:not(:disabled){background:#fff5ed}.offer-bag-btn:disabled{opacity:.6;cursor:not-allowed}.offer-donate-btn{flex:1;background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border:none;border-radius:0 999px 999px 0;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.offer-donate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff780066}.offer-donate-btn:disabled{opacity:.6;cursor:not-allowed}@media(min-width:640px){.offer-main{padding:28px;max-width:720px}}@media(min-width:768px){.offer-main{padding:32px;max-width:800px}}@media(min-width:1024px){.offer-page{background-color:#fff}.offer-main{max-width:1000px;padding:40px 48px}}#app:has(.offer-success-page){display:block;padding:0;background-color:#fff}.offer-success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fff}.offer-success-main{max-width:400px;padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.offer-success-icon{width:120px;height:120px}.offer-success-title{font-size:24px;font-weight:700;color:#222;margin:0}.offer-success-message{font-size:16px;color:#8e8e93;line-height:1.6;margin:0}.offer-success-message strong{color:#222;font-weight:600}.offer-success-btn{background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border:none;border-radius:999px;padding:14px 48px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 16px #ff78004d;text-decoration:none;display:inline-block}.offer-success-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px #ff780059}.offer-success-btn:active{transform:translateY(0);box-shadow:0 6px 14px #ff780040}#app:has(.my-requests-page){display:block;padding:0;background-color:#f6f6f8}.my-requests-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8;padding-bottom:80px}.my-requests-header{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000014;position:sticky;top:0;z-index:100}.my-requests-back-btn{color:#222;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;transition:opacity .2s;margin-top:-2px}.my-requests-back-btn:hover{opacity:.6}.my-requests-title{font-size:18px;font-weight:600;color:#222;margin:0}.my-requests-spacer{width:40px}.my-requests-main{flex:1;padding:20px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.my-requests-empty{text-align:center;padding:60px 20px;color:#8e8e93;font-size:16px}.my-requests-list{display:flex;flex-direction:column;gap:16px}.my-request-card{background:#fff;border-radius:12px;padding:16px;display:flex;gap:16px;box-shadow:0 1px 3px #00000014;position:relative}.my-request-image{width:80px;height:80px;background:#f0f0f2;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.my-request-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.my-request-image-placeholder{color:#d1d1d6}.my-request-content{flex:1;display:flex;flex-direction:column;gap:8px}.my-request-name{font-size:16px;font-weight:600;color:#222;margin:0;line-height:1.4}.my-request-progress{display:flex;align-items:center;gap:8px}.my-request-progress-bar{flex:1;height:6px;background:#e8e8ea;border-radius:999px;overflow:hidden}.my-request-progress-fill{height:100%;background:linear-gradient(90deg,#ff931f,#ff5a1f);border-radius:999px;transition:width .3s ease}.my-request-progress-text{font-size:12px;font-weight:600;color:#222;white-space:nowrap}.my-request-notes{font-size:13px;color:#8e8e93;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.my-request-expiry{font-size:12px;color:#8e8e93;display:flex;align-items:center;gap:4px}.my-request-expiry svg{flex-shrink:0}.my-request-delete-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:transparent;color:#ff3b30;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s;padding:0}.my-request-delete-btn:hover{opacity:.6}.my-requests-fab{position:fixed;bottom:90px;right:20px;width:56px;height:56px;background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #ff78004d;cursor:pointer;transition:transform .2s,box-shadow .2s;text-decoration:none;z-index:50}.my-requests-fab:hover{transform:translateY(-2px);box-shadow:0 10px 18px #ff780059}.my-requests-fab:active{transform:translateY(0);box-shadow:0 6px 14px #ff780040}@media(min-width:640px){.my-requests-main{padding:28px;max-width:720px}}@media(min-width:768px){.my-requests-main{padding:32px;max-width:800px}}@media(min-width:1024px){.my-requests-page{background-color:#fff}.my-requests-main{max-width:1000px;padding:40px 48px}}#app:has(.create-event-page){display:block;padding:0;background-color:#f6f6f8}.create-event-page{min-height:100vh;background-color:#f6f6f8;padding-bottom:40px}.create-event-header{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000014;position:sticky;top:0;z-index:100}.create-event-back-btn{color:#222;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;transition:opacity .2s;margin-top:-2px}.create-event-back-btn:hover{opacity:.6}.create-event-title{font-size:18px;font-weight:600;color:#222;margin:0}.create-event-spacer{width:40px}.create-event-form{padding:20px;max-width:600px;margin:0 auto}.create-event-field{margin-bottom:24px}.create-event-field-inline{margin-bottom:16px}.create-event-field-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.create-event-label{display:block;font-size:15px;font-weight:600;color:#222;margin-bottom:8px}.create-event-image-upload{width:100%;height:180px;border:2px dashed #e0e0e0;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s;background-color:#fafafa}.create-event-image-upload:hover{border-color:#ff931f}.create-event-image-placeholder{color:#ff931f}.create-event-file-input{display:none}.create-event-input{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;color:#222;background:#fff;box-sizing:border-box;transition:border-color .2s}.create-event-input:focus{outline:none;border-color:#ff931f}.create-event-input::-moz-placeholder{color:#999}.create-event-input::placeholder{color:#999}.create-event-counter{display:inline-flex;align-items:center;gap:16px;padding:4px 14px;border-radius:999px;border:1px solid #d1d1d6;background:#fff}.offer-page .create-event-counter,.bag-page .create-event-counter{width:-moz-fit-content;width:fit-content;max-width:80px;justify-content:space-between;gap:8px;padding:4px 12px}.create-event-counter-btn{border:none;background:none;padding:0;width:auto;height:auto;font-size:16px;font-weight:500;color:#222;cursor:pointer}.create-event-counter-btn:disabled{opacity:.3;cursor:not-allowed}.create-event-counter-value{font-size:16px;font-weight:500;color:#222;min-width:16px;text-align:center}.create-event-textarea{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;color:#222;background:#fff;box-sizing:border-box;resize:vertical;font-family:inherit;transition:border-color .2s}.create-event-textarea:focus{outline:none;border-color:#ff931f}.create-event-textarea::-moz-placeholder{color:#999}.create-event-textarea::placeholder{color:#999}.create-event-datetime-row{display:flex;align-items:center;gap:12px}.create-event-datetime-input{flex:1;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#666;background:#fff;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:border-color .2s}.create-event-datetime-input:hover{border-color:#ff931f}.create-event-datetime-separator{font-size:14px;color:#666;font-weight:500}.create-event-calendar-container{margin-top:16px}.create-event-calendar{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.create-event-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.create-event-calendar-nav{background:none;border:none;color:#222;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.create-event-calendar-nav:hover{color:#ff931f}.create-event-calendar-title{font-size:15px;font-weight:600;color:#222}.create-event-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}.create-event-calendar-weekday{text-align:center;font-size:12px;font-weight:600;color:#666;padding:4px}.create-event-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.create-event-calendar-day{aspect-ratio:1;border:none;background:none;font-size:14px;color:#222;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.create-event-calendar-day:hover:not(:disabled):not(.create-event-calendar-day-empty){background-color:#fff5ed;color:#ff931f}.create-event-calendar-day-empty{cursor:default}.create-event-calendar-day-today,.create-event-calendar-day-selected{background-color:#ff931f;color:#fff;font-weight:600}.create-event-time-input-hidden{position:absolute;opacity:0;width:0;height:0;border:0;padding:0;margin:0}.create-event-submit-btn{width:100%;padding:16px;background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff931f4d;margin-top:32px}.create-event-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff931f66}.create-event-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-event-error{display:block;color:#ff3b30;font-size:13px;margin-top:4px}#app:has(.volunteer-hub-page){display:block;padding:0;background-color:#f6f6f8}.volunteer-hub-page{min-height:100vh;background-color:#f6f6f8;padding-bottom:80px}.volunteer-hub-main{padding:20px}.volunteer-hub-cta{background:linear-gradient(135deg,#ff931f,#ff5a1f);border-radius:16px;padding:24px;color:#fff;margin-bottom:24px}.volunteer-hub-cta-title{font-size:20px;font-weight:700;margin:0 0 8px}.volunteer-hub-cta-description{font-size:15px;margin:0 0 16px;opacity:.95;line-height:1.5}.volunteer-hub-cta-btn{display:inline-block;background:#fff;color:#ff7a1a;padding:12px 24px;border-radius:24px;font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:transform .2s}.volunteer-hub-cta-btn:hover{transform:scale(1.02)}.volunteer-hub-section{margin-bottom:24px}.volunteer-hub-events-list{display:flex;flex-direction:column;gap:16px}.volunteer-hub-section-title{font-size:18px;font-weight:700;color:#222;margin:0 0 16px}.volunteer-hub-event-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014}.volunteer-hub-event-link{display:block;color:inherit;text-decoration:none}.volunteer-hub-event-image-wrapper{width:100%;height:200px;overflow:hidden}.volunteer-hub-event-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.volunteer-hub-event-content{padding:16px}.volunteer-hub-event-title{font-size:16px;font-weight:700;color:#222;margin:0 0 12px;line-height:1.4}.volunteer-hub-event-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.volunteer-hub-event-date,.volunteer-hub-event-location{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.volunteer-hub-event-date svg,.volunteer-hub-event-location svg{flex-shrink:0;color:#ff931f}.volunteer-hub-event-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:8px;border-top:1px solid #f0f0f0}.volunteer-hub-event-volunteers{display:flex;align-items:center;gap:8px;margin-left:16px}.volunteer-hub-event-volunteers-count{font-size:16px;font-weight:700;color:#ff931f}.volunteer-hub-event-volunteers-label{font-size:13px;color:#666}.volunteer-hub-event-cancel-btn{background:none;border:none;color:#ff5a1f;font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:background-color .2s}.volunteer-hub-event-cancel-btn:hover{background-color:#fff5f0}.volunteer-hub-empty{background:#fff;border-radius:16px;padding:32px 24px;text-align:center;color:#999}.volunteer-hub-empty p{margin:0;font-size:15px}.volunteer-hub-event-card-horizontal{background:#fff;border-radius:18px;box-shadow:0 2px 10px #00000014;display:flex;color:inherit;text-decoration:none;overflow:hidden}.volunteer-hub-event-link-horizontal{display:flex;flex:1;color:inherit;text-decoration:none}.volunteer-hub-event-image-horizontal{width:40%;min-width:120px;max-width:150px;height:140px;overflow:hidden;background-color:#f3f3f5;border-radius:18px 0 0 18px}.volunteer-hub-event-image-horizontal img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.volunteer-hub-event-content-horizontal{flex:1;padding:14px 18px;display:flex;flex-direction:column}.volunteer-hub-event-title-horizontal{font-size:15px;font-weight:700;color:#222;margin:0 0 4px;line-height:1.3}.volunteer-hub-event-meta-horizontal{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#666}.volunteer-hub-event-date-horizontal,.volunteer-hub-event-location-horizontal{display:flex;align-items:center;gap:6px}.volunteer-hub-event-date-horizontal svg,.volunteer-hub-event-location-horizontal svg{flex-shrink:0;color:#ff931f}.volunteer-hub-event-cancel-btn-horizontal{align-self:flex-end;margin-top:4px;margin-right:20px;margin-bottom:20px;background:none;border:none;color:#ff3b30;font-size:12px;font-weight:500;cursor:pointer;padding:0;text-decoration:underline}.volunteer-hub-event-cancel-btn-horizontal:hover{opacity:.85}.volunteer-hub-section-my-upcoming .volunteer-hub-events-list{margin-top:18px}.volunteer-hub-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.volunteer-hub-section-title{font-size:18px;font-weight:700;color:#222;margin:0}.volunteer-hub-section-right{display:inline-flex;align-items:center;gap:4px}.volunteer-hub-section-link{text-decoration:none;transition:opacity .2s}.volunteer-hub-section-link:hover{opacity:.7}.volunteer-hub-section-count{font-size:16px;font-weight:700;color:#ff931f}.volunteer-hub-section-arrow{color:#ff931f;flex-shrink:0}.volunteer-hub-events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.volunteer-hub-event-card-grid{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.volunteer-hub-event-link-grid{display:block;color:inherit;text-decoration:none}.volunteer-hub-event-image-grid{width:100%;aspect-ratio:1;overflow:hidden;background-color:#f3f3f5}.volunteer-hub-event-content-grid{padding:12px}.volunteer-hub-event-title-grid{font-size:14px;font-weight:700;color:#222;margin:0 0 8px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.volunteer-hub-event-meta-grid{display:flex;flex-direction:column;gap:6px}.volunteer-hub-event-date-grid,.volunteer-hub-event-time-grid,.volunteer-hub-event-location-grid{display:flex;align-items:center;gap:4px;font-size:11px;color:#666}.volunteer-hub-event-date-grid svg,.volunteer-hub-event-time-grid svg,.volunteer-hub-event-location-grid svg{flex-shrink:0;color:#ff931f}.volunteer-hub-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.volunteer-hub-scroll-container::-webkit-scrollbar{display:none}.volunteer-hub-card-list{display:flex;gap:16px;padding-bottom:8px}.volunteer-hub-card-list .volunteer-hub-event-card-grid{flex:0 0 260px}@media(min-width:640px){.volunteer-hub-events-grid{grid-template-columns:repeat(3,1fr);gap:16px}.volunteer-hub-event-card-horizontal{padding:16px}.volunteer-hub-event-image-horizontal{width:120px;height:120px}.volunteer-hub-event-title-horizontal{font-size:16px}.volunteer-hub-event-date-horizontal,.volunteer-hub-event-location-horizontal{font-size:13px}}@media(min-width:768px){.volunteer-hub-events-grid{grid-template-columns:repeat(3,1fr);gap:20px}.volunteer-hub-event-title-grid{font-size:15px}.volunteer-hub-event-date-grid,.volunteer-hub-event-time-grid,.volunteer-hub-event-location-grid{font-size:12px}}@media(min-width:1024px){.volunteer-hub-events-grid{grid-template-columns:repeat(4,1fr);gap:24px}}#app:has(.event-success-page){display:block;padding:0;background-color:#f6f6f8}.event-success-page{min-height:100vh;background-color:#f6f6f8;display:flex;flex-direction:column}.event-success-header{padding:16px 20px;background-color:#fff;box-shadow:0 1px 3px #00000014;text-align:center}.event-success-title{margin:0;font-size:18px;font-weight:600;color:#222}.event-success-main{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 20px}.event-success-card{background:#fff;border-radius:24px;padding:40px 24px;max-width:360px;width:100%;text-align:center;box-shadow:0 8px 24px #0000000f}.event-success-icon-wrapper{margin-bottom:24px;display:flex;justify-content:center}.event-success-icon{position:relative;width:96px;height:96px}.event-success-icon-calendar-image{width:100%;height:100%;border-radius:24px;-o-object-fit:cover;object-fit:cover;display:block}.event-success-icon-check{position:absolute;bottom:-2px;right:-8px;width:40px;height:40px;border-radius:999px;background-color:#00c853;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00c85366}.event-success-icon-check svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2}.event-success-icon-check circle{stroke:none;fill:#00c853}.event-success-icon-check path{stroke-linecap:round;stroke-linejoin:round}.event-success-heading{margin:0 0 8px;font-size:20px;font-weight:700;color:#222}.event-success-text{margin:0 0 24px;font-size:15px;color:#8e8e93;line-height:1.5}.event-success-button{display:inline-block;padding:12px 24px;border-radius:999px;background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;box-shadow:0 6px 14px #ff780059;transition:transform .2s,box-shadow .2s}.event-success-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #ff780066}.event-success-button:active{transform:translateY(0);box-shadow:0 6px 14px #ff780040}#app:has(.event-detail-page){display:block;padding:0;background-color:#f6f6f8}.event-detail-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.event-detail-header{position:relative;padding:20px 24px;background-color:#fff;box-shadow:0 1px 3px #00000014}.event-detail-header-icon-btn{position:absolute;top:50%;transform:translateY(-50%);left:16px;padding:4px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#222}.event-detail-header-icon-btn svg{width:18px;height:18px}.event-detail-header-icon-btn-right{right:16px;left:auto}.event-detail-main{flex:1;padding:16px 20px 80px;background-color:#f6f6f8}.event-detail-hero-card{width:100%;max-width:480px;margin:0 auto 16px;background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;box-sizing:border-box}.event-detail-hero-image-wrapper{width:100%;height:200px;overflow:hidden}.event-detail-hero-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.event-detail-hero-content{padding:20px;box-sizing:border-box}.event-detail-title{margin:0 0 16px;font-size:18px;font-weight:700;color:#222;line-height:1.3}.event-detail-meta{display:flex;flex-direction:column;gap:10px}.event-detail-meta-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.event-detail-meta-icon{color:#222;display:flex;flex-shrink:0}.event-detail-meta-text{display:flex;flex-direction:column;gap:2px;flex:1}.event-detail-meta-primary{font-weight:600;color:#222;font-size:13px}.event-detail-meta-secondary{font-size:12px;color:#666}.event-detail-meta-link{border:none;background:none;padding:0;margin-left:auto;font-size:12px;color:#ff7a1a;font-weight:500;cursor:pointer;text-decoration:none}.event-detail-section{width:100%;max-width:480px;margin:0 auto 16px;padding:20px;background-color:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;box-sizing:border-box}.event-detail-section-title{margin:0 0 12px;font-size:15px;font-weight:700;color:#222}.event-detail-section-body{margin:0 0 16px;font-size:13px;line-height:1.6;color:#555}.event-detail-subsection-title{margin:12px 0 8px;font-size:13px;font-weight:700;color:#222}.event-detail-bullet-list{margin:0;padding-left:20px;font-size:13px;color:#555;display:flex;flex-direction:column;gap:6px}.event-detail-bullet-list li::marker{color:#ff7a1a}.event-detail-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.event-detail-participants-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.event-detail-participant-item{display:flex;align-items:center;gap:12px}.event-detail-participant-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#e8e8ea;display:flex;align-items:center;justify-content:center;flex-shrink:0}.event-detail-participant-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.event-detail-participant-avatar-placeholder{font-size:15px;font-weight:600;color:#666}.event-detail-participant-text{display:flex;flex-direction:column;gap:2px}.event-detail-participant-name{font-size:14px;font-weight:600;color:#222}.event-detail-participant-role{font-size:12px;color:#999}.event-detail-action{margin-top:20px}.event-detail-join-btn{width:100%;padding:14px 24px;border:none;border-radius:24px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);box-shadow:0 8px 16px #ff78004d;cursor:pointer;transition:transform .2s,box-shadow .2s}.event-detail-join-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 18px #ff780059}.event-detail-join-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 14px #ff780040}.event-detail-join-btn-disabled{opacity:.5;cursor:not-allowed}.event-detail-leave-btn{width:100%;padding:14px 24px;border:2px solid #ff5a1f;border-radius:24px;font-size:16px;font-weight:600;color:#ff5a1f;background:#fff;cursor:pointer;transition:all .2s}.event-detail-leave-btn:hover{background:#fff5f0}.cancel-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.cancel-modal{background:#fff;border-radius:24px;padding:40px 32px 32px;max-width:400px;width:100%;text-align:center;box-shadow:0 8px 32px #0000001f}.cancel-modal-icon{margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.cancel-modal-title{margin:0 0 16px;font-size:18px;font-weight:700;color:#222;line-height:1.3}.cancel-modal-text{margin:0 0 24px;font-size:14px;color:#666;line-height:1.5}.cancel-modal-actions{display:flex;gap:12px;justify-content:center}.cancel-modal-btn{flex:1;max-width:140px;padding:12px 24px;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid transparent}.cancel-modal-btn-yes{background:#e87722;color:#fff;border-color:#e87722}.cancel-modal-btn-yes:hover{background:#d66a1a;border-color:#d66a1a}.cancel-modal-btn-no{background:#fff;color:#222;border:2px solid #e0e0e0}.cancel-modal-btn-no:hover{background:#f6f6f8;border-color:#d0d0d0}.shared-items-subtabs{display:flex;gap:12px;padding:16px 20px;background-color:#fff}.shared-items-subtab{flex:1;padding:10px 16px;border:none;border-radius:999px;font-size:12px;font-weight:600;background-color:#f3f3f5;color:#8c8c92;cursor:pointer;transition:all .2s}.shared-items-subtab-active{background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff}.shared-items-view-my-wrapper{padding:12px 20px;background-color:#fff;text-align:right}.shared-items-view-my-link{font-size:13px;color:#ff931f;text-decoration:none;font-weight:500;transition:opacity .2s}.shared-items-view-my-link:hover{opacity:.8}.shared-items-main{flex:1;overflow-y:auto;padding:20px 20px 100px}.shared-items-content{width:100%}.shared-items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.shared-item-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column}.shared-item-image{width:100%;aspect-ratio:1;overflow:hidden;background-color:#f3f3f5;display:flex;align-items:center;justify-content:center}.shared-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shared-item-image-placeholder{color:#b7b7bc}.shared-item-content{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.shared-item-title{margin:0;font-size:15px;font-weight:600;color:#222;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.shared-item-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-top:auto}.shared-item-sharer{font-size:11px;color:#8c8c92;line-height:1.4}.shared-item-sharer-name{color:#222;font-weight:600}.shared-item-quantity{font-size:12px;font-weight:600;color:#222;background-color:#f3f3f5;padding:4px 10px;border-radius:999px}.shared-item-get-btn{width:100%;padding:8px 16px;border:none;border-radius:20px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);cursor:pointer;text-align:center;text-decoration:none;transition:opacity .2s;display:block;box-sizing:border-box}.shared-item-get-btn:hover{opacity:.9}.shared-item-get-btn-disabled{background:#e8e8e8;color:#8c8c92;cursor:default}.shared-item-get-btn-disabled:hover{opacity:1}.shared-item-card-ch{border-radius:16px;box-shadow:0 2px 10px #00000014}.shared-item-content-ch{padding:14px 14px 12px}.shared-item-title-ch{font-size:14px;margin-bottom:4px}.shared-item-sharer-ch{font-size:11px;color:#8c8c92;line-height:1.4;margin-bottom:10px}.shared-item-sharer-name-ch{font-weight:600;color:#222}.shared-item-bottom-ch{display:flex;align-items:center;justify-content:space-between;gap:8px}.shared-item-quantity-ch{background:transparent;padding:0;font-size:11px;font-weight:500;color:#8c8c92;border-radius:0}.shared-item-actions-ch{display:flex;justify-content:flex-end;flex:0 0 auto}.shared-item-get-btn-ch{min-width:60px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);border:none;text-decoration:none;text-align:center;cursor:pointer;box-shadow:0 4px 10px #ff780066;display:inline-block}.shared-item-get-btn-ch-disabled{background:#e5e5ea;color:#8c8c92;box-shadow:none;cursor:default}.shared-items-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.shared-items-empty-text{margin-top:16px;font-size:16px;color:#8c8c92;max-width:280px}.shared-items-view-my-wrapper-donor{padding:16px 20px;background-color:#fff;text-align:right;border-bottom:1px solid #f3f3f5}.shared-items-main-donor{background-color:#f6f6f8}.shared-items-grid-donor{gap:12px}.shared-item-card-donor{border-radius:16px;box-shadow:0 1px 4px #0000000f}.shared-item-image-donor{aspect-ratio:1;border-radius:12px 12px 0 0}.shared-item-content-donor{padding:12px 14px 14px;gap:6px}.shared-item-title-donor{font-size:14px;margin-bottom:2px}.shared-item-qty-donor{font-size:12px;color:#8c8c92;margin:0;font-weight:500}.shared-item-footer-donor{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.shared-item-owner-donor{display:flex;align-items:center;gap:8px;font-size:11px;color:#8c8c92}.shared-item-owner-avatar-wrapper{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}.shared-item-owner-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.shared-item-owner-avatar-placeholder{background-color:#dddfe5;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#6b6f7b}.shared-item-sharer-name-donor{font-weight:500;color:#222}.shared-item-date-donor{font-size:11px;color:#b7b7bc}.shared-item-separator-donor{height:1px;background-color:#ececf0;margin:10px 0 4px}.shared-item-report-btn{width:100%;padding:4px 0 0;border:none;border-radius:0;font-size:12px;font-weight:600;color:#ff3b30;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:6px}.shared-item-report-btn .shared-item-report-icon{color:#ff3b30}.shared-item-report-btn:hover{opacity:.8}.shared-item-report-btn-disabled{color:#b7b7bc;cursor:default}.shared-item-report-btn-disabled .shared-item-report-icon{color:#b7b7bc}.shared-item-report-btn-disabled:hover{opacity:1}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:9999;padding:0}.report-modal{background:#fff;border-radius:24px 24px 0 0;padding:24px 20px 32px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 -4px 24px #00000026}.report-modal-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#222}.report-modal-reasons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.report-reason-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:none;background:transparent;text-align:left;cursor:pointer;transition:background-color .2s;border-radius:8px}.report-reason-item:hover{background-color:#f6f6f8}.report-reason-item-active{background-color:#fff5f0}.report-reason-text{font-size:14px;color:#222;font-weight:400}.report-reason-radio{width:24px;height:24px;border:2px solid #ff7a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-reason-radio-dot{width:12px;height:12px;background-color:#ff7a1a;border-radius:50%}.report-modal-textarea{width:100%;padding:14px 16px;border:1px solid #e8e8e8;border-radius:12px;font-size:14px;color:#222;background-color:#fff;box-sizing:border-box;resize:vertical;font-family:inherit;margin-bottom:20px;min-height:100px}.report-modal-textarea:focus{outline:none;border-color:#ff7a1a}.report-modal-textarea::-moz-placeholder{color:#b7b7bc}.report-modal-textarea::placeholder{color:#b7b7bc}.report-modal-submit{width:100%;padding:16px;background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border:none;border-radius:999px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff931f4d}.report-modal-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff931f66}.report-modal-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(min-width:640px){.report-modal-overlay{align-items:center;padding:20px}.report-modal{border-radius:24px;padding:32px 28px}}@media(min-width:768px){.shared-items-grid,.shared-items-grid-donor{grid-template-columns:repeat(3,1fr);gap:24px}.shared-items-main{padding:32px 32px 120px}.shared-items-main-donor{padding:24px 24px 120px}}@media(min-width:1024px){.shared-items-grid,.shared-items-grid-donor{grid-template-columns:repeat(4,1fr);gap:28px}.shared-items-main{padding:40px 48px 120px;max-width:1400px;margin:0 auto}.shared-items-main-donor{padding:32px 32px 120px}}#app:has(.create-shared-item-page){display:block;padding:0;background-color:#f6f6f8}.create-shared-item-page{min-height:100vh;background-color:#f6f6f8;display:flex;flex-direction:column}.create-shared-item-header{position:relative;background-color:#fff;padding:20px;text-align:center;box-shadow:0 1px 3px #00000014}.create-shared-item-header .back-button{position:absolute;top:20px;left:20px;z-index:10}.create-shared-item-header-title{margin:0;font-size:18px;font-weight:600;color:#222}.create-shared-item-main{flex:1;overflow-y:auto;padding:20px 20px 40px}.create-shared-item-form{max-width:480px;margin:0 auto}.create-shared-item-section{margin-bottom:24px}.create-shared-item-inline-row{display:flex;justify-content:space-between;align-items:center}.create-shared-item-inline-row .create-shared-item-label{margin-bottom:0}.create-shared-item-label{display:block;font-size:15px;font-weight:600;color:#222;margin-bottom:8px}.create-shared-item-input{width:100%;padding:14px 16px;border:1px solid #e8e8e8;border-radius:12px;font-size:15px;color:#222;background-color:#fff;box-sizing:border-box;transition:border-color .2s}.create-shared-item-input:focus{outline:none;border-color:#ff931f}.create-shared-item-input::-moz-placeholder{color:#b7b7bc}.create-shared-item-input::placeholder{color:#b7b7bc}.create-shared-item-textarea{width:100%;padding:14px 16px;border:1px solid #e8e8e8;border-radius:12px;font-size:15px;color:#222;background-color:#fff;box-sizing:border-box;resize:vertical;font-family:inherit;transition:border-color .2s}.create-shared-item-textarea:focus{outline:none;border-color:#ff931f}.create-shared-item-textarea::-moz-placeholder{color:#b7b7bc}.create-shared-item-textarea::placeholder{color:#b7b7bc}.create-shared-item-select-wrapper{position:relative}.create-shared-item-select{width:100%;padding:14px 40px 14px 16px;border:1px solid #e8e8e8;border-radius:12px;font-size:15px;color:#222;background-color:#fff;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s}.create-shared-item-select:focus{outline:none;border-color:#ff931f}.create-shared-item-select-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#8c8c92;pointer-events:none}.create-shared-item-image-upload{width:120px;height:120px;border-radius:12px;overflow:hidden;cursor:pointer;background-color:#fff;border:2px dashed #e8e8e8;transition:border-color .2s}.create-shared-item-image-upload:hover{border-color:#ff931f}.create-shared-item-image-input{display:none}.create-shared-item-image-preview{position:relative;width:100%;height:100%}.create-shared-item-image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.create-shared-item-image-remove{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;background-color:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.create-shared-item-image-remove:hover{background-color:#000c}.create-shared-item-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#b7b7bc}.create-shared-item-image-placeholder span{font-size:12px;text-align:center}.create-shared-item-toggle-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.create-shared-item-toggle{position:relative;display:inline-block;width:51px;height:31px}.create-shared-item-toggle-input{opacity:0;width:0;height:0}.create-shared-item-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e8e8e8;transition:.3s;border-radius:31px}.create-shared-item-toggle-slider:before{position:absolute;content:"";height:23px;width:23px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.create-shared-item-toggle-input:checked+.create-shared-item-toggle-slider{background-color:#ff931f}.create-shared-item-toggle-input:checked+.create-shared-item-toggle-slider:before{transform:translate(20px)}.create-shared-item-submit-btn{width:100%;padding:16px;background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff931f4d;margin-top:8px}.create-shared-item-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff931f66}.create-shared-item-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-shared-item-profile-link{display:block;text-align:center;margin-top:16px;font-size:14px;color:#8c8c92;text-decoration:none}.create-shared-item-profile-link:hover{color:#ff931f}.create-shared-item-error{display:block;color:#ff3b30;font-size:13px;margin-top:4px}#app:has(.my-shared-items-page){display:block;padding:0;background-color:#f6f6f8}.my-shared-items-page{min-height:100vh;background-color:#f6f6f8;display:flex;flex-direction:column;padding-bottom:80px}.my-shared-items-header{position:relative;background-color:#fff;padding:20px;text-align:center;box-shadow:0 1px 3px #00000014}.my-shared-items-header .back-button{position:absolute;top:18px;left:20px;z-index:10}.my-shared-items-header-title{margin:0;font-size:18px;font-weight:600;color:#222}.my-shared-items-main{flex:1;padding:20px}.my-shared-items-list{display:flex;flex-direction:column;gap:16px}.my-shared-item-card{background:#fff;border-radius:16px;overflow:visible;box-shadow:0 2px 8px #00000014;display:flex;gap:12px;padding:16px;position:relative}.my-shared-item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;background-color:#f3f3f5;flex-shrink:0;display:flex;align-items:center;justify-content:center}.my-shared-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.my-shared-item-image-placeholder{color:#b7b7bc}.my-shared-item-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0;padding-right:40px}.my-shared-item-title{margin:0;font-size:15px;font-weight:600;color:#222;line-height:1.3}.my-shared-item-edit-btn{position:absolute;top:16px;right:16px;padding:4px;border:none;background:transparent;color:#8c8c92;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;text-decoration:none}.my-shared-item-edit-btn:hover{color:#ff931f}.my-shared-item-category{margin:0;font-size:12px;color:#8c8c92;line-height:1.3}.my-shared-item-description{margin:0;font-size:12px;color:#666;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.my-shared-item-meta{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#8c8c92;margin-top:4px}.my-shared-item-views,.my-shared-item-date{display:flex;align-items:center;gap:4px}.my-shared-item-view-requestor-btn{position:absolute;top:12px;right:12px;padding:6px 12px;border:none;border-radius:12px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(180deg,#34c759,#30b350);cursor:pointer;text-align:center;text-decoration:none;transition:opacity .2s;display:inline-block;z-index:5}.my-shared-item-view-requestor-btn:hover{opacity:.9}.my-shared-item-delete-btn{position:absolute;bottom:16px;right:16px;padding:4px;border:none;background:transparent;color:#ff931f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.my-shared-item-delete-btn:hover{opacity:.7}.my-shared-items-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.my-shared-items-empty-text{margin-top:16px;font-size:16px;color:#8c8c92;max-width:280px}.my-shared-items-empty-btn{margin-top:24px;padding:12px 32px;border:none;border-radius:999px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);cursor:pointer;text-decoration:none;transition:transform .2s}.my-shared-items-empty-btn:hover{transform:translateY(-2px)}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-modal{background:#fff;border-radius:24px;padding:32px 24px;max-width:320px;width:100%;text-align:center}.delete-modal-icon{margin-bottom:20px;display:flex;justify-content:center}.delete-modal-title{margin:0 0 12px;font-size:18px;font-weight:700;color:#222;line-height:1.3}.delete-modal-text{margin:0 0 24px;font-size:14px;color:#8c8c92;line-height:1.5}.delete-modal-actions{display:flex;gap:12px}.delete-modal-btn{flex:1;padding:12px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.delete-modal-btn-yes{background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border:none}.delete-modal-btn-yes:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff931f4d}.delete-modal-btn-cancel{background:#fff;color:#222;border:2px solid #e0e0e0}.delete-modal-btn-cancel:hover{background:#f6f6f8;border-color:#d0d0d0}#app:has(.my-donation-posts-page){display:block;padding:0;background-color:#f6f6f8}.my-donation-posts-page{min-height:100vh;background-color:#f6f6f8;display:flex;flex-direction:column;padding-bottom:80px}.my-donation-tabs{display:flex;gap:8px;padding:16px 20px;background-color:#fff;box-shadow:0 1px 3px #0000000f}.my-donation-tab{flex:1;padding:10px 16px;border:none;border-radius:999px;font-size:14px;font-weight:600;background-color:#fff;color:#8c8c92;cursor:pointer;transition:all .2s;border:2px solid #e8e8ea;outline:none;-webkit-tap-highlight-color:transparent}.my-donation-tab:hover{border-color:#ff931f;color:#ff931f}.my-donation-tab-active{background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff;border-color:transparent}.my-donation-tab:active,.my-donation-tab:focus{color:#8c8c92}.my-donation-tab.my-donation-tab-active:active,.my-donation-tab.my-donation-tab-active:focus{color:#fff}.my-donation-main{flex:1;padding:20px;overflow-y:auto}.my-donation-list{display:flex;flex-direction:column;gap:16px}.my-donation-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;display:flex;gap:12px;padding:16px;position:relative}.my-donation-image{width:100px;height:100px;border-radius:12px;overflow:hidden;background-color:#f3f3f5;flex-shrink:0;display:flex;align-items:center;justify-content:center}.my-donation-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.my-donation-image-placeholder{color:#b7b7bc}.my-donation-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.my-donation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.my-donation-title{margin:0;font-size:16px;font-weight:600;color:#222;line-height:1.3;flex:1}.my-donation-edit-btn{padding:4px;border:none;background:transparent;color:#8c8c92;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;text-decoration:none;flex-shrink:0}.my-donation-edit-btn:hover{color:#ff931f}.my-donation-description{margin:0;font-size:13px;color:#666;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.my-donation-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:6px}.my-donation-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:12px;color:#8c8c92}.my-donation-views,.my-donation-date{display:flex;align-items:center;gap:4px}.my-donation-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:4px}.my-donation-view-requestor-btn-header{padding:6px 14px;border:none;border-radius:999px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(180deg,#34c759,#30b350);cursor:pointer;text-align:center;text-decoration:none;transition:opacity .2s;display:inline-block;flex-shrink:0}.my-donation-view-requestor-btn-header:hover{opacity:.9}.my-donation-disable-btn{padding:6px;border:none;background:transparent;color:#ff931f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.my-donation-disable-btn:hover{opacity:.7}.my-donation-delete-btn{padding:6px;border:none;background:transparent;color:#ff931f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.my-donation-delete-btn:hover{opacity:.7}.my-donation-card-disabled{opacity:.85}.my-donation-disabled-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.my-donation-repost-btn{padding:8px 20px;border:none;border-radius:999px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#e87722);cursor:pointer;text-align:center;transition:opacity .2s}.my-donation-repost-btn:hover{opacity:.9}.my-donation-delete-btn-disabled{padding:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.my-donation-delete-btn-disabled:hover{opacity:.7}.my-donation-card-completed{opacity:.9}.my-donation-completed-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.my-donation-receiving-charity{display:flex;flex-direction:column;gap:2px;flex:1}.my-donation-receiving-label{font-size:11px;color:#8c8c92;font-weight:500}.my-donation-charity-name{font-size:13px;color:#222;font-weight:600}.my-donation-delete-btn-completed{padding:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.my-donation-delete-btn-completed:hover{opacity:.7}.my-donation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:400px}.my-donation-empty-text{margin-top:16px;font-size:16px;color:#8c8c92;max-width:280px;line-height:1.5}@media(min-width:640px){.my-donation-main{padding:28px}.my-donation-card{padding:20px}.my-donation-image{width:120px;height:120px}}@media(min-width:768px){.my-donation-main{padding:32px 40px;margin:0}}@media(min-width:1024px){.my-donation-posts-page{background-color:#fff}.my-donation-main{padding:40px 48px;margin:0}}#app:has(.request-item-page){display:block;padding:0;background-color:#f6f6f8}.request-item-page{min-height:100vh;background-color:#f6f6f8;display:flex;flex-direction:column;padding-bottom:80px}.request-item-header{position:relative;background-color:#fff;padding:20px;text-align:center;box-shadow:0 1px 3px #00000014;display:flex;align-items:center;justify-content:center}.request-item-header .back-button{position:absolute;top:20px;left:20px;z-index:10}.request-item-header-title{margin:0;font-size:18px;font-weight:600;color:#222;flex:1;text-align:center}.request-item-main{flex:1;padding:20px}.request-item-image-container{background-color:#f3f3f5;border-radius:16px;padding:40px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;min-height:280px}.request-item-image{width:100%;max-width:240px;border-radius:12px;overflow:hidden}.request-item-image img{width:100%;height:auto;display:block}.request-item-image-placeholder{color:#b7b7bc}.request-item-info{background-color:#fff;border-radius:16px;padding:20px}.request-item-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.request-item-title{margin:0;font-size:18px;font-weight:600;color:#222;line-height:1.3;flex:1}.request-item-quantity{font-size:14px;color:#8c8c92;white-space:nowrap}.request-item-description{margin:0 0 24px;font-size:14px;color:#666;line-height:1.6}.request-item-expiry{font-size:12px;color:#dc2626;margin:0 0 16px}.request-item-counter-section{margin-bottom:24px}.request-item-counter-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.request-item-counter-label{font-size:15px;font-weight:600;color:#222}.request-item-counter{display:flex;align-items:center;gap:16px}.request-item-counter-btn{width:40px;height:40px;border-radius:50%;border:2px solid #e8e8e8;background-color:#fff;color:#222;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.request-item-counter-btn:hover:not(:disabled){border-color:#ff931f;color:#ff931f}.request-item-counter-btn:disabled{opacity:.4;cursor:not-allowed}.request-item-counter-value{font-size:18px;font-weight:600;color:#222;min-width:30px;text-align:center}.request-item-error{display:block;color:#ff3b30;font-size:13px;margin-top:8px;text-align:right}.request-item-shared-by{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:24px}.request-item-shared-label{font-size:13px;color:#8c8c92;margin-bottom:4px}.request-item-shared-name{font-size:15px;font-weight:600;color:#222}.request-item-shared-date{font-size:13px;color:#8c8c92}.request-item-submit-btn{width:100%;padding:14px;border-radius:999px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);border:none;cursor:pointer;transition:all .2s}.request-item-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff931f66}.request-item-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.request-item-submit-btn-disabled{background:#e8e8e8!important;color:#8c8c92!important;cursor:not-allowed!important}.request-item-submit-btn-disabled:hover{transform:none!important;box-shadow:none!important}.request-item-submit-btn-requested{background:#e8e8e8!important;color:#8c8c92!important;cursor:not-allowed!important}#app:has(.view-requestor-page){display:block;padding:0;background-color:#f6f6f8}.view-requestor-page{min-height:100vh;background-color:#f6f6f8;display:flex;flex-direction:column;padding-bottom:80px}.view-requestor-header{position:relative;background-color:#fff;padding:20px;text-align:center;box-shadow:0 1px 3px #00000014;display:flex;align-items:center;justify-content:center}.view-requestor-header .back-button{position:absolute;top:20px;left:20px;z-index:10}.view-requestor-header-title{margin:0;font-size:18px;font-weight:600;color:#222;flex:1;text-align:center}.view-requestor-main{flex:1;padding:20px}.view-requestor-images{margin-bottom:20px}.view-requestor-main-image{width:100%;border-radius:16px;overflow:hidden;margin-bottom:12px}.view-requestor-main-image img{width:100%;height:auto;display:block}.view-requestor-gallery{width:100%;border-radius:16px;overflow:hidden;margin-bottom:12px}.view-requestor-gallery-item{width:100%}.view-requestor-gallery-item img{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;display:block}.view-requestor-slider{width:100%;border-radius:16px;overflow:hidden;margin-bottom:12px}.view-requestor-slider-container{position:relative;width:100%;aspect-ratio:16/9;background-color:#f0f0f0}.view-requestor-slider-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.view-requestor-slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:#00000080;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;z-index:10}.view-requestor-slider-btn:hover{background-color:#000000b3}.view-requestor-slider-btn-prev{left:12px}.view-requestor-slider-btn-next{right:12px}.view-requestor-slider-indicators{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.view-requestor-slider-indicator{width:8px;height:8px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:all .2s}.view-requestor-slider-indicator.active{background-color:#fff;width:24px;border-radius:4px}.view-requestor-slider-indicator:hover{background-color:#fffc}.view-requestor-info-card{background-color:#fff;border-radius:16px;padding:20px}.view-requestor-org-name{margin:0 0 16px;font-size:20px;font-weight:700;color:#222}.view-requestor-contact{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.view-requestor-contact-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#222}.view-requestor-contact-item svg{color:#8c8c92}.view-requestor-visit-btn{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);border:none;cursor:pointer;white-space:nowrap}.view-requestor-visit-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.view-requestor-info-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:14px;color:#222}.view-requestor-info-item svg{color:#8c8c92;flex-shrink:0;margin-top:2px}.view-requestor-address{display:flex;flex-direction:column;gap:4px}.view-requestor-map-link{color:#ff931f;font-size:13px;text-decoration:none}.view-requestor-map-link:hover{text-decoration:underline}.view-requestor-poster{margin:20px 0;border-radius:12px;overflow:hidden}.view-requestor-poster img{width:100%;height:auto;display:block}.view-requestor-details{margin:20px 0;padding:16px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.view-requestor-detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.view-requestor-detail-row:last-child{margin-bottom:0}.view-requestor-detail-label{font-size:14px;color:#8c8c92;flex-shrink:0}.view-requestor-detail-value{font-size:14px;color:#222;font-weight:500;text-align:right}.view-requestor-detail-link{font-size:14px;color:#ff931f;text-decoration:none;text-align:right;word-break:break-all}.view-requestor-detail-link:hover{text-decoration:underline}.view-requestor-cert-section{margin:20px 0}.view-requestor-cert-title{margin:0 0 12px;font-size:16px;font-weight:600;color:#222}.view-requestor-cert-preview{border-radius:12px;overflow:hidden;cursor:pointer;transition:opacity .2s}.view-requestor-cert-preview:hover{opacity:.9}.view-requestor-cert-preview img{width:100%;height:auto;display:block}.view-requestor-actions{display:flex;gap:12px;margin-top:24px}.view-requestor-btn{flex:1;padding:14px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.view-requestor-btn-approve{background:linear-gradient(180deg,#ff931f,#ff5a1f);color:#fff}.view-requestor-btn-approve:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff780066}.view-requestor-btn-deny{background:#fff;color:#ff3b30;border:2px solid #ff3b30}.view-requestor-btn-deny:hover:not(:disabled){background:#fff5f5}.view-requestor-btn:disabled{opacity:.6;cursor:not-allowed}.cert-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.cert-modal{position:relative;max-width:800px;width:100%;max-height:90vh;overflow:auto}.cert-modal img{width:100%;height:auto;display:block;border-radius:8px}.cert-modal-close{position:absolute;top:-40px;right:0;width:32px;height:32px;border-radius:50%;background:#fff3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.cert-modal-close:hover{background:#ffffff4d}.proof-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.proof-modal{position:relative;max-width:800px;width:100%;max-height:90vh;overflow:auto}.proof-modal img{width:100%;height:auto;display:block;border-radius:8px}.proof-modal-close{position:absolute;top:-40px;right:0;width:32px;height:32px;border-radius:50%;background:#fff3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.proof-modal-close:hover{background:#ffffff4d}.to-ship-main{flex:1;padding:20px 20px 40px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.to-ship-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#8c8c92}.to-ship-empty svg{margin-bottom:16px}.to-ship-empty p{margin:0;font-size:16px}.to-ship-card{background:#fff;border-radius:12px;padding:16px;display:flex;gap:16px;box-shadow:0 1px 3px #00000014}.to-ship-card-image{width:100px;height:100px;background:#f0f0f2;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.to-ship-card-content{flex:1;display:flex;flex-direction:column;gap:8px}.to-ship-card-title{font-size:16px;font-weight:600;color:#222;margin:0;line-height:1.4}.to-ship-card-receiver,.to-ship-card-shipping{display:flex;gap:8px;font-size:13px}.to-ship-card-label{color:#8c8c92}.to-ship-card-value{color:#222;font-weight:500}.to-ship-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.to-ship-btn-ship{min-width:110px;padding:10px 24px;border-radius:999px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff780040}.to-ship-btn-ship:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff78004d}.to-ship-link-cancel{margin-left:auto;padding:0;border:none;background:transparent;font-size:13px;font-weight:500;color:#8c8c92;text-decoration:underline;cursor:pointer}.to-ship-link-cancel:hover{color:#ff3b30}.to-ship-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.to-ship-modal{background:#fff;border-radius:16px;max-width:400px;width:100%;box-shadow:0 8px 24px #00000026}.to-ship-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 16px;border-bottom:1px solid #f0f0f0}.to-ship-modal-title{margin:0;font-size:18px;font-weight:600;color:#222}.to-ship-modal-close{background:none;border:none;color:#8c8c92;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.to-ship-modal-close:hover{color:#222}.to-ship-modal-body{padding:20px}.to-ship-modal-item{display:flex;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.to-ship-modal-item-image{width:60px;height:60px;background:#f0f0f2;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.to-ship-modal-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.to-ship-modal-item-image svg{color:#d1d1d6}.to-ship-modal-item-info{flex:1}.to-ship-modal-item-name{margin:0 0 4px;font-size:15px;font-weight:600;color:#222;line-height:1.3}.to-ship-modal-item-receiver{margin:0;font-size:13px;color:#8c8c92}.to-ship-modal-form{display:flex;flex-direction:column;gap:8px}.to-ship-modal-label{font-size:14px;font-weight:600;color:#222}.to-ship-modal-input{width:100%;padding:12px 16px;border:1px solid #e8e8ea;border-radius:8px;font-size:14px;color:#222;background:#f6f6f8;box-sizing:border-box;transition:border-color .2s}.to-ship-modal-input:focus{outline:none;border-color:#ff7a1a;background:#fff}.to-ship-modal-input::-moz-placeholder{color:#b7b7bc}.to-ship-modal-input::placeholder{color:#b7b7bc}.to-ship-modal-footer{display:flex;gap:12px;padding:16px 20px 20px}.to-ship-modal-btn-cancel{flex:1;padding:12px;border-radius:999px;font-size:15px;font-weight:600;color:#222;background:#f6f6f8;border:none;cursor:pointer;transition:background-color .2s}.to-ship-modal-btn-cancel:hover{background:#e8e8ea}.to-ship-modal-btn-confirm{flex:1;padding:12px;border-radius:999px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff780040}.to-ship-modal-btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff78004d}.to-ship-modal-btn-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(min-width:640px){.to-ship-main{padding:28px;max-width:720px}}@media(min-width:768px){.to-ship-main{padding:32px;max-width:800px}}@media(min-width:1024px){.to-ship-page{background-color:#fff}.to-ship-main{max-width:1000px;padding:40px 48px}}#app:has(.ship-item-page){display:block;padding:0;background-color:#f6f6f8}.ship-item-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.ship-item-main{flex:1;padding:20px 20px 40px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.ship-item-section{margin-bottom:24px}.ship-item-section-title{font-size:15px;font-weight:600;color:#222;margin:0 0 12px}.ship-item-info-card{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;margin-bottom:12px;box-shadow:0 1px 3px #00000014}.ship-item-info-main{flex:1;display:flex;flex-direction:column;gap:8px}.ship-item-info-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ship-item-info-user{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.ship-item-info-user-icon{width:24px;height:24px;border-radius:999px;background:#fff5ed;display:flex;align-items:center;justify-content:center;color:#ff7a1a;flex-shrink:0}.ship-item-info-name{font-size:14px;font-weight:700;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ship-item-info-phone-inline{font-size:13px;font-weight:500;color:#222;white-space:nowrap}.ship-item-info-bottom{display:flex;align-items:flex-start;gap:8px;margin-top:2px}.ship-item-info-home-icon{width:20px;height:20px;border-radius:999px;background:#fff5ed;display:flex;align-items:center;justify-content:center;color:#ff7a1a;flex-shrink:0}.ship-item-info-address{font-size:13px;color:#222;line-height:1.5}.ship-item-edit-btn{background:none;border:none;color:#8c8c92;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.ship-item-edit-btn:hover{color:#222}.ship-item-product-card{background:#fff;border-radius:12px;padding:16px;display:flex;gap:16px;box-shadow:0 1px 3px #00000014}.ship-item-product-image{width:80px;height:80px;background:#f0f0f2;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ship-item-product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ship-item-product-image svg{color:#d1d1d6}.ship-item-product-info{flex:1;display:flex;flex-direction:column;gap:2px}.ship-item-product-name{font-size:15px;font-weight:600;color:#222;margin:0 0 6px}.ship-item-product-receiver-label{font-size:12px;font-weight:500;color:#8c8c92;margin:0}.ship-item-product-receiver-name{font-size:14px;font-weight:600;color:#222;margin:0}.ship-item-product-address{font-size:13px;color:#8c8c92;margin:0;line-height:1.5}.ship-item-options{display:flex;flex-direction:column;gap:12px}.ship-item-option{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;border:2px solid #e8e8ea;transition:all .2s;box-shadow:0 1px 3px #00000014}.ship-item-option:has(input:checked){border-color:#ff7a1a;background:#fff5ed}.ship-item-option-inline{flex-direction:row;justify-content:space-between}.ship-item-option-radio{width:20px;height:20px;accent-color:#ff7a1a;cursor:pointer}.ship-item-option-label{font-size:15px;font-weight:500;color:#222;flex:1}.ship-item-option-time{font-size:13px;color:#8c8c92}.ship-item-upload-box{width:100%;height:200px;border:2px dashed #e8e8ea;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#fff;overflow:hidden}.ship-item-upload-box:hover{border-color:#ff7a1a;background:#fff5ed}.ship-item-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ff7a1a}.ship-item-upload-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ship-item-file-input{display:none}.ship-item-submit-btn{width:100%;padding:14px;border-radius:999px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff780040}.ship-item-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff78004d}.ship-item-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}#app:has(.ship-success-page){display:block;padding:0;background-color:#fff}.ship-success-page{min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.ship-success-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.ship-success-content{text-align:center;max-width:400px}.ship-success-title{font-size:20px;font-weight:600;color:#222;margin:0 0 16px}.ship-success-message{font-size:14px;color:#8c8c92;margin:0;line-height:1.6}.ship-success-btn{display:inline-block;margin-top:24px}#app:has(.upload-proof-page){display:block;padding:0;background-color:#f6f6f8}.upload-proof-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.upload-proof-main{flex:1;padding:20px 20px 40px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.upload-proof-product-card{background:#fff;border-radius:12px;padding:16px;display:flex;gap:16px;box-shadow:0 1px 3px #00000014;margin-bottom:24px}.upload-proof-product-image{width:80px;height:80px;background:#f0f0f2;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upload-proof-product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.upload-proof-product-image svg{color:#d1d1d6}.upload-proof-product-info{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center}.upload-proof-product-name{font-size:16px;font-weight:600;color:#222;margin:0 0 4px}.upload-proof-product-label{font-size:12px;font-weight:500;color:#8c8c92;margin:0}.upload-proof-product-receiver{font-size:14px;font-weight:600;color:#222;margin:0}.upload-proof-section{margin-bottom:24px}.upload-proof-section-title{font-size:15px;font-weight:600;color:#222;margin:0 0 16px;line-height:1.5}.upload-proof-upload-box{width:100%;height:340px;border:2px dashed #ff7a1a;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#fff;overflow:hidden}.upload-proof-upload-box:hover{border-color:#ff931f;background:#fff5ed}.upload-proof-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ff7a1a}.upload-proof-upload-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.upload-proof-file-input{display:none}.upload-proof-submit-btn{width:100%;padding:14px;border-radius:999px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff780040}.upload-proof-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff78004d}.upload-proof-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.delivering-main{flex:1;padding:16px 16px 40px;max-width:650px;margin:0 auto;box-sizing:border-box}.delivering-empty{margin-top:60px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#8c8c92;font-size:14px}.delivering-list{display:flex;flex-direction:column;gap:12px}.delivering-card{background:#fff;border-radius:12px;padding:14px 18px;display:flex;gap:14px;box-shadow:0 1px 3px #0000000f;border:1px solid #f0f0f2}.delivering-card-image{width:96px;height:72px;border-radius:12px;background:#f5f5f7;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delivering-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.delivering-card-content{flex:1;display:flex;flex-direction:column;gap:2px}.delivering-card-title{font-size:15px;font-weight:600;color:#222;margin:0 0 6px}.delivering-card-label{font-size:12px;font-weight:500;color:#8c8c92;margin:0;line-height:1.4}.delivering-card-receiver{font-size:14px;font-weight:600;color:#222;margin:0}.delivering-card-estimate{font-size:13px;font-weight:600;color:#222;margin:0}.delivering-card-label.mt-2{margin-top:6px}.delivering-page .to-ship-card-receiver,.delivering-page .to-ship-card-shipping{flex-direction:column;align-items:flex-start;gap:0}.delivering-page .to-ship-card-receiver .to-ship-card-value,.delivering-page .to-ship-card-shipping .to-ship-card-value{margin-top:2px}#app:has(.plan-visit-page){display:block;padding:0;background-color:#f6f6f8}.plan-visit-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.plan-visit-content{flex:1;padding:20px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.plan-visit-section{margin-bottom:32px}.plan-visit-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.plan-visit-section-title{font-size:16px;font-weight:600;color:#ff7a1a;margin:0}.plan-visit-time-dropdown{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid #e5e5ea;background-color:#fff;color:#222;cursor:default;box-shadow:0 1px 3px #0000000a}.plan-visit-time-dropdown svg{display:block}.plan-visit-time-label{font-size:13px;font-weight:500}.plan-visit-time-dropdown-menu{margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:4px;display:flex;flex-direction:column;gap:4px;max-width:220px}.plan-visit-time-dropdown-item{border:none;background:transparent;padding:8px 10px;border-radius:8px;font-size:13px;text-align:left;cursor:pointer;color:#222}.plan-visit-time-dropdown-item:hover{background:#fff5ed;color:#ff7a1a}.plan-visit-time-dropdown-item-active{background:#ff7a1a;color:#fff}.plan-visit-calendar{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000014}.calendar-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.calendar-month{font-size:18px;font-weight:700;color:#222}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px}.calendar-weekday{text-align:center;font-size:13px;font-weight:600;color:#8c8c92;padding:8px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day{aspect-ratio:1;border:none;background:#f6f6f8;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#222;cursor:pointer;transition:all .2s}.calendar-day:hover:not(:disabled):not(.calendar-day-empty){background:#fff5ed;color:#ff7a1a}.calendar-day-empty{background:transparent;cursor:default}.calendar-day-past{color:#d1d1d6;cursor:not-allowed}.calendar-day-today{background:#fff5ed;color:#ff7a1a;font-weight:600}.calendar-day-selected{background:linear-gradient(135deg,#ff931f,#ff5a1f);color:#fff;font-weight:700}.calendar-day-selected:hover{background:linear-gradient(135deg,#ff931f,#ff5a1f);color:#fff}.plan-visit-duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-visit-duration-btn{padding:14px 16px;border:2px solid #e8e8ea;border-radius:12px;background:#fff;font-size:14px;font-weight:500;color:#222;cursor:pointer;transition:all .2s}.plan-visit-duration-btn:hover{border-color:#ff7a1a;background:#fff5ed;color:#ff7a1a}.plan-visit-duration-btn-selected{border-color:#ff7a1a;background:#fff5ed;color:#ff7a1a;font-weight:600}.plan-visit-footer{margin-top:32px}.plan-visit-next-btn{width:100%;padding:14px 16px;border:none;border-radius:999px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 16px #ff78004d}.plan-visit-next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 18px #ff780059}.plan-visit-next-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}#app:has(.plan-visit-details-page){display:block;padding:0;background-color:#f6f6f8}.plan-visit-details-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.plan-visit-details-content{flex:1;padding:20px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.plan-visit-details-heading{font-size:18px;font-weight:600;color:#ff7a1a;margin:0 0 24px}.plan-visit-details-form{display:flex;flex-direction:column;gap:20px}.plan-visit-form-group{display:flex;flex-direction:column;gap:8px}.plan-visit-form-label{font-size:15px;font-weight:600;color:#222}.plan-visit-form-input{width:100%;padding:14px 16px;border:none;border-radius:12px;font-size:14px;color:#222;background:#f3f3f5;box-sizing:border-box;transition:background .2s}.plan-visit-form-input:focus{outline:none;background:#e8e8ea}.plan-visit-form-input::-moz-placeholder{color:#b7b7bc}.plan-visit-form-input::placeholder{color:#b7b7bc}.plan-visit-form-textarea{width:100%;padding:14px 16px;border:none;border-radius:12px;font-size:14px;color:#222;background:#f3f3f5;box-sizing:border-box;resize:vertical;min-height:100px;font-family:inherit;transition:background .2s}.plan-visit-form-textarea:focus{outline:none;background:#e8e8ea}.plan-visit-form-textarea::-moz-placeholder{color:#b7b7bc}.plan-visit-form-textarea::placeholder{color:#b7b7bc}.plan-visit-form-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.plan-visit-form-row .plan-visit-form-label{margin-bottom:0}.plan-visit-form-row .plan-visit-counter{flex-shrink:0}.plan-visit-counter{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:8px 18px;background:#fff;border-radius:999px;border:1px solid #e5e5ea}.plan-visit-counter-btn{border:none;background:transparent;font-size:16px;font-weight:500;color:#666;cursor:pointer;padding:0;line-height:1}.plan-visit-counter-btn:disabled{opacity:.4;cursor:default}.plan-visit-counter-value{font-size:16px;font-weight:600;color:#111;min-width:16px;text-align:center}.plan-visit-submit-btn{width:100%;padding:14px 16px;border:none;border-radius:999px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 16px #ff78004d;margin-top:8px}.plan-visit-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 18px #ff780059}.plan-visit-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.plan-visit-terms{text-align:center;font-size:13px;color:#8c8c92;margin:12px 0 0}.plan-visit-terms a{color:#ff7a1a;text-decoration:none}.plan-visit-terms a:hover{text-decoration:underline}#app:has(.visit-success-page){display:flex;align-items:center;justify-content:center;padding:20px;background-color:#f6f6f8}.visit-success-page{width:100%;max-width:400px}.visit-success-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 20px}.visit-success-icon{margin-bottom:8px}.visit-success-title{font-size:24px;font-weight:700;color:#222;margin:0}.visit-success-message{font-size:15px;color:#8c8c92;line-height:1.6;margin:0}.visit-success-btn{display:inline-block;padding:14px 48px;border:none;border-radius:999px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 16px #ff78004d}.visit-success-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px #ff780059}@media(min-width:640px){.plan-visit-content,.plan-visit-details-content{padding:28px;max-width:720px}.plan-visit-calendar{padding:24px}.calendar-month{font-size:20px}.calendar-day{font-size:15px}}@media(min-width:768px){.plan-visit-content,.plan-visit-details-content{padding:32px;max-width:800px}}@media(min-width:1024px){.plan-visit-page,.plan-visit-details-page{background-color:#fff}.plan-visit-content,.plan-visit-details-content{max-width:1000px;padding:40px 48px}}#app:has(.explore-page){display:block;padding:0;background-color:#f6f6f8}.explore-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.explore-main{flex:1;padding:20px 16px 90px;box-sizing:border-box}.explore-section{margin-bottom:32px}.explore-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.explore-section-title{margin:0;font-size:18px;font-weight:700;color:#222;display:flex;align-items:center;gap:8px}.explore-section-title svg{color:#ff7a1a}.explore-section-link{font-size:14px;color:#ff7a1a;text-decoration:none;font-weight:600}.explore-section-link:hover{text-decoration:underline}.explore-location-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:0 2px;font-size:13px}.explore-location-left{display:flex;align-items:center;gap:6px;color:#111827}.explore-location-left svg{color:#111827}.explore-location-text{font-weight:500}.explore-location-change{font-size:13px;color:#ff7a1a;font-weight:600;text-decoration:underline;text-underline-offset:2px}.explore-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.explore-scroll-container::-webkit-scrollbar{display:none}.explore-card-list{display:flex;gap:16px;padding-bottom:8px}.explore-card{flex:0 0 280px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px #0f172a14;transition:transform .18s ease,box-shadow .18s ease}.explore-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0f172a1f}.explore-card-image-wrapper{position:relative;width:100%;height:190px;overflow:hidden;background-color:#f3f3f5}.explore-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.explore-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#b7b7bc}.explore-card-content{padding:14px 16px 16px}.explore-card-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.explore-card-title{margin:0;font-size:16px;font-weight:700;color:#222;line-height:1.35;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-card-heart-btn{width:32px;height:32px;border-radius:50%;border:none;background-color:#fff7f0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ff7a1a;padding:0;box-shadow:0 2px 6px #ff780040;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}.explore-card-heart-btn svg{display:block}.explore-card-heart-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #ff780059}.explore-card-heart-btn-active{background-color:#ffe5cf}.explore-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.explore-card-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.explore-card-meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-card-meta-item svg{flex-shrink:0;color:#9ca3af}.explore-card-btn{border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 4px 12px #ff780059;white-space:nowrap}.explore-card-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff780066}.explore-card-btn:active{transform:translateY(0);box-shadow:0 4px 10px #ff78004d}.explore-card-btn:disabled{background:#d1d1d6;color:#8e8e93;box-shadow:none;cursor:not-allowed;transform:none}.explore-empty-state{padding:40px 20px;text-align:center;background:#fff;border-radius:16px}.explore-empty-state p{margin:0;font-size:15px;color:#8c8c92}@media(min-width:640px){.explore-main{padding:24px 20px 100px;max-width:100%;margin:0 auto}.explore-section{margin-bottom:36px}.explore-section-title{font-size:19px}.explore-card{flex:0 0 300px}.explore-card-image-wrapper{height:200px}}@media(min-width:768px){.explore-main{padding:28px 24px 110px}.explore-card{flex:0 0 320px}}@media(min-width:1024px){#app:has(.explore-page){background-color:#fff}.explore-page{background-color:#fff}.explore-main{max-width:1400px;padding:32px 48px 100px;margin:0 auto}.explore-section{margin-bottom:48px}.explore-card{flex:0 0 340px}}#app:has(.bag-page){display:block;padding:0;background-color:#f6f6f8}.bag-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.bag-main{flex:1;padding:20px 20px 140px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.bag-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.bag-empty-image{width:200px;height:200px;margin-bottom:24px}.bag-empty-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.bag-empty-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#222}.bag-empty-subtitle{margin:0;font-size:15px;color:#8c8c92;line-height:1.5}.bag-content{display:flex;flex-direction:column;gap:16px}.bag-select-all{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f}.bag-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:15px;font-weight:600;color:#222}.bag-checkbox{width:20px;height:20px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #ff7a1a;border-radius:4px;background-color:#fff;position:relative;transition:all .2s}.bag-checkbox:checked{background-color:#ff7a1a;border-color:#ff7a1a}.bag-checkbox:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.bag-items{display:flex;flex-direction:column;gap:12px}.bag-item{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 1px 3px #00000014;transition:box-shadow .2s,transform .2s}.bag-item-selected{box-shadow:0 2px 6px #0000001a}.bag-item-checkbox{display:flex;align-items:flex-start;padding-top:2px}.bag-item-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background-color:#f3f3f5;flex-shrink:0}.bag-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bag-item-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#b7b7bc}.bag-item-details{flex:1;min-width:0}.bag-item-name{margin:0 0 4px;font-size:16px;font-weight:600;color:#000}.bag-item-requester{margin:0 0 12px;font-size:13px;color:#8e8e93;line-height:1.4}.bag-item-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.bag-quantity-btn{width:24px;height:24px;border-radius:4px;border:1px solid #d1d1d6;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000;font-size:16px;font-weight:500;transition:background-color .2s,border-color .2s}.bag-quantity-btn:hover:not(:disabled){background-color:#f3f3f5;border-color:#d1d1d6}.bag-quantity-btn:disabled{opacity:.4;cursor:not-allowed}.bag-quantity-value{font-size:14px;font-weight:500;color:#000;min-width:24px;text-align:center}.bag-item-remove{width:32px;height:32px;border-radius:50%;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,transform .2s;flex-shrink:0}.bag-item-remove:hover{background-color:#f3f3f5;transform:scale(1.05)}.bag-item-remove:active{transform:scale(.95)}.bag-bottom-bar{position:fixed;bottom:70px;left:0;right:0;background:transparent;padding:16px 20px;z-index:100;display:flex;align-items:center;justify-content:center}.bag-donate-btn{border:none;border-radius:999px;padding:16px 32px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;width:100%;max-width:600px;transition:transform .2s,box-shadow .2s,background .2s}.bag-donate-btn:not(:disabled){background:linear-gradient(180deg,#ff931f,#ff5a1f);box-shadow:0 8px 16px #ff78004d}.bag-donate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 18px #ff780059}.bag-donate-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 14px #ff780040}.bag-donate-btn:disabled{background:#b7b7bc;cursor:not-allowed;box-shadow:none;opacity:1}@media(min-width:640px){.bag-main{padding:24px 20px 150px;max-width:720px}.bag-empty{padding:80px 20px}.bag-empty-image{width:240px;height:240px}.bag-empty-title{font-size:22px}.bag-empty-subtitle{font-size:16px}.bag-item{padding:20px}.bag-item-image{width:80px;height:80px}.bag-item-name{font-size:16px}.bag-bottom-bar{bottom:80px;padding:20px 24px}}@media(min-width:768px){.bag-main{padding:28px 24px 160px;max-width:800px}.bag-bottom-bar{bottom:90px}}@media(min-width:1024px){#app:has(.bag-page){background-color:#fff}.bag-page{background-color:#fff}.bag-main{max-width:1000px;padding:32px 48px 140px}.bag-empty{padding:100px 20px}.bag-bottom-bar{max-width:1000px;left:50%;transform:translate(-50%);border-radius:16px 16px 0 0;bottom:0}}.checkout-content{display:flex;flex-direction:column;gap:20px}.checkout-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000f}.checkout-section-title{margin:0 0 16px;font-size:18px;font-weight:700;color:#222}.checkout-items{display:flex;flex-direction:column;gap:12px}.checkout-item{display:flex;gap:12px;padding:12px;background:#f6f6f8;border-radius:12px}.checkout-item-image{width:64px;height:64px;border-radius:12px;overflow:hidden;background-color:#fff;flex-shrink:0}.checkout-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.checkout-item-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#b7b7bc}.checkout-item-details{flex:1;min-width:0}.checkout-item-name{margin:0 0 4px;font-size:15px;font-weight:600;color:#222}.checkout-item-requester{margin:0 0 8px;font-size:13px;color:#8c8c92}.checkout-item-quantity{font-size:13px;color:#555;margin-bottom:4px}.checkout-item-price{font-size:14px;font-weight:600;color:#ff7a1a}.checkout-options{display:flex;flex-direction:column;gap:20px}.checkout-option-group{padding:16px;background:#f6f6f8;border-radius:12px}.checkout-option-item-name{margin:0 0 12px;font-size:15px;font-weight:600;color:#222}.checkout-radio-group{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.checkout-radio-group:last-child{margin-bottom:0}.checkout-radio-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;background:#fff;border-radius:10px;border:2px solid #e8e8ea;transition:border-color .2s,background-color .2s}.checkout-radio-label:has(input:checked){border-color:#ff7a1a;background-color:#fff7f0}.checkout-radio{width:20px;height:20px;cursor:pointer;accent-color:#ff7a1a;margin-top:2px;flex-shrink:0}.checkout-radio-content{flex:1;display:flex;flex-direction:column;gap:2px}.checkout-radio-title{font-size:14px;font-weight:600;color:#222}.checkout-radio-desc{font-size:12px;color:#8c8c92}.checkout-total-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000f}.checkout-total-row{display:flex;justify-content:space-between;align-items:center}.checkout-total-label{font-size:16px;font-weight:600;color:#222}.checkout-total-amount{font-size:22px;font-weight:700;color:#ff7a1a}.checkout-submit-btn{width:100%;border:none;border-radius:999px;padding:14px 16px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);box-shadow:0 8px 16px #ff780059;cursor:pointer;transition:transform .2s,box-shadow .2s}.checkout-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 18px #ff780066}.checkout-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 14px #ff78004d}.checkout-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(min-width:640px){.checkout-section{padding:24px}.checkout-item{padding:16px}.checkout-item-image{width:80px;height:80px}.checkout-option-group{padding:20px}}@media(min-width:1024px){.checkout-content{max-width:800px;margin:0 auto}}.event-card{display:block;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;margin-bottom:16px}.event-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.event-card-image{width:100%;height:180px;overflow:hidden;background-color:#f3f3f5}.event-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.event-card-content{padding:16px;display:flex;flex-direction:column;min-height:120px}.event-card-title{font-size:16px;font-weight:700;color:#222;margin:0 0 12px;line-height:1.4}.event-card-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.event-card-meta-row{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.event-card-meta-row svg{flex-shrink:0}.event-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.event-card-joined{font-size:14px;font-weight:700;color:#ff7a1a}.event-card-volunteers{display:flex;align-items:center;justify-content:flex-end;gap:8px}.event-card-volunteers-avatars{display:flex;align-items:center}.event-card-volunteer-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:#e8e8ea;border:2px solid #ffffff;margin-left:-8px;display:flex;align-items:center;justify-content:center}.event-card-volunteer-avatar:first-child{margin-left:0}.event-card-volunteer-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.event-card-volunteer-avatar-placeholder{font-size:12px;font-weight:600;color:#8e8e93}#app:has(.events-near-me-page){display:block;padding:0;background-color:#f6f6f8}.events-near-me-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8;padding-bottom:20px}.events-near-me-header{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000014;position:sticky;top:0;z-index:100}.events-near-me-back-btn{color:#222;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;transition:opacity .2s;background:none;border:none;cursor:pointer}.events-near-me-back-btn:hover{opacity:.6}.events-near-me-title{font-size:18px;font-weight:600;color:#222;margin:0}.events-near-me-spacer{width:40px}.events-near-me-main{flex:1;padding:20px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.events-near-me-search-bar{display:flex;gap:12px;margin-bottom:16px}.events-near-me-search-input-wrapper{flex:1;position:relative}.events-near-me-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none}.events-near-me-search-input{width:100%;padding:12px 14px 12px 44px;border:1px solid #e8e8ea;border-radius:12px;font-size:15px;color:#222;background:#fff;box-sizing:border-box;transition:border-color .2s}.events-near-me-search-input:focus{outline:none;border-color:#ff931f}.events-near-me-search-input::-moz-placeholder{color:#8e8e93}.events-near-me-search-input::placeholder{color:#8e8e93}.events-near-me-filter-btn{width:48px;height:48px;border:1px solid #e8e8ea;border-radius:12px;background:#fff;color:#222;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,border-color .2s}.events-near-me-filter-btn:hover{background-color:#f6f6f8;border-color:#d1d1d6}.events-near-me-location{display:flex;align-items:center;gap:8px;padding:12px 0;margin-bottom:16px;font-size:14px;color:#666}.events-near-me-location svg{flex-shrink:0}.events-near-me-list{display:flex;flex-direction:column}.events-near-me-empty{text-align:center;padding:60px 20px;color:#8e8e93;font-size:16px}@media(min-width:640px){.events-near-me-main{padding:28px;max-width:720px}}@media(min-width:768px){.events-near-me-main{padding:32px;max-width:800px}}@media(min-width:1024px){.events-near-me-page{background-color:#fff}.events-near-me-main{max-width:1000px;padding:40px 48px}}.filter-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:flex-end;z-index:1000;animation:filter-modal-fade-in .22s ease-out}.filter-modal-sheet{width:100%;max-width:420px;background:#fff;border-radius:24px 24px 0 0;padding:24px 24px 32px;box-shadow:0 -4px 24px #00000026;box-sizing:border-box;max-height:85vh;overflow-y:auto;transform:translateY(16px);animation:filter-modal-slide-up .24s ease-out forwards}.filter-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.filter-modal-title{margin:0;font-size:18px;font-weight:700;color:#2c2323}.filter-modal-reset{border:none;background:none;padding:0;font-size:14px;font-weight:500;color:#ff931f;cursor:pointer;text-decoration:none}.filter-modal-reset:hover{text-decoration:underline}.filter-modal-section{padding:0;margin-bottom:24px}.filter-modal-divider{height:1px;background-color:#e5e5e5;margin:24px 0}.filter-modal-radio-row{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#2c2323;padding:12px 0;cursor:pointer;transition:background-color .2s}.filter-modal-radio-row:hover{background-color:#f9f9f9}.filter-modal-radio{width:20px;height:20px;border-radius:999px;border:2px solid #ff931f;box-sizing:border-box;position:relative}.filter-modal-radio.is-active:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:999px;background:#ff931f}.filter-modal-subtitle{margin:0 0 16px;font-size:16px;font-weight:700;color:#2c2323}.filter-modal-chip-row{display:flex;flex-wrap:wrap;gap:10px}.filter-modal-chip{border-radius:999px;border:1.5px solid #D1D1D6;background:#fff;padding:8px 18px;font-size:14px;color:#2c2323;cursor:pointer;transition:all .2s;font-weight:500}.filter-modal-chip:hover{border-color:#ff931f}.filter-modal-chip.is-active{border-color:#ff931f;color:#ff931f;background:#fff7f0;font-weight:600}.filter-modal-distance-labels{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#666;margin-bottom:16px}.filter-modal-slider-wrapper{padding:12px 0}.filter-modal-slider{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:3px;background:#e5e5e5;outline:none;border-radius:999px}.filter-modal-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:999px;background:#2c2323;cursor:pointer;box-shadow:0 2px 4px #0003}.filter-modal-slider::-moz-range-thumb{width:18px;height:18px;border-radius:999px;background:#2c2323;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.filter-modal-cta{width:100%;margin-top:28px;border:none;border-radius:999px;padding:16px 24px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);box-shadow:0 8px 20px #ff780066;cursor:pointer;transition:transform .2s,box-shadow .2s}.filter-modal-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px #ff780080}.filter-modal-cta:active{transform:translateY(0)}@keyframes filter-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes filter-modal-slide-up{0%{transform:translateY(40px)}to{transform:translateY(0)}}#app:has(.all-events-page){display:block;padding:0;background-color:#f6f6f8}.all-events-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8;padding-bottom:20px}.all-events-header{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000014;position:sticky;top:0;z-index:100}.all-events-back-btn{color:#222;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;transition:opacity .2s;background:none;border:none;cursor:pointer}.all-events-back-btn:hover{opacity:.6}.all-events-title{font-size:18px;font-weight:600;color:#222;margin:0}.all-events-spacer{width:40px}.all-events-main{flex:1;padding:20px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.all-events-search-bar{display:flex;gap:12px;margin-bottom:16px}.all-events-search-input-wrapper{flex:1;position:relative}.all-events-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none}.all-events-search-input{width:100%;padding:12px 14px 12px 44px;border:1px solid #e8e8ea;border-radius:12px;font-size:15px;color:#222;background:#fff;box-sizing:border-box;transition:border-color .2s}.all-events-search-input:focus{outline:none;border-color:#ff931f}.all-events-search-input::-moz-placeholder{color:#8e8e93}.all-events-search-input::placeholder{color:#8e8e93}.all-events-filter-btn{width:48px;height:48px;border:1px solid #e8e8ea;border-radius:12px;background:#fff;color:#222;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,border-color .2s}.all-events-filter-btn:hover{background-color:#f6f6f8;border-color:#d1d1d6}.all-events-list{display:flex;flex-direction:column}.all-events-empty{text-align:center;padding:60px 20px;color:#8e8e93;font-size:16px}@media(min-width:640px){.all-events-main{padding:28px;max-width:720px}}@media(min-width:768px){.all-events-main{padding:32px;max-width:800px}}@media(min-width:1024px){.all-events-page{background-color:#fff}.all-events-main{max-width:1000px;padding:40px 48px}}#app:has(.event-detail-donor-page){display:block;padding:0;background-color:#fff}.event-detail-donor-page{min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.event-detail-donor-main{flex:1;padding-bottom:24px}.event-detail-donor-hero{position:relative;width:100%}.event-detail-donor-image-wrapper{position:relative;width:100%;height:240px;overflow:hidden}.event-detail-donor-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.event-detail-donor-title{margin:0 0 12px;font-size:20px;font-weight:700;color:#2c2323;line-height:1.3}.event-detail-donor-info{padding:20px;background:#fff}.event-detail-donor-meta-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.event-detail-donor-meta-row:last-child{margin-bottom:0}.event-detail-donor-icon{flex-shrink:0;width:15px;height:15px;margin-top:2px}.event-detail-donor-meta-text{flex:1;font-size:14px;color:#2c2323;line-height:1.5}.event-detail-donor-location{flex:1}.event-detail-donor-location-name{font-size:14px;font-weight:600;color:#2c2323;margin-bottom:2px}.event-detail-donor-location-address{font-size:13px;color:#666}.event-detail-donor-joined{color:#ff6b35;font-weight:600}.event-detail-donor-avatars{display:flex;align-items:center;gap:-8px;margin-left:auto}.event-detail-donor-avatar{width:28px;height:28px;border-radius:999px;overflow:hidden;background:#e5e7eb;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;margin-left:-8px}.event-detail-donor-avatar:first-child{margin-left:0}.event-detail-donor-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.event-detail-donor-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#666;background:#e5e7eb}.event-detail-donor-avatar-more{background:#ff6b35;color:#fff;font-size:10px;font-weight:600}.event-detail-donor-section{padding:20px;background:#fff;border-top:1px solid #E5E7EB}.event-detail-donor-section-title{margin:0 0 12px;font-size:16px;font-weight:700;color:#2c2323}.event-detail-donor-description{margin:0;font-size:14px;color:#666;line-height:1.6}.event-detail-donor-help-list{margin:0;padding-left:20px;list-style:none}.event-detail-donor-help-list li{position:relative;font-size:14px;color:#666;line-height:1.6;margin-bottom:8px;padding-left:12px}.event-detail-donor-help-list li:last-child{margin-bottom:0}.event-detail-donor-help-list li:before{content:"•";position:absolute;left:0;color:#ff6b35;font-weight:700}.event-detail-donor-charity{padding:20px;background:#fff;border-top:1px solid #E5E7EB}.event-detail-donor-charity-title{margin:0 0 16px;font-size:18px;font-weight:700;color:#2c2323}.event-detail-donor-charity-photos-wrapper{margin-bottom:20px;overflow:hidden}.event-detail-donor-charity-photos{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.event-detail-donor-charity-photos::-webkit-scrollbar{display:none}.event-detail-donor-charity-photo{flex:0 0 auto;width:280px;height:180px;-o-object-fit:cover;object-fit:cover;border-radius:8px;scroll-snap-align:start}.event-detail-donor-charity-details{margin-bottom:20px}.event-detail-donor-charity-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #E5E7EB}.event-detail-donor-charity-row:last-child{border-bottom:none}.event-detail-donor-charity-label{font-size:14px;color:#666}.event-detail-donor-charity-value{font-size:14px;font-weight:600;color:#2c2323;text-align:right}.event-detail-donor-charity-link{font-size:14px;font-weight:600;color:#ff6b35;text-decoration:none;text-align:right}.event-detail-donor-charity-link:hover{text-decoration:underline}.event-detail-donor-charity-actions{margin-top:20px}.event-detail-donor-actions{padding:20px;background:#fff;border-top:1px solid #E5E7EB}.event-detail-donor-join-btn{width:100%;border:none;border-radius:999px;padding:14px 24px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);box-shadow:0 8px 20px #ff780066;cursor:pointer;transition:transform .2s,box-shadow .2s}.event-detail-donor-join-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #ff780080}.event-detail-donor-join-btn:active{transform:translateY(0)}.event-detail-donor-join-btn-disabled{background:#d1d1d6;box-shadow:none;cursor:not-allowed}.event-detail-donor-join-btn-disabled:hover{transform:none;box-shadow:none}@media(min-width:640px){.event-detail-donor-image-wrapper{height:300px}.event-detail-donor-title{font-size:24px}.event-detail-donor-charity-photo{height:140px}}@media(min-width:768px){.event-detail-donor-main{max-width:720px;margin:0 auto}.event-detail-donor-image-wrapper{height:360px;border-radius:0 0 16px 16px;overflow:hidden}}@media(min-width:1024px){.event-detail-donor-main{max-width:800px}}.event-detail-donor-leave-btn{width:100%;border:2px solid #FF6B35;border-radius:999px;padding:12px 24px;font-size:16px;font-weight:700;color:#ff6b35;background:#fff;cursor:pointer;transition:all .2s}.event-detail-donor-leave-btn:hover{background:#fff7f0}@media(min-width:640px){.event-detail-donor-charity-photo{height:160px}}@media(min-width:768px){.event-detail-donor-main{padding-bottom:32px}.event-detail-donor-info,.event-detail-donor-section,.event-detail-donor-charity{padding:24px}}#app:has(.event-detail-charity-page){display:block;padding:0;background-color:#fff}.event-detail-charity-page{min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.event-detail-charity-main{flex:1;padding-bottom:24px}.event-detail-charity-hero{width:100%;height:200px;overflow:hidden}.event-detail-charity-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.event-detail-charity-info{padding:20px;background:#fff}.event-detail-charity-title{margin:0 0 16px;font-size:18px;font-weight:700;color:#2c2323;line-height:1.3}.event-detail-charity-meta-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.event-detail-charity-meta-row:last-child{margin-bottom:0}.event-detail-charity-icon{flex-shrink:0;width:16px;height:16px;margin-top:2px;color:#666}.event-detail-charity-meta-text{flex:1;font-size:14px;color:#2c2323;line-height:1.5}.event-detail-charity-location{flex:1}.event-detail-charity-location-name{font-size:14px;font-weight:600;color:#2c2323;margin-bottom:2px}.event-detail-charity-location-address{font-size:13px;color:#666}.event-detail-charity-participants-link{margin-left:auto;font-size:13px;font-weight:600;color:#ff6b35;background:none;border:none;cursor:pointer;text-decoration:none;padding:0}.event-detail-charity-participants-link:hover{text-decoration:underline}.event-detail-charity-edit-btn{background:none;border:none;cursor:pointer;color:#2c2323;padding:8px;display:flex;align-items:center;justify-content:center}.event-detail-charity-edit-btn:hover{color:#ff6b35}.event-detail-charity-section{padding:20px;background:#fff;border-top:1px solid #E5E7EB}.event-detail-charity-section-title{margin:0 0 12px;font-size:16px;font-weight:700;color:#2c2323}.event-detail-charity-description{margin:0;font-size:14px;color:#666;line-height:1.6}.event-detail-charity-help-list{margin:0;padding-left:20px;list-style:none}.event-detail-charity-help-list li{position:relative;font-size:14px;color:#666;line-height:1.6;margin-bottom:8px;padding-left:12px}.event-detail-charity-help-list li:last-child{margin-bottom:0}.event-detail-charity-help-list li:before{content:"•";position:absolute;left:0;color:#2c2323;font-weight:700}.event-detail-charity-participants-list{margin:0;padding:0;list-style:none}.event-detail-charity-participant-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #E5E7EB}.event-detail-charity-participant-item:last-child{border-bottom:none}.event-detail-charity-participant-avatar{width:40px;height:40px;border-radius:999px;overflow:hidden;flex-shrink:0}.event-detail-charity-participant-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.event-detail-charity-participant-placeholder{width:100%;height:100%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#666}.event-detail-charity-participant-info{flex:1}.event-detail-charity-participant-name{font-size:14px;font-weight:600;color:#2c2323;margin-bottom:2px}.event-detail-charity-participant-role{font-size:13px;color:#666}@media(min-width:640px){.event-detail-charity-hero{height:240px}}@media(min-width:768px){.event-detail-charity-main{padding-bottom:32px}.event-detail-charity-info,.event-detail-charity-section{padding:24px}}#app:has(.to-ship-page){display:block;padding:0;background-color:#f6f6f8}.to-ship-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.to-ship-tabs{background:transparent;padding:12px 20px;display:flex;justify-content:center}.to-ship-tabs-inner{display:flex;gap:4px;width:100%;background:#f6f6f8;padding:3px;border-radius:999px}.to-ship-tab{flex:1;min-width:0;padding:8px 18px;border-radius:999px;border:1px solid transparent;background:transparent;font-size:13px;font-weight:500;color:#8c8c92;cursor:pointer;text-align:center;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.to-ship-tab-active{background:#ff7a1a;color:#fff;border-color:#ff7a1a;box-shadow:0 3px 8px #ff7a1a73}.to-ship-tab:not(.to-ship-tab-active){background:#fff;border-color:#e0e0e0;color:#8c8c92}.to-ship-main{flex:1;padding:20px 20px 100px;width:100%;margin:0;max-width:none;box-sizing:border-box;display:flex;flex-direction:column}.to-ship-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.to-ship-empty-title{margin:0;color:#222}.to-ship-empty-title span{font-size:26px;font-weight:700}.to-ship-empty-subtitle{margin:6px 0 0;font-size:14px;color:#8c8c92}.to-ship-list{display:flex;flex-direction:column;gap:16px}.to-ship-card{background:#fff;border-radius:16px;padding:12px 16px;display:flex;gap:14px;box-shadow:0 2px 8px #00000008;transition:transform .2s,box-shadow .2s;align-items:center}.to-ship-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000000f}.to-ship-card-image{width:84px;height:84px;border-radius:16px;overflow:hidden;background:#f7f3ec;display:flex;align-items:center;justify-content:center;flex-shrink:0}.to-ship-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.to-ship-card-image svg{color:#d1d1d6}.to-ship-card-content{flex:1;display:flex;flex-direction:column;gap:6px}.to-ship-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.to-ship-card-title{font-size:15px;font-weight:600;color:#222;margin:0;line-height:1.3}.to-ship-card-header-right{display:flex;align-items:flex-start;justify-content:flex-end}.to-ship-rank-badge{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.to-ship-upload-btn{width:32px;height:32px;border-radius:50%;border:none;padding:0;background:linear-gradient(135deg,#ff931f,#ff5a1f);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #ff780066;cursor:pointer}.to-ship-upload-btn svg{display:block}.to-ship-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:8px}.to-ship-card-info{display:flex;flex-direction:column;gap:2px}.to-ship-card-label{font-size:11px;color:#8c8c92;font-weight:400}.to-ship-card-value{font-size:13px;color:#222;font-weight:600}.to-ship-card-date{text-align:right;min-width:52px}.to-ship-card-date-value{font-size:12px;color:#8c8c92}.to-ship-card-view-link{font-size:13px;font-weight:500;color:#222}@media(min-width:640px){.to-ship-tabs{background:transparent;padding:12px 20px}.to-ship-tab{padding:18px 16px;font-size:16px}.to-ship-main{padding:28px 28px 110px;width:100%;margin:0;max-width:none}.to-ship-list{gap:20px}.to-ship-card{padding:20px;gap:20px}.to-ship-card-image{width:90px;height:90px}.to-ship-card-title{font-size:17px}}@media(min-width:768px){.to-ship-main{width:100%;padding:32px 32px 120px;margin:0;max-width:none}.to-ship-card{padding:24px}.to-ship-card-image{width:100px;height:100px}}@media(min-width:1024px){.to-ship-page{background-color:#fff}.to-ship-main{width:100%;padding:40px 48px 120px;margin:0;max-width:none;background-color:#f6f6f8}.to-ship-tabs{background:transparent;padding:12px 20px}}.charity-profile-header-card{background:#fff;padding:20px;margin:0}.charity-profile-card{display:flex;flex-direction:column;gap:16px}.charity-profile-top{display:flex;align-items:flex-start;gap:12px;position:relative}.charity-profile-avatar{position:relative;width:70px;height:70px;border-radius:50%;overflow:visible;flex-shrink:0;background:#e8e8ea}.charity-profile-avatar-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.charity-profile-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:#d1d1d6;display:flex;align-items:center;justify-content:center;color:#8c8c92}.charity-profile-camera-btn{position:absolute;bottom:-5px;right:-5px;width:32px;height:32px;border-radius:50%;background:#fff;border:3px solid #ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026}.charity-profile-info{flex:1;display:flex;flex-direction:column;justify-content:center}.charity-profile-name{font-size:18px;font-weight:700;color:#222;margin:0;line-height:1.3}.charity-profile-edit-btn{background:none;border:none;color:#222;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .2s;text-decoration:none}.charity-profile-edit-btn:hover{opacity:.6}.charity-profile-contact{display:flex;flex-direction:column;gap:8px}.charity-profile-contact-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#555;line-height:1.5}.charity-profile-contact-item svg{flex-shrink:0;width:18px;height:18px}.charity-menu-section{background:#fff;border-radius:12px;padding:0;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.charity-menu-section-bottom{margin-bottom:0}.charity-menu-item{display:flex;align-items:center;gap:14px;padding:16px 20px;text-decoration:none;color:#1a1a1a;border:none;background:none;width:100%;cursor:pointer;transition:background-color .15s;border-bottom:1px solid #f3f3f3}.charity-menu-item:last-child{border-bottom:none}.charity-menu-item:hover{background-color:#fafafa}.charity-menu-item-toggle{cursor:pointer}.charity-menu-icon{color:#222;display:flex;align-items:center;justify-content:center}.charity-menu-icon svg{width:22px;height:22px}.charity-menu-text{font-size:15px;font-weight:400;text-align:left}.charity-toggle{position:relative;display:inline-block;width:44px;height:28px;flex-shrink:0;margin-left:auto;margin-right:32px}.charity-toggle input{opacity:0;width:0;height:0}.charity-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:28px}.charity-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.charity-toggle input:checked+.charity-toggle-slider{background-color:#ff7a1a}.charity-toggle input:checked+.charity-toggle-slider:before{transform:translate(20px)}.charity-delivery-section{display:flex;gap:12px;margin-bottom:16px;justify-content:space-between}.charity-delete-account{text-align:center;margin-top:24px;margin-bottom:32px}.charity-delete-account-btn{background:none;border:none;color:#ff3b30;font-size:15px;font-weight:400;cursor:pointer;text-decoration:none;padding:8px 16px;transition:opacity .2s}.charity-delete-account-btn:hover{opacity:.7}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-modal{background:#fff;border-radius:16px;padding:32px 24px;max-width:400px;width:100%;box-shadow:0 8px 32px #0003}.delete-modal-icon{display:flex;justify-content:center;margin-bottom:20px}.delete-modal-title{font-size:18px;font-weight:700;color:#222;text-align:center;margin:0 0 8px;line-height:1.4}.delete-modal-text{font-size:14px;color:#666;text-align:center;margin:0 0 24px;line-height:1.5}.delete-modal-actions{display:flex;gap:12px;margin-top:16px}.delete-modal-btn{flex:1;padding:12px 16px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;border:none}.delete-modal-btn-yes{background:#ff3b30;color:#fff;box-shadow:0 4px 12px #ff3b304d}.delete-modal-btn-yes:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff3b3059}.delete-modal-btn-yes:disabled{opacity:.6;cursor:not-allowed}.delete-modal-btn-cancel{background:#e8e8ea;color:#222}.delete-modal-btn-cancel:hover{background:#d1d1d6}@media(min-width:640px){.charity-profile-header-card{padding:28px}.charity-profile-avatar{width:80px;height:80px}.charity-profile-name{font-size:20px}.charity-menu-item{padding:18px 24px}.charity-menu-text{font-size:16px}}@media(min-width:1024px){.charity-profile-header-card{padding:32px 48px}.charity-profile-avatar{width:90px;height:90px}.charity-profile-name{font-size:22px}.charity-menu-item{padding:20px 28px}}#app:has(.delivering-page){display:block;padding:0;background-color:#f6f6f8}.delivering-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.delivering-page .to-ship-card-info{display:flex;flex-direction:column;gap:2px}.delivering-page .to-ship-card-label{font-size:11px;color:#8c8c92;font-weight:400}.delivering-page .to-ship-card-value{font-size:13px;color:#222;font-weight:600}#app:has(.upload-delivery-proof-page){display:block;padding:0;background-color:#f6f6f8}.upload-delivery-proof-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.upload-delivery-proof-main{flex:1;padding:20px 20px 40px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.upload-delivery-proof-product-card{background:#fff;border-radius:12px;padding:16px;display:flex;gap:16px;box-shadow:0 1px 3px #00000014;margin-bottom:24px}.upload-delivery-proof-product-image{width:80px;height:80px;background:#f0f0f2;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upload-delivery-proof-product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.upload-delivery-proof-product-image svg{color:#d1d1d6}.upload-delivery-proof-product-info{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center}.upload-delivery-proof-product-name{font-size:16px;font-weight:600;color:#222;margin:0 0 4px}.upload-delivery-proof-product-label{font-size:12px;font-weight:500;color:#8c8c92;margin:0}.upload-delivery-proof-product-receiver{font-size:14px;font-weight:600;color:#222;margin:0}.upload-delivery-proof-section{margin-bottom:24px}.upload-delivery-proof-section-title{font-size:15px;font-weight:600;color:#222;margin:0 0 16px;line-height:1.5}.upload-delivery-proof-upload-box{width:100%;height:340px;border:2px dashed #ff7a1a;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#fff;overflow:hidden}.upload-delivery-proof-upload-box:hover{border-color:#ff931f;background:#fff5ed}.upload-delivery-proof-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ff7a1a}.upload-delivery-proof-upload-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.upload-delivery-proof-file-input{display:none}.upload-delivery-proof-submit-btn{width:100%;padding:14px;border-radius:999px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff780040}.upload-delivery-proof-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff78004d}.upload-delivery-proof-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}#app:has(.upload-delivery-proof-success-page){display:block;padding:0;background-color:#f6f6f8}.upload-delivery-proof-success-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.upload-delivery-proof-success-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px}.upload-delivery-proof-success-content{text-align:center;max-width:400px;width:100%}.upload-delivery-proof-success-title{font-size:24px;font-weight:700;color:#222;margin:0 0 12px}.upload-delivery-proof-success-message{font-size:15px;color:#8c8c92;margin:0 0 32px;line-height:1.6}.upload-delivery-proof-success-btn{display:inline-block;padding:14px 32px;border-radius:999px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(180deg,#ff931f,#ff5a1f);text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff780040}#app:has(.history-page){display:block;padding:0;background-color:#f6f6f8}.history-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.history-tabs{background:#fff;padding:12px 16px;border-bottom:1px solid #f0f0f0}.history-tabs-inner{display:flex;gap:8px}.history-tab{flex:1;padding:10px 16px;border-radius:999px;font-size:15px;font-weight:600;background:#fff;border:1px solid #e0e0e0;color:#8c8c92;cursor:pointer;transition:all .2s}.history-tab-active{background:linear-gradient(180deg,#ff931f,#ff5a1f);border-color:transparent;color:#fff;box-shadow:0 2px 8px #ff780033}.history-main{flex:1;padding:0 16px 90px}.history-empty{padding:40px 20px;text-align:center;color:#8c8c92;font-size:15px}.history-list{display:flex;flex-direction:column}.history-item{background:#fff;padding:16px 20px;border-bottom:1px solid #f0f0f0}.history-item:first-child{border-top:1px solid #f0f0f0}.history-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.history-item-name{font-size:15px;font-weight:600;color:#222;margin:0;flex:1}.history-item-price{font-size:15px;font-weight:700;color:#222;margin:0 0 0 12px;white-space:nowrap}.history-item-body{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-item-charity{font-size:13px;color:#8c8c92;margin:0}.history-item-date{font-size:13px;color:#8c8c92;margin:0;white-space:nowrap}.history-item-footer{display:flex;align-items:center}.history-item-status{display:flex;align-items:center;gap:6px}.history-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.history-status-dot-green{background-color:#34c759}.history-status-dot-orange{background-color:#ff931f}.history-status-dot-red{background-color:#ff3b30}.history-status-text{font-size:13px;font-weight:500;color:#222}.history-proof-icon-btn{background:none;border:none;padding:0;margin-left:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8c8c92;transition:color .2s}.history-proof-icon-btn:hover{color:#ff7a1a}.history-proof-icon-btn svg{flex-shrink:0}.upload-delivery-proof-success-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff78004d}#app:has(.chat-page){display:block;padding:0;background-color:#f6f6f8}.chat-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.chat-header-info{padding:20px 16px;background-color:#f6f6f8}.chat-header-card{background:#fff;border-radius:16px;padding:28px 16px;text-align:center;box-shadow:0 1px 3px #0000000f}.chat-charity-avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;margin:0 auto 14px;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.chat-charity-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-charity-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#8c8c92;background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.chat-charity-name{font-size:16px;font-weight:700;color:#222;margin:0 0 8px}.chat-charity-hours{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#8c8c92}.chat-charity-hours svg{flex-shrink:0}.chat-messages-container{flex:1;overflow-y:auto;padding:20px 16px 90px}.chat-empty-state{text-align:center;padding:40px 20px;color:#8c8c92;font-size:15px}.chat-messages{display:flex;flex-direction:column;gap:12px}.chat-message{display:flex}.chat-message-own{justify-content:flex-end}.chat-message-other{justify-content:flex-start}.chat-message-bubble{max-width:75%;padding:12px 16px;border-radius:16px}.chat-message-own .chat-message-bubble{background:linear-gradient(135deg,#ff931f,#ff5a1f);color:#fff;border-bottom-right-radius:4px}.chat-message-other .chat-message-bubble{background:#fff;color:#222;border-bottom-left-radius:4px;box-shadow:0 1px 2px #00000014}.chat-message-bubble p{margin:0 0 4px;font-size:15px;line-height:1.4;word-wrap:break-word}.chat-message-time{font-size:11px;opacity:.7}.chat-input-container{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 16px;border-top:1px solid #f0f0f0;display:flex;align-items:center;gap:12px;z-index:50}.chat-input{flex:1;padding:12px 16px;border-radius:999px;border:1px solid #e0e0e0;font-size:15px;color:#222;background:#f6f6f8;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#ff7a1a;background:#fff}.chat-input::-moz-placeholder{color:#8c8c92}.chat-input::placeholder{color:#8c8c92}.chat-send-btn{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff931f,#ff5a1f);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ff780040;flex-shrink:0}.chat-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff78004d}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}#app:has(.notification-page){display:block;padding:0;background-color:#f6f6f8}.notification-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f6f8}.notification-tabs{background:#fff;padding:0 16px;border-bottom:1px solid #f0f0f0;display:flex;gap:0}.notification-tab{flex:1;padding:16px 20px;font-size:15px;font-weight:600;background:transparent;border:none;color:#8c8c92;cursor:pointer;transition:all .2s;position:relative;border-bottom:3px solid transparent}.notification-tab-active{color:#ff7a1a;border-bottom-color:#ff7a1a}.notification-content{flex:1;overflow-y:auto;padding-bottom:20px}.notification-list{display:flex;flex-direction:column}.notification-item{background:#fff;padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background-color .2s}.notification-item:hover{background-color:#fafafa}.notification-item:active{background-color:#f5f5f5}.notification-item-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.notification-item-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.notification-item-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#8c8c92;background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.notification-item-content{flex:1;min-width:0}.notification-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}.notification-item-title{font-size:15px;font-weight:600;color:#222;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-item-time{font-size:12px;color:#8c8c92;flex-shrink:0}.notification-item-message{font-size:13px;color:#555;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-item-badge{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#ff931f,#ff5a1f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#8c8c92}.notification-empty svg{margin-bottom:16px}.notification-empty p{margin:0;font-size:15px}.notification-update-item{background:#fff;padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;align-items:flex-start;gap:12px;transition:background-color .2s}.notification-update-item:hover{background-color:#fafafa}.notification-update-indicator{width:8px;height:8px;border-radius:50%;background:#ff7a1a;flex-shrink:0;margin-top:6px}.notification-update-indicator-read{background:#d1d1d6}.notification-update-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.notification-update-message{font-size:14px;font-weight:400;color:#222;margin:0;line-height:1.4}.notification-update-recipient{font-size:15px;font-weight:600;color:#222;margin:0}.notification-update-date{font-size:12px;color:#8c8c92;margin:0}.notification-update-image{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.notification-update-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.notification-update-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.notification-update-image-placeholder svg{color:#d1d1d6}.search-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:9999;overflow-y:auto}.search-modal-container{width:100%;height:100%;display:flex;flex-direction:column}.search-modal-header{padding:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f0f0;background:#fff}.search-modal-search-bar{flex:1;display:flex;align-items:center;gap:12px;background:#f6f6f8;border-radius:999px;padding:12px 20px}.search-modal-search-icon{flex-shrink:0}.search-modal-input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:#222}.search-modal-input::-moz-placeholder{color:#8e8e93}.search-modal-input::placeholder{color:#8e8e93}.search-modal-close-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:#222;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0}.search-modal-close-btn:hover{background-color:#f3f3f5}.search-modal-close-btn:active{background-color:#e0e0e0}.search-modal-content{flex:1;padding:24px 20px;overflow-y:auto}.search-modal-history-title{margin:0 0 16px;font-size:18px;font-weight:700;color:#222}.search-modal-history-list{display:flex;flex-direction:column;gap:0}.search-modal-history-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f0f0f0;background:transparent;border-left:none;border-right:none;border-top:none;cursor:pointer;transition:background-color .2s;text-align:left}.search-modal-history-item:hover{background-color:#fafafa}.search-modal-history-item:active{background-color:#f5f5f5}.search-modal-history-text{flex:1;font-size:15px;color:#555}.search-modal-history-item svg{flex-shrink:0;color:#8c8c92}.search-modal-enter-active,.search-modal-leave-active{transition:opacity .3s ease}.search-modal-enter-from,.search-modal-leave-to{opacity:0}.search-modal-enter-to,.search-modal-leave-from{opacity:1}