@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--primary-color:#f4510b;--primary-dark:#e94b08;--primary-light:#fff0e5;--orange:#ff8700;--background:#fffaf4;--surface:#fffdfa;--surface-light:#fffaf5;--border:#eadfd4;--border-light:#eee2d8;--border-input:#e8ddd2;--text-primary:#222;--text-secondary:#555;--text-muted:#888;--success:#248a39;--success-light:#e9f7e9;--danger:#d84a32;--shadow:0 2px 10px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background:#fffaf4;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:none}textarea{font:inherit}a{color:inherit;text-decoration:none}.app-page{background:#fffaf4;justify-content:center;align-items:center;min-height:100vh;padding:8px;display:flex}.page-card{background:#fffdfa;border:1px solid #eadfd4;border-radius:12px;width:100%;max-width:390px;min-height:100vh;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000000a}.splash-page{background:linear-gradient(#fffaf3 0%,#fff7ed 65%,#ffe8c7 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.splash-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:390px;min-height:100vh;padding:90px 25px 120px;display:flex;position:relative}.ganesha-icon{color:#f45b12;margin-bottom:15px;font-size:72px;font-weight:700}.splash-content h1{color:#f4510b;margin-bottom:8px;font-size:38px;font-weight:700}.splash-content p{color:#555;font-size:14px}.splash-divider{color:#e9540b;margin-top:25px;font-size:15px;font-weight:600}.ganesha-illustration{margin-top:55px;font-size:65px}.splash-decoration-top{opacity:.9;background:radial-gradient(circle at 10px 15px,#ffb000 0 7px,#0000 8px) 0 0/22px 22px;height:90px;position:absolute;top:0;left:0;right:0}.splash-decoration-bottom{background:linear-gradient(175deg,#0000 35%,#ffb000 36%,#ff8c00 65%,#f4510b 66%);border-radius:50% 50% 0 0;width:120%;height:150px;position:absolute;bottom:-35px;left:-10%}.auth-card{background:linear-gradient(135deg,#fffaf3 0%,#fff3e3 100%);min-height:100vh;position:relative;overflow:hidden}.primary-button:disabled{opacity:.7;cursor:not-allowed}.login-spinner{vertical-align:middle;border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.7s linear infinite loginSpin;display:inline-block}@keyframes loginSpin{to{transform:rotate(360deg)}}.auth-back{z-index:5;color:#d95f0b;cursor:pointer;background:#ffffffe6;border:1px solid #f0dcc7;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:21px;line-height:1;transition:all .25s;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 12px #78411414}.auth-back:hover{color:#fff;background:#f4510b;border-color:#f4510b;transform:translate(-2px);box-shadow:0 6px 15px #f4510b38}.auth-header{text-align:center;padding:48px 25px 25px}.auth-header .ganesha-small{color:#fff;background:linear-gradient(135deg,#f4510b,#f89b1c);border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 12px;font-size:27px;font-weight:600;display:flex;box-shadow:0 8px 20px #f4510b38}.auth-header h1{color:#542b0b;letter-spacing:-.3px;margin:0 0 6px;font-size:24px;font-weight:700;line-height:1.3}.auth-header p{color:#92755d;margin:0;font-size:13px;line-height:1.5}.auth-form{z-index:2;padding:10px 25px 25px;position:relative}.form-group{margin-bottom:18px}.form-group label{color:#5a3215;letter-spacing:.1px;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.input-wrapper{box-sizing:border-box;background:#fffdfa;border:1px solid #e6d5c3;border-radius:11px;align-items:center;width:100%;height:47px;transition:border-color .25s,box-shadow .25s,background .25s;display:flex;position:relative}.input-wrapper:focus-within{background:#fff;border-color:#f4510b;box-shadow:0 0 0 3px #f4510b17}.input-icon{color:#e46a1a;justify-content:center;align-items:center;width:42px;min-width:42px;font-size:16px;transition:color .2s;display:flex}.input-wrapper:focus-within .input-icon{color:#f4510b}.input-wrapper input{color:#38200d;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 12px 0 0;font-family:inherit;font-size:14px;font-weight:400}.input-wrapper input::placeholder{color:#b29d8a;font-size:13px}.password-toggle{color:#876d58;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;min-width:40px;height:100%;font-size:15px;transition:all .2s;display:flex}.password-toggle:hover{color:#f4510b}.forgot-password{justify-content:flex-end;margin-top:-8px;margin-bottom:20px;display:flex}.forgot-password button{color:#d85d0b;cursor:pointer;background:0 0;border:none;padding:3px 0;font-family:inherit;font-size:12px;font-weight:600;transition:color .2s}.forgot-password button:hover{color:#a94000;text-decoration:underline}.primary-button{color:#fff;letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#f4510b,#f8790d);border:none;border-radius:11px;width:100%;height:49px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 7px 17px #f4510b38}.primary-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #f4510b47}.primary-button:active{transform:translateY(0)}.register-text{z-index:2;text-align:center;color:#806b58;margin-top:18px;font-size:12px;position:relative}.register-text button{color:#f4510b;cursor:pointer;background:0 0;border:none;margin-left:5px;font-family:inherit;font-size:12px;font-weight:700}.register-text button:hover{text-decoration:underline}.signup-card{scrollbar-width:thin;scrollbar-color:#e6a066 transparent;overflow-y:auto}.signup-card::-webkit-scrollbar{width:5px}.signup-card::-webkit-scrollbar-thumb{background:#e6a066;border-radius:10px}.signup-header{padding-bottom:18px}.signup-form{z-index:2;padding:0 25px 30px;position:relative}.signup-form .form-group{margin-bottom:14px}.signup-form .form-group label{margin-bottom:6px}.signup-form .input-wrapper{height:45px}.phone-otp-row{align-items:center;gap:8px;display:flex}.phone-input{flex:1}.otp-button{color:#fff;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#f4510b,#f8790d);border:none;border-radius:10px;height:45px;padding:0 15px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.otp-button:hover{transform:translateY(-1px);box-shadow:0 5px 12px #f4510b33}.two-column-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.two-column-fields .form-group{min-width:0}.select-wrapper{padding-right:0}.select-wrapper select{color:#4d3928;cursor:pointer;appearance:none;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,#f4510b 50%),linear-gradient(135deg,#f4510b 50%,#0000 50%);background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:none;border-radius:11px;outline:none;width:100%;height:100%;padding:0 32px 0 13px;font-family:inherit;font-size:13px}.select-wrapper select:disabled{color:#aaa;cursor:not-allowed;background-color:#faf5ef}.signup-form #pincode{padding-left:0}.signup-submit{margin-top:7px}.otp-phone{color:#4e3b2a;margin-top:8px;font-size:12px;display:block}.otp-form{padding-top:20px}.otp-inputs{justify-content:center;gap:9px;margin-bottom:20px;display:flex}.otp-inputs input{text-align:center;color:#4b2b12;background:#fffdfa;border:1px solid #e2d6cb;border-radius:9px;outline:none;width:40px;height:44px;font-size:16px;font-weight:600;transition:all .2s}.otp-inputs input:focus{border-color:#f4510b;box-shadow:0 0 0 3px #f4510b14}.resend-container{color:#887566;justify-content:center;gap:5px;margin-bottom:22px;font-size:11px;display:flex}.resend-container strong{color:#4b3422}@media (width<=600px){.auth-header{padding:45px 20px 20px}.auth-header h1{font-size:22px}.auth-form,.signup-form{padding-left:20px;padding-right:20px}.two-column-fields{grid-template-columns:1fr;gap:0}}@media (width<=400px){.auth-back{width:34px;height:34px;font-size:19px;top:15px;left:15px}.auth-header{padding-top:40px}.auth-header .ganesha-small{width:50px;height:50px;font-size:24px}.auth-header h1{font-size:20px}.auth-header p,.form-group label{font-size:12px}.input-wrapper{height:45px}.input-wrapper input{font-size:13px}.input-wrapper input::placeholder{font-size:12px}.primary-button{height:47px;font-size:13px}.signup-form .input-wrapper{height:44px}.otp-button{height:44px;padding:0 11px;font-size:11px}}.app-header{z-index:300;box-sizing:border-box;background:#fff;border-bottom:1px solid #eee4db;grid-template-columns:45px 1fr auto;align-items:center;height:53px;padding:0 10px;display:grid;position:relative}.menu-button{color:#555;cursor:pointer;background:0 0;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;font-size:19px;font-weight:500;line-height:1;transition:color .2s,transform .15s;display:flex}.menu-button:hover{color:#f4510b}.menu-button:active{transform:scale(.92)}.menu-button:focus-visible{outline-offset:2px;outline:2px solid #f4510b}.app-logo{text-align:center;color:#f4510b;letter-spacing:.2px;white-space:nowrap;-webkit-user-select:none;user-select:none;min-width:0;font-size:17px;font-weight:700;line-height:1}.header-actions{justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.notification-header-button{color:#5f5a56;cursor:pointer;appearance:none;width:34px;height:34px;box-shadow:none;border:none;border-radius:0;outline:none;justify-content:center;align-items:center;margin:0;padding:0;transition:color .22s,transform .15s;display:flex;position:relative;background:0 0!important}.notification-header-button:hover,.notification-header-button:focus,.notification-header-button:focus-visible,.notification-header-button:active,.notification-header-button.has-unread{box-shadow:none;background:0 0!important}.notification-header-button:hover{color:#f4510b}.notification-header-button:active{transform:scale(.9)}.notification-header-button:focus-visible{outline-offset:3px;outline:2px solid #f4510b}.notification-bell{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;color:inherit;transform-origin:50% 15%;filter:drop-shadow(0 1px 1px #0000001a);flex-shrink:0;transition:color .22s,transform .22s,filter .22s;display:block;overflow:visible}.notification-header-button:not(.has-unread) .notification-bell{animation:4s ease-in-out infinite notificationBellIdle}@keyframes notificationBellIdle{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1px)scale(1.035)}}.notification-header-button:hover .notification-bell{color:#f4510b;filter:drop-shadow(0 2px 3px #f4510b38);transform:translateY(-1px)scale(1.12)}.notification-header-button.has-unread{color:#f4510b}.notification-header-button.has-unread .notification-bell{color:#f4510b;stroke-width:2.1px;filter:drop-shadow(0 2px 3px #f4510b38);animation:3s ease-in-out infinite notificationBellRing;transform:scale(1.08)}@keyframes notificationBellRing{0%{transform:rotate(0)scale(1.08)}3%{transform:rotate(9deg)scale(1.08)}6%{transform:rotate(-9deg)scale(1.08)}9%{transform:rotate(7deg)scale(1.08)}12%{transform:rotate(-7deg)scale(1.08)}15%{transform:rotate(3deg)scale(1.08)}18%{transform:rotate(-3deg)scale(1.08)}21%{transform:rotate(0)scale(1.08)}to{transform:rotate(0)scale(1.08)}}.notification-unread-badge{box-sizing:border-box;color:#fff;white-space:nowrap;z-index:10;pointer-events:none;background:#e53935;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:800;line-height:1;animation:.25s ease-out notificationBadgePop;display:flex;position:absolute;top:-2px;right:-4px;box-shadow:0 2px 5px #e5393559}@keyframes notificationBadgePop{0%{opacity:0;transform:scale(.45)}65%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.notification-unread-dot{box-sizing:content-box;z-index:5;pointer-events:none;background:#e53935;border:2px solid #fff;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite notificationDotPulse;position:absolute;top:0;right:1px;box-shadow:0 1px 4px #e5393559}@keyframes notificationDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.3)}}.profile-menu-wrapper{align-items:center;display:flex;position:relative}.profile-button{color:#555;cursor:pointer;background:0 0;border:none;border-radius:9px;outline:none;justify-content:center;align-items:center;width:34px;height:34px;margin:0;padding:0;font-size:18px;line-height:1;transition:background-color .2s,color .2s,transform .15s;display:flex}.profile-button:hover{color:#f4510b;background:#fff1e8}.profile-button:active{transform:scale(.92)}.profile-button:focus-visible{outline-offset:2px;outline:2px solid #f4510b}.profile-dropdown{z-index:500;background:#fff;border:1px solid #eee4db;border-radius:13px;width:235px;padding:7px 0;animation:.18s ease-out profileDropdownOpen;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 35px #442d1e24,0 3px 10px #442d1e14}@keyframes profileDropdownOpen{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-dropdown-avatar{color:#fff;background:linear-gradient(135deg,#ff7a32,#f4510b);border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex;box-shadow:0 3px 8px #f4510b38}.profile-dropdown-header>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.profile-dropdown-header strong{color:#2f2925;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.profile-dropdown-header span{color:#8a817b;font-size:11px;font-weight:500;line-height:1.2}.profile-dropdown>button{color:#514a45;text-align:left;cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 14px;font-size:13px;font-weight:600;transition:background-color .18s,color .18s;display:flex}.profile-dropdown>button:hover{color:#f4510b;background:#fff5ef}.profile-dropdown>button:active{background:#ffede2}.profile-dropdown>button:focus-visible{outline-offset:-2px;outline:2px solid #f4510b}.profile-dropdown>button>span{flex:1}.profile-dropdown .logout-menu-item:hover{color:#c62828;background:#fff0ee}@media (width<=600px){.app-header{background:#fff;grid-template-columns:42px 1fr auto;height:53px;padding:0 8px}.menu-button{width:31px;height:31px;font-size:18px}.app-logo{font-size:17px}.header-actions{gap:4px}.notification-header-button,.profile-button{width:33px;height:33px}.notification-bell{width:21px;height:21px}.notification-unread-badge{min-width:16px;height:16px;padding:0 3px;font-size:8px;top:-2px;right:-4px}.notification-unread-dot{width:6px;height:6px;top:0;right:1px}.profile-dropdown{width:225px;top:calc(100% + 7px);right:0}}@media (width<=380px){.app-header{background:#fff;padding:0 6px}.app-logo{font-size:16px}.menu-button{width:30px;height:30px}.notification-header-button,.profile-button{width:31px;height:31px}.notification-bell{width:20px;height:20px}.notification-unread-badge{min-width:15px;height:15px;font-size:8px}.notification-unread-dot{width:6px;height:6px}.profile-dropdown{width:215px}}@media (width>=768px){.app-header{background:#fff;padding:0 14px}.app-logo{font-size:18px}.header-actions{gap:7px}.notification-header-button,.profile-button{width:35px;height:35px}.notification-bell{width:23px;height:23px}.notification-unread-badge{min-width:18px;height:18px;font-size:9px;top:-2px;right:-4px}}@media (prefers-reduced-motion:reduce){.menu-button,.notification-header-button,.profile-button,.notification-bell,.profile-dropdown>button{transition:none}.notification-unread-badge,.notification-unread-dot,.profile-dropdown,.notification-header-button.has-unread .notification-bell,.notification-header-button:not(.has-unread) .notification-bell{animation:none}}.bottom-nav{z-index:9999;width:100%;height:68px;padding-bottom:env(safe-area-inset-bottom);touch-action:none;-webkit-user-select:none;user-select:none;background:#fffdfafa;border-top:1px solid #eadfd4;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 18px #502d1414}.bottom-nav-item{color:#8a8179;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:68px;padding:0;font-family:inherit;transition:color .2s,transform .2s,background .2s;display:flex;position:relative}.bottom-nav-icon{border-radius:10px;justify-content:center;align-items:center;width:34px;height:30px;transition:background .2s,color .2s,transform .2s;display:flex}.bottom-nav-icon i{font-size:20px;line-height:1;transition:transform .2s,color .2s}.bottom-nav-label{white-space:nowrap;font-size:11px;font-weight:600;line-height:1;transition:color .2s}.bottom-nav-item.active{color:#f4510b}.bottom-nav-item.active .bottom-nav-icon{color:#f4510b;background:#fff0e8;transform:translateY(-1px)}.bottom-nav-item.active .bottom-nav-icon i{transform:scale(1.05)}.bottom-nav-item.active:before{content:"";background:#f4510b;border-radius:0 0 6px 6px;width:34px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-nav-item:active{transform:scale(.94)}@media (hover:hover){.bottom-nav-item:hover{color:#f4510b}.bottom-nav-item:hover .bottom-nav-icon{background:#fff5ef}}@media (width>=768px){.bottom-nav{border-left:1px solid #eadfd4;border-right:1px solid #eadfd4;border-radius:16px 16px 0 0;width:min(100%,520px);left:50%;right:auto;transform:translate(-50%)}}@media (width<=380px){.bottom-nav{height:60px}.bottom-nav-item{gap:3px;height:60px}.bottom-nav-icon{width:30px;height:27px}.bottom-nav-icon i{font-size:16px}.bottom-nav-label{font-size:10px}}@media (width<=320px){.bottom-nav-label{font-size:8px}.bottom-nav-icon i{font-size:14px}}.side-menu-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);background:#0f172a61;animation:.22s ease-out sideMenuOverlayIn;position:fixed;inset:0}@keyframes sideMenuOverlayIn{0%{opacity:0}to{opacity:1}}.side-menu{z-index:201;box-sizing:border-box;width:250px;max-width:82vw;padding:14px 10px calc(78px + env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:#f5c5ad transparent;background:linear-gradient(#fffdfb 0%,#fff 55%,#fffaf7 100%);border-right:1px solid #f4510b14;flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) sideMenuOpen;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;box-shadow:8px 0 28px #0f172a21}@keyframes sideMenuOpen{0%{transform:translate(-100%)}to{transform:translate(0)}}.side-menu::-webkit-scrollbar{width:4px}.side-menu::-webkit-scrollbar-track{background:0 0}.side-menu::-webkit-scrollbar-thumb{background:#f5c5ad;border-radius:20px}.side-menu::-webkit-scrollbar-thumb:hover{background:#f4510b}.side-menu-header{border-bottom:1px solid #f1e7df;flex-shrink:0;justify-content:space-between;align-items:center;min-height:54px;padding:0 4px 12px;display:flex}.side-menu-brand{align-items:center;gap:9px;min-width:0;display:flex}.side-menu-brand-icon{color:#f4510b;background:linear-gradient(135deg,#fff0e5,#ffe0cd);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:600;display:flex;box-shadow:0 3px 10px #f4510b1c,inset 0 0 0 1px #f4510b14}.side-menu-brand-content{flex-direction:column;min-width:0;display:flex}.side-menu-brand-content strong{color:#202124;letter-spacing:-.2px;font-size:17px;font-weight:750;line-height:21px}.side-menu-brand-content span{color:#9a918b;letter-spacing:.15px;margin-top:1px;font-size:9px;font-weight:500;line-height:13px}.side-menu-close{color:#888;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s,color .2s,transform .2s;display:flex}.side-menu-close span{font-size:22px;font-weight:300;line-height:1;display:block}.side-menu-close:hover{color:#f4510b;background:#fff0e5;transform:rotate(90deg)}.side-menu-close:active{transform:scale(.9)}.side-menu-section{flex:1;min-height:0;padding-top:2px}.side-menu-title{align-items:center;gap:7px;padding:17px 8px 9px;display:flex}.side-menu-title:before{content:"";background:#f4510b;border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 0 3px #f4510b12}.side-menu-title span{color:#8f8781;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:750;line-height:15px}.side-menu-list{flex-direction:column;gap:5px;display:flex}.side-menu-item{color:#3f4650;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;width:100%;min-height:48px;padding:0 10px;font-family:inherit;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s;display:flex;position:relative}.side-menu-item:hover{color:#f4510b;background:linear-gradient(90deg,#fff3eb,#fffaf7);border-color:#f4510b14;transform:translate(2px)}.side-menu-item.active{color:#f4510b;background:linear-gradient(90deg,#ffede1 0%,#fff7f2 100%);border-color:#f4510b24;font-weight:650;box-shadow:0 4px 13px #f4510b17}.side-menu-item.active:before{content:"";background:#f4510b;border-radius:0 6px 6px 0;width:4px;height:25px;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.side-menu-item:active{transform:scale(.98)}.side-menu-icon{background:#f8f7f6;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:18px;line-height:1;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.side-menu-item:hover .side-menu-icon{background:#fff0e5;transform:scale(1.06);box-shadow:0 2px 8px #f4510b17}.side-menu-item.active .side-menu-icon{background:#f4510b24;transform:scale(1.04);box-shadow:0 3px 8px #f4510b1a}.side-menu-text{min-width:0;color:inherit;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:600;line-height:21px;overflow:hidden}.side-menu-footer{border-top:1px solid #f1e6df;flex-shrink:0;margin-top:auto;padding-top:10px}.side-menu-logout{color:#e45118;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(90deg,#fff6f0,#fffaf8);border:1px solid #f4510b1a;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:47px;padding:0 10px;font-family:inherit;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 8px #f4510b0d}.side-menu-logout:before{content:"";background:#f4510b;border-radius:0 5px 5px 0;width:3px;height:22px;position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.side-menu-logout:hover{color:#d83e08;background:linear-gradient(90deg,#ffede3,#fff5f0);border-color:#f4510b33;transform:translate(2px);box-shadow:0 5px 14px #f4510b1a}.side-menu-logout-icon{color:#f4510b;background:linear-gradient(145deg,#fff1e8 0%,#ffe2d2 100%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s,transform .2s,box-shadow .2s;display:flex;transform:translateY(0);box-shadow:0 4px 8px #f4510b21,inset 0 1px 1px #ffffffe6,inset 0 -1px 2px #f4510b14}.logout-3d-icon{filter:drop-shadow(0 1px 1px #b4370033);width:20px;height:20px;transition:transform .2s,filter .2s;display:block}.logout-icon-depth{opacity:.45;transform:translate(.9px,1px)}.logout-icon-main{filter:drop-shadow(1px 1px #be37002e)}.logout-icon-arrow{filter:drop-shadow(.8px .8px #be370029)}.logout-icon-highlight{color:#fff}.side-menu-logout:hover .side-menu-logout-icon{color:#d83e08;background:linear-gradient(145deg,#ffeadf 0%,#ffd7c4 100%);transform:translateY(-1px)scale(1.05);box-shadow:0 6px 12px #f4510b2e,inset 0 1px 2px #fffffff2,inset 0 -2px 3px #f4510b1a}.side-menu-logout:hover .logout-3d-icon{filter:drop-shadow(0 2px 2px #b4370038);transform:translate(1px)}.side-menu-logout:active{transform:scale(.98)}.side-menu-logout:active .side-menu-logout-icon{transform:translateY(1px)scale(.96);box-shadow:0 2px 4px #f4510b1f,inset 0 2px 3px #f4510b1a}.side-menu-logout-text{min-width:0;color:inherit;flex:1;font-size:15px;font-weight:650;line-height:21px}.side-menu-item:focus-visible,.side-menu-close:focus-visible,.side-menu-logout:focus-visible{outline-offset:2px;outline:2px solid #f4510b}.ezycollect-swal-popup{background:linear-gradient(145deg,#fff 0%,#fffaf7 100%)!important;border-radius:18px!important;width:340px!important;padding:24px 22px 20px!important;box-shadow:0 18px 50px #0f172a33!important}.ezycollect-swal-title{color:#202124!important;margin-bottom:6px!important;font-size:20px!important;font-weight:750!important}.ezycollect-swal-text{color:#77716d!important;font-size:13px!important;line-height:20px!important}.ezycollect-swal-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f4510b,#e54208);border:none;border-radius:9px;min-width:105px;padding:10px 17px;font-size:12px;font-weight:650;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 10px #f4510b38}.ezycollect-swal-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 14px #f4510b47}.ezycollect-swal-confirm:active{transform:scale(.97)}.ezycollect-swal-cancel{color:#77716d;cursor:pointer;background:#fff;border:1px solid #eee3dc;border-radius:9px;min-width:85px;margin-right:8px;padding:10px 17px;font-size:12px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.ezycollect-swal-cancel:hover{color:#f4510b;background:#fff5ef;border-color:#f5c5ad}.ezycollect-swal-cancel:active{transform:scale(.97)}@media (width<=768px){.side-menu{width:245px;padding:13px 9px calc(78px + env(safe-area-inset-bottom))}.side-menu-item{min-height:48px}.side-menu-text{font-size:15px}.side-menu-logout{min-height:47px}.side-menu-logout-text{font-size:15px}}@media (width<=480px){.side-menu{width:76vw;max-width:270px;padding:13px 9px calc(78px + env(safe-area-inset-bottom))}.side-menu-header{min-height:53px;padding-bottom:11px}.side-menu-brand-icon{width:35px;height:35px;font-size:18px}.side-menu-brand-content strong{font-size:16px}.side-menu-brand-content span{font-size:8px}.side-menu-close{width:32px;height:32px}.side-menu-title{padding-top:16px;padding-bottom:9px}.side-menu-title span{font-size:10px}.side-menu-item{border-radius:10px;gap:9px;min-height:48px;padding:0 9px}.side-menu-icon{width:32px;height:32px;font-size:16px}.side-menu-text{font-size:14px;font-weight:600;line-height:20px}.side-menu-footer{margin-top:auto;padding-top:9px}.side-menu-logout{border-radius:10px;gap:9px;min-height:47px;padding:0 9px}.side-menu-logout-icon{width:31px;height:31px}.logout-3d-icon{width:19px;height:19px}.side-menu-logout-text{font-size:14px;font-weight:650;line-height:20px}.ezycollect-swal-popup{border-radius:16px!important;width:calc(100% - 36px)!important;padding:22px 18px 18px!important}.ezycollect-swal-title{font-size:18px!important}.ezycollect-swal-text{font-size:12px!important}.ezycollect-swal-confirm,.ezycollect-swal-cancel{min-width:90px;padding:9px 14px}}@media (width<=360px){.side-menu{width:80vw;max-width:255px;padding:13px 9px calc(78px + env(safe-area-inset-bottom))}.side-menu-item{min-height:46px}.side-menu-text{font-size:13px;line-height:19px}.side-menu-logout{min-height:45px}.side-menu-logout-text{font-size:13px;line-height:19px}.side-menu-logout-icon{width:29px;height:29px}.logout-3d-icon{width:18px;height:18px}.ezycollect-swal-confirm,.ezycollect-swal-cancel{min-width:82px;padding:8px 12px}}@media (prefers-reduced-motion:reduce){.side-menu,.side-menu-overlay{animation:none}.side-menu-item,.side-menu-icon,.side-menu-close,.side-menu-logout,.side-menu-logout-icon,.logout-3d-icon,.ezycollect-swal-confirm,.ezycollect-swal-cancel{transition:none}}.dashboard-page{background:linear-gradient(#fff8f0 0%,#fffaf6 45%,#fffdfb 100%);min-height:100vh;padding:8px}.dashboard-container{background:#fffdfa;border:1px solid #eadfd4;border-radius:14px;width:100%;max-width:390px;min-height:calc(100vh - 16px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 5px 25px #4a2c140f}.dashboard-content{scrollbar-width:none;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 70px);padding:12px 10px 82px;overflow-y:auto}.dashboard-content::-webkit-scrollbar{display:none}.dashboard-title{color:#222;letter-spacing:-.2px;margin:17px 2px 10px;font-size:16px;font-weight:700;line-height:1.2}.dashboard-title:after{content:"";background:linear-gradient(90deg,#f4510b,#ff9a32);border-radius:10px;width:24px;height:3px;margin-top:5px;display:block}@media (width<=390px){.dashboard-page{background:#fffdfa;padding:0}.dashboard-container{max-width:none;min-height:100vh;box-shadow:none;border:none;border-radius:0}.dashboard-content{padding-left:12px;padding-right:12px}}@media (width>=600px){.dashboard-page{padding:20px}.dashboard-container{border-radius:18px;max-width:480px;min-height:calc(100vh - 40px)}.dashboard-content{max-height:calc(100vh - 75px);padding:16px 16px 90px}.dashboard-title{margin-top:20px;font-size:18px}}.welcome-card{color:#fff;background:linear-gradient(115deg,#f4510b 0%,#ff6908 45%,#ff910f 100%);border-radius:13px;justify-content:space-between;align-items:center;min-height:112px;padding:15px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 18px #f4510b29}.welcome-content{z-index:3;max-width:65%;position:relative}.welcome-label{color:#ffffffd1;letter-spacing:.2px;margin-bottom:6px;font-size:10px;font-weight:500;display:block}.welcome-content h2{color:#fff;letter-spacing:-.3px;margin:0;font-size:19px;font-weight:700;line-height:1.25}.welcome-image{z-index:3;background:#ffffff21;border:1px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;font-size:44px;display:flex;position:relative;box-shadow:inset 0 0 20px #ffffff0d}.welcome-card:before,.welcome-card:after{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;position:absolute}.welcome-card:before{width:130px;height:130px;top:-78px;right:35px}.welcome-card:after{width:110px;height:110px;bottom:-65px;right:-35px}@media (width<=340px){.welcome-card{min-height:105px;padding:13px 14px}.welcome-content h2{font-size:17px}.welcome-image{width:68px;height:68px;font-size:40px}}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.stats-card{background:#fff;border:1px solid #eee4da;border-radius:13px;align-items:center;min-height:88px;padding:11px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #462d190a,0 5px 12px #462d1909}.stats-card:hover{transform:translateY(-2px);box-shadow:0 5px 10px #462d190f,0 10px 20px #462d190d}.stats-card-header{align-items:center;gap:10px;width:100%;display:flex}.stats-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:54px;display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 5px 8px #00000014,inset 0 1px 1px #fffc,inset 0 -2px 3px #0000000a}.stats-icon:before{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#fff0);border-radius:10px;height:38%;position:absolute;top:4px;left:5px;right:5px}.stats-icon:after{content:"";filter:blur(2px);pointer-events:none;background:#0000000d;border-radius:10px;height:3px;position:absolute;bottom:4px;left:7px;right:7px}.stat-svg{z-index:2;filter:drop-shadow(0 2px 1px #0000001f);width:27px;height:27px;position:relative}.stats-text{flex-direction:column;justify-content:center;min-width:0;display:flex}.stats-label{color:#777;margin-bottom:5px;font-size:9px;font-weight:600;line-height:1.2;display:block}.stats-amount{color:#333;letter-spacing:-.25px;white-space:nowrap;font-size:16px;font-weight:750;line-height:1.15;display:block}.stats-card.collection .stats-icon{color:#27944a;background:linear-gradient(145deg,#e7f9ec,#c9efd4)}.stats-card.collection .stats-amount{color:#258b42}.stats-card.expense .stats-icon{color:#d9533b;background:linear-gradient(145deg,#fff0ee,#ffd9d3)}.stats-card.expense .stats-amount{color:#d44d37}.stats-card.today .stats-icon{color:#e58a1c;background:linear-gradient(145deg,#fff4e5,#ffe1bc)}.stats-card.today .stats-amount{color:#dc7b16}.stats-card.today-expense .stats-icon{color:#d9533b;background:linear-gradient(145deg,#fff0ee,#ffd9d3)}.stats-card.today-expense .stats-amount{color:#d44d37}.stats-card.balance{background:linear-gradient(135deg,#fffdfb 0%,#fff8f1 55%,#fff2e7 100%);border:1px solid #eadfd4;border-radius:14px;grid-column:1/-1;min-height:116px;padding:13px 14px 12px;display:block;box-shadow:0 3px 8px #5032190a,0 7px 16px #5032190a}.stats-card.balance:after{content:"";pointer-events:none;background:#f4510b0b;border-radius:50%;width:105px;height:105px;position:absolute;top:-55px;right:-50px}.stats-card.balance .stats-card-header{z-index:2;align-items:center;gap:9px;width:auto;margin:0;display:flex;position:relative}.stats-card.balance .stats-icon{color:#f4510b;background:linear-gradient(145deg,#fff0e3,#ffdabb);border-radius:11px;width:40px;height:40px;box-shadow:0 4px 7px #f4510b14,inset 0 1px 2px #fffc}.stats-card.balance .stat-svg{width:23px;height:23px}.stats-card.balance .stats-amount{color:#258b43;margin:3px 0 0;font-size:21px;font-weight:750;line-height:1.1}.balance-progress-section{z-index:2;margin-top:11px;position:relative}.balance-progress-top{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.balance-progress-top span{color:#999;font-size:8px;font-weight:500}.balance-progress-top strong{color:#777;font-size:10px;font-weight:700}.balance-progress-track{background:#e9e1d9;border-radius:20px;width:100%;height:9px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.balance-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#f4510b 0%,#ff7218 50%,#ff9c3b 100%);height:100%;transition:width .5s;box-shadow:0 2px 5px #f4510b33}@media (width<=340px){.stats-grid{gap:7px}.stats-card{min-height:84px;padding:9px}.stats-icon{width:40px;height:50px}.stats-label{font-size:8px}.stats-amount{font-size:14px}.stats-card.balance{min-height:112px;padding:12px}.stats-card.balance .stats-amount{font-size:19px}}.collections-container,.add-collection-container{background:#fffaf6;min-height:100vh}.inner-page-header{z-index:20;background:#fffffffa;border-bottom:1px solid #eee4db;grid-template-columns:42px 1fr 42px;align-items:center;height:53px;padding:0 8px;display:grid;position:relative;box-shadow:0 2px 8px #462d190a}.inner-page-header h1{text-align:center;color:#292522;margin:0;font-size:17px;font-weight:750;line-height:1}.inner-back-button{color:#444;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;line-height:1;transition:background .2s,transform .15s;display:flex}.inner-back-button:hover{background:#fff1e8}.inner-back-button:active{transform:scale(.92)}.add-button{color:#fff;cursor:pointer;background:#f4510b;border:none;border-radius:50%;justify-content:center;justify-self:end;align-items:center;width:34px;height:34px;font-size:21px;line-height:1;transition:transform .15s,box-shadow .2s;display:flex;box-shadow:0 3px 8px #f4510b38}.add-button:hover{box-shadow:0 5px 12px #f4510b4d}.add-button:active{transform:scale(.92)}.collections-content{scrollbar-width:thin;height:calc(100vh - 53px);padding:12px 10px 150px;overflow-y:auto}.collections-content::-webkit-scrollbar{width:4px}.collections-content::-webkit-scrollbar-thumb{background:#ddd2ca;border-radius:10px}.collection-overview{background:#fff;border:1px solid #e6ddd6;border-radius:9px;grid-template-columns:1.25fr 1fr 1fr;gap:0;width:100%;margin-bottom:14px;padding:0;display:grid;overflow:hidden;box-shadow:0 2px 7px #462d1909}.collection-overview-stat{min-width:0;min-height:62px;box-shadow:none;background:#fff;border:none;border-radius:0;flex-direction:column;justify-content:center;gap:5px;padding:8px 10px;display:flex;position:relative}.collection-overview-stat:not(:last-child):after{content:"";background:#eee5df;width:1px;position:absolute;top:10px;bottom:10px;right:0}.collection-overview-stat span{color:#817871;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:650;line-height:1.2;overflow:hidden}.collection-overview-stat strong{white-space:nowrap;font-size:14px;font-weight:800;line-height:1.1}.collection-overview-stat.total{background:#fffaf7}.collection-overview-stat.received{background:#fbfffc}.collection-overview-stat.pending{background:#fffdf7}.collection-overview-stat.total strong{color:#f4510b}.collection-overview-stat.received strong{color:#23843a}.collection-overview-stat.pending strong{color:#b67800}.collection-toolbar{box-sizing:border-box;align-items:stretch;gap:7px;width:100%;height:46px;min-height:46px;max-height:46px;margin-bottom:12px;display:flex}.collection-toolbar .collection-search{box-sizing:border-box;background:#fff;border:1px solid #e4d9d0;border-radius:9px;flex:auto;align-self:stretch;align-items:center;gap:8px;width:auto;min-width:0;padding:0 11px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;overflow:hidden;height:46px!important;min-height:46px!important;max-height:46px!important}.collection-toolbar .collection-search:focus-within{border-color:#f4510b;box-shadow:0 0 0 2px #f4510b1a}.collection-toolbar .collection-search>svg{color:#8c8580;flex:none;width:19px;height:19px}.collection-toolbar .collection-search input{color:#333;box-sizing:border-box;background:0 0;flex:auto;width:100%;min-width:0;padding:0;font-family:inherit;font-size:12px;border:none!important;outline:none!important;height:100%!important;min-height:0!important;max-height:none!important}.collection-toolbar .collection-search input::placeholder{color:#999;opacity:1;font-size:12px}.search-clear{color:#777;cursor:pointer;background:#f4eee9;border:none;border-radius:50%;flex:0 0 25px;justify-content:center;align-items:center;width:25px;height:25px;padding:0;display:flex}.search-clear svg{width:15px;height:15px}.collection-toolbar .collection-filter-icon{color:#777;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #e4d9d0;border-radius:9px;flex:0 0 46px;justify-content:center;align-self:stretch;align-items:center;padding:0;transition:background .2s,border-color .2s,color .2s,transform .15s;display:flex;width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;min-height:46px!important;max-height:46px!important}.collection-toolbar .collection-filter-icon svg{width:20px;height:20px}.collection-toolbar .collection-filter-icon:hover,.collection-toolbar .collection-filter-icon.active{color:#f4510b;background:#fff0e5;border-color:#f4510b}.collection-toolbar .collection-filter-icon:active{transform:scale(.94)}.date-filter-panel{box-sizing:border-box;background:#fff;border:1px solid #eaded5;border-radius:10px;width:100%;margin:-2px 0 12px;padding:12px;box-shadow:0 4px 14px #3c281912}.date-filter-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.date-filter-header strong{color:#333;font-size:11px;font-weight:750}.date-filter-header button{color:#777;cursor:pointer;background:#f7f2ee;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}.date-filter-header button svg{width:16px;height:16px}.date-filter-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.date-filter-field{flex-direction:column;gap:4px;min-width:0;display:flex}.date-filter-field label{color:#777;font-size:9px;font-weight:650}.date-filter-field input{color:#444;box-sizing:border-box;background:#fffdfa;border:1px solid #e4d9d0;border-radius:7px;outline:none;width:100%;height:36px;padding:0 8px;font-family:inherit;font-size:10px}.date-filter-field input:focus{border-color:#f4510b;box-shadow:0 0 0 3px #f4510b0f}.date-filter-actions{justify-content:flex-end;gap:7px;margin-top:10px;display:flex}.date-filter-actions button{cursor:pointer;border-radius:7px;min-height:30px;padding:0 13px;font-family:inherit;font-size:9px;font-weight:700}.clear-filter-button{color:#777;background:#fff;border:1px solid #e2d8d0}.apply-filter-button{color:#fff;background:#f4510b;border:1px solid #f4510b}.collection-filter-section{background:0 0;border:none;margin-bottom:10px;padding:0}.filter-heading{justify-content:space-between;align-items:center;margin-bottom:7px;padding:0 2px;display:flex}.filter-heading strong{color:#333;font-size:11px;font-weight:750}.filter-heading span{color:#999;font-size:9px}.collection-filter{scrollbar-width:none;align-items:center;gap:6px;padding:1px 1px 4px;display:flex;overflow-x:auto}.collection-filter::-webkit-scrollbar{display:none}.filter-button{color:#777;cursor:pointer;background:#fff;border:1px solid #e5d9d0;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:0 10px;font-family:inherit;font-size:9px;font-weight:650;transition:background .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.filter-button:hover{color:#f4510b;border-color:#f4510b}.filter-button:active{transform:scale(.96)}.filter-button.active{color:#fff;background:#f4510b;border-color:#f4510b;box-shadow:0 3px 8px #f4510b29}.filter-label{white-space:nowrap}.filter-count{color:#777;background:#f3eee9;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:7px;font-weight:700;display:inline-flex}.filter-button.active .filter-count{color:#fff;background:#ffffff38}.all-collection-list{background:#fff;border:1px solid #eee4dd;border-radius:11px;overflow:hidden;box-shadow:0 3px 12px #3c28190a}.all-collection-item{box-sizing:border-box;background:#fff;border-bottom:1px solid #f1ebe6;align-items:center;gap:8px;min-height:70px;padding:8px 9px;transition:background .2s;display:flex}.all-collection-item:last-child{border-bottom:none}.all-collection-item:hover{background:#fffaf6}.collection-avatar{color:#f4510b;background:linear-gradient(145deg,#fff0e5,#ffe5d3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:12px;font-weight:750;display:flex}.all-collection-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.all-collection-details strong{color:#292522;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;line-height:1.2;overflow:hidden}.collection-meta{align-items:center;gap:4px;display:flex}.collection-meta span{color:#8c8580;font-size:8px;line-height:1.2}.collection-meta .meta-dot{color:#c1b8b2;font-size:7px}.non-monetary-item{color:#8c8580;align-items:center;gap:4px;margin-top:1px;font-size:8px;line-height:1.2;display:flex}.non-monetary-item .item-name{white-space:nowrap;text-overflow:ellipsis;color:#7a5b3a;max-width:110px;font-weight:600;overflow:hidden}.all-collection-amount{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;min-width:69px;display:flex}.all-collection-amount>strong{color:#292522;white-space:nowrap;font-size:11px;font-weight:750;line-height:1}.non-monetary-quantity{white-space:nowrap;color:#7a5b3a!important;font-size:9px!important;font-weight:700!important}.status{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:3px;min-height:18px;padding:2px 7px;font-size:7px;font-weight:700;display:inline-flex}.status.received{color:#25843b;background:#edf8f0}.status.not-received{color:#a46b00;background:#fff5df}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.collection-actions{flex-shrink:0;justify-content:center;align-items:center;gap:4px;margin-left:2px;display:flex}.collection-action-button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:29px;height:29px;padding:0;font-family:inherit;transition:background .2s,border-color .2s,transform .16s,box-shadow .2s;display:inline-flex;position:relative}.collection-action-button svg{width:16px;height:16px;display:block}.collection-action-button.edit{color:#d94d0a;background:linear-gradient(145deg,#fffaf6 0%,#fff0e5 100%);border-color:#f4d8c7;box-shadow:0 2px #efd0bd,0 3px 7px #f4510b1f}.collection-action-button.edit svg{color:#d94d0a}.collection-action-button.receipt{color:#4d6fc7;background:linear-gradient(145deg,#fafbff 0%,#edf2ff 100%);border-color:#d6def4;box-shadow:0 2px #cbd5ef,0 3px 7px #4d6fc71f}.collection-action-button.receipt svg{color:#4d6fc7}.collection-action-button.edit:hover{background:linear-gradient(145deg,#fff6ef 0%,#ffe8d9 100%);border-color:#f0c8b0;transform:translateY(-1px)}.collection-action-button.receipt:hover{background:linear-gradient(145deg,#f6f8ff 0%,#e6edff 100%);border-color:#c5d1ef;transform:translateY(-1px)}.collection-action-button:hover svg{transform:scale(1.08)}.collection-action-button:active{transform:translateY(1px)scale(.94)}.empty-collection{text-align:center;background:#fffdfb;border:1px dashed #e4d8cf;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:30px 20px;display:flex}.empty-collection-icon{background:#fff0e5;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:10px;font-size:20px;display:flex}.empty-collection strong{color:#333;margin-bottom:5px;font-size:12px}.empty-collection span{color:#999;margin-bottom:14px;font-size:9px}.empty-collection button{color:#fff;cursor:pointer;background:#f4510b;border:none;border-radius:7px;min-height:33px;padding:0 15px;font-family:inherit;font-size:9px;font-weight:650;box-shadow:0 3px 8px #f4510b29}.floating-add-button{z-index:1000;color:#fff;cursor:pointer;background:#f4510b;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:25px;line-height:1;transition:transform .15s,box-shadow .2s;display:flex;position:fixed;bottom:78px;right:16px;box-shadow:0 5px 15px #f4510b4d}.floating-add-button span{display:block;transform:translateY(-1px)}.floating-add-button:hover{box-shadow:0 7px 18px #f4510b61}.floating-add-button:active{transform:scale(.92)}.add-collection-content{scrollbar-width:thin;height:calc(100vh - 53px);padding:14px 12px 30px;overflow-y:auto}.add-collection-content::-webkit-scrollbar{width:4px}.add-collection-content::-webkit-scrollbar-thumb{background:#ddd0c6;border-radius:10px}.collection-form-card{box-sizing:border-box;background:#fff;border:1px solid #eee3da;border-radius:14px;flex-direction:column;gap:13px;width:100%;max-width:620px;margin:0 auto;padding:17px;display:flex;box-shadow:0 5px 22px #462d1912}.collection-type-block{margin-bottom:2px}.collection-question{color:#302b27;margin:0 0 9px;font-size:12px;font-weight:750;line-height:1.2}.collection-type-selector{grid-template-columns:1fr 1fr;gap:8px;display:grid}.collection-type-card{color:#555;text-align:left;cursor:pointer;background:#fffaf6;border:1px solid #e8ddd4;border-radius:10px;align-items:center;gap:9px;min-height:64px;padding:9px 10px;font-family:inherit;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;display:flex;position:relative}.collection-type-card:hover{background:#fff8f3;border-color:#f4510b}.collection-type-card:active{transform:scale(.98)}.collection-type-card.active{color:#f4510b;background:linear-gradient(135deg,#fff4ec,#fffaf7);border-color:#f4510b;box-shadow:0 3px 10px #f4510b17}.type-card-icon{color:#f4510b;background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-weight:750;display:flex;box-shadow:0 2px 6px #3c28190a}.type-card-text{flex-direction:column;gap:2px;min-width:0;display:flex}.type-card-text strong{color:#333;font-size:10px;font-weight:750;line-height:1.2}.collection-type-card.active .type-card-text strong{color:#f4510b}.type-card-text small{color:#999;font-size:8px;line-height:1.25}.type-check{color:#fff;background:#f4510b;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;font-weight:800;display:flex;position:absolute;top:7px;right:7px}.collection-form-card .form-group{flex-direction:column;gap:5px;min-width:0;display:flex}.collection-form-card label{color:#444;font-size:9px;font-weight:650;line-height:1.2}.collection-form-card label span{color:#ef4444;margin-left:3px;font-size:10px;font-weight:800}.collection-form-card .input-wrapper{box-sizing:border-box;background:#fffdfa;border:1px solid #e6ddd6;border-radius:8px;align-items:center;width:100%;height:40px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;overflow:hidden}.collection-form-card .input-wrapper:hover{border-color:#d8c9bf}.collection-form-card .input-wrapper:focus-within{background:#fff;border-color:#f4510b;box-shadow:0 0 0 3px #f4510b14}.collection-form-card .input-wrapper.has-error{background:snow;box-shadow:0 0 0 3px #ef44440f;border-color:#ef4444!important}.collection-form-card .input-wrapper.has-error:focus-within{box-shadow:0 0 0 3px #dc262617;border-color:#dc2626!important}.collection-form-card input,.collection-form-card select{color:#333;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 10px;font-family:inherit;font-size:10px}.collection-form-card input::placeholder{color:#aaa}.collection-form-card input:focus,.collection-form-card select:focus{outline:none}.input-icon{color:#777;flex-shrink:0;justify-content:center;align-items:center;width:32px;font-size:12px;display:flex}.input-wrapper .input-icon+input{padding-left:0}.amount-input{padding-left:10px}.currency-symbol{color:#f4510b;font-size:15px;font-weight:800;line-height:1}.amount-input input{padding-left:6px!important}.collection-form-card select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#888 50%),linear-gradient(135deg,#888 50%,#0000 50%);background-position:calc(100% - 12px) 17px,calc(100% - 8px) 17px;background-repeat:no-repeat;background-size:4px 4px,4px 4px;padding-right:28px}.field-error{color:#dc2626;align-items:center;gap:5px;margin-top:1px;padding-left:2px;font-size:9px;font-weight:600;line-height:1.3;animation:.18s errorFadeIn;display:flex}.field-error:before{content:"!";color:#dc2626;background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;font-size:8px;font-weight:800;display:inline-flex}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.choice-group{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.choice-button{color:#777;cursor:pointer;background:#fff;border:1px solid #e4d9d0;border-radius:7px;min-height:34px;padding:0 14px;font-family:inherit;font-size:9px;font-weight:650;transition:background .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s}.choice-button:hover{color:#f4510b;background:#fffaf6;border-color:#f4510b}.choice-button:active{transform:scale(.97)}.choice-button.active{color:#f4510b;background:#fff0e5;border-color:#f4510b;box-shadow:0 2px 7px #f4510b14}.choice-button.received-choice.active{color:#248a39;background:#edf8ef;border-color:#2d9b46}.choice-button.pending-choice.active{color:#a46b00;background:#fff7df;border-color:#e3a21a}.quantity-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.collection-form-card textarea{resize:vertical;color:#333;box-sizing:border-box;background:#fffdfa;border:1px solid #e6ddd6;border-radius:8px;outline:none;width:100%;min-height:70px;padding:10px;font-family:inherit;font-size:10px;transition:border-color .2s,box-shadow .2s,background .2s}.collection-form-card textarea::placeholder{color:#aaa}.collection-form-card textarea:focus{background:#fff;border-color:#f4510b;box-shadow:0 0 0 3px #f4510b14}.collection-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f4510b,#e84705);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:42px;margin-top:3px;font-family:inherit;font-size:11px;font-weight:750;transition:transform .15s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 5px 13px #f4510b33}.collection-submit-button:hover{transform:translateY(-1px);box-shadow:0 7px 17px #f4510b47}.collection-submit-button:active{transform:scale(.98)}.collection-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:12px;height:12px;margin-right:3px;animation:.7s linear infinite collectionSpin;display:inline-block}@keyframes collectionSpin{to{transform:rotate(360deg)}}@media (width<=380px){.collections-content{padding:10px 8px 148px}.collection-overview{border-radius:8px;gap:0}.collection-overview-stat{min-height:58px;padding:7px}.collection-overview-stat:not(:last-child):after{top:9px;bottom:9px}.collection-overview-stat span{font-size:8px}.collection-overview-stat strong{font-size:12px}.collection-toolbar{height:44px!important;min-height:44px!important;max-height:44px!important}.collection-toolbar .collection-search{padding:0 10px;height:44px!important;min-height:44px!important;max-height:44px!important}.collection-toolbar .collection-filter-icon{flex-basis:44px;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important}.collection-toolbar .collection-search input{height:100%!important}.collection-toolbar .collection-search>svg{width:18px;height:18px}.collection-toolbar .collection-search input,.collection-toolbar .collection-search input::placeholder{font-size:11px}.filter-button{min-height:29px;padding:0 9px;font-size:8px}.filter-count{min-width:15px;height:15px;font-size:7px}.all-collection-item{gap:6px;min-height:67px;padding:7px}.collection-avatar{width:34px;height:34px;font-size:11px}.all-collection-details strong{font-size:9px}.collection-meta span,.non-monetary-item{font-size:7px}.all-collection-amount{min-width:58px}.all-collection-amount>strong{font-size:10px}.status{padding-left:5px;padding-right:5px;font-size:6.5px}.collection-actions{gap:3px;margin-left:0}.collection-action-button{border-radius:7px;width:27px;height:27px}.collection-action-button svg{width:14px;height:14px}.floating-add-button{width:44px;height:44px;font-size:23px;bottom:78px;right:12px}.add-collection-content{padding:10px 8px 25px}.collection-form-card{border-radius:11px;gap:11px;padding:13px}.collection-question{font-size:11px}.collection-type-card{border-radius:9px;min-height:58px;padding:8px}.type-card-icon{width:29px;height:29px;font-size:15px}.type-card-text strong{font-size:9px}.type-card-text small{font-size:7px}.type-check{width:13px;height:13px;font-size:7px}.collection-form-card input,.collection-form-card select{font-size:9px}.collection-form-card label{font-size:8px}.choice-button{min-height:31px;padding:0 11px;font-size:8px}.field-error{font-size:8px}.field-error:before{width:12px;height:12px;font-size:7px}}@media (width>=600px){.collections-content{padding:18px 20px 150px}.collection-overview{gap:0}.collection-overview-stat{min-height:68px;padding:9px 12px}.collection-overview-stat:not(:last-child):after{top:10px;bottom:10px}.collection-overview-stat span{font-size:10px}.collection-overview-stat strong{font-size:16px}.collection-toolbar,.collection-toolbar .collection-search{height:48px!important;min-height:48px!important;max-height:48px!important}.collection-toolbar .collection-filter-icon{flex-basis:48px;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important}.collection-toolbar .collection-search input,.collection-toolbar .collection-search input::placeholder{font-size:13px}.filter-button{min-height:32px;padding:0 11px;font-size:9px}.all-collection-item{min-height:74px;padding:10px 12px}.collection-avatar{width:40px;height:40px;font-size:13px}.all-collection-details strong{font-size:11px}.collection-meta span{font-size:9px}.all-collection-amount>strong{font-size:12px}.status{font-size:8px}.collection-actions{gap:5px;margin-left:5px}.collection-action-button{width:32px;height:32px}.collection-action-button svg{width:17px;height:17px}.floating-add-button{width:47px;height:47px;bottom:82px;right:24px}.add-collection-content{padding:20px}.collection-form-card{border-radius:14px;gap:14px;max-width:620px;padding:20px}.collection-question{font-size:13px}.collection-type-card{min-height:70px;padding:11px 13px}.type-card-icon{width:36px;height:36px;font-size:19px}.type-card-text strong{font-size:10px}.type-card-text small{font-size:8px}.collection-form-card label{font-size:9px}.collection-form-card input,.collection-form-card select,.collection-form-card textarea{font-size:10px}.choice-button{font-size:9px}.field-error{font-size:8.5px}}@media (width>=900px){.collections-content{max-width:900px;margin:0 auto;padding:22px 25px 150px}.collection-overview{gap:0}.collection-overview-stat{border-radius:0;min-height:72px;padding:10px 16px}.collection-overview-stat:not(:last-child):after{top:11px;bottom:11px}.collection-overview-stat span{font-size:11px}.collection-overview-stat strong{font-size:18px}.collection-toolbar,.collection-toolbar .collection-search{height:50px!important;min-height:50px!important;max-height:50px!important}.collection-toolbar .collection-filter-icon{flex-basis:50px;width:50px!important;min-width:50px!important;max-width:50px!important;height:50px!important;min-height:50px!important;max-height:50px!important}.collection-toolbar .collection-search input,.collection-toolbar .collection-search input::placeholder{font-size:13px}.all-collection-list{border-radius:12px}.all-collection-item{min-height:78px;padding:12px 15px}.collection-avatar{width:42px;height:42px;font-size:13px}.all-collection-details strong{font-size:13px}.collection-meta span{font-size:10px}.all-collection-amount{min-width:95px}.all-collection-amount>strong{font-size:13px}.status{font-size:8px}.collection-actions{gap:7px;margin-left:8px}.collection-action-button{border-radius:9px;width:35px;height:35px}.collection-action-button svg{width:19px;height:19px}.floating-add-button{width:48px;height:48px;bottom:88px;right:30px}.add-collection-content{padding:25px}.collection-form-card{max-width:680px;padding:22px}}@media (width>=1200px){.collections-content{max-width:950px}.collection-form-card{max-width:700px}.floating-add-button{bottom:88px;right:35px}}.expenses-content{scrollbar-width:none;-webkit-overflow-scrolling:touch;height:calc(100vh - 53px);padding:14px 10px 82px;overflow-y:auto}.expenses-content::-webkit-scrollbar{display:none}.expense-summary{color:#fff;background:linear-gradient(135deg,#f4510b 0%,#ff711f 55%,#ff9a32 100%);border:1px solid #f4510b;border-radius:12px;flex-direction:column;justify-content:center;gap:3px;min-height:68px;padding:10px 12px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 6px 16px #f4510b2e}.expense-summary:hover{transform:translateY(-2px);box-shadow:0 9px 20px #f4510b40}.expense-summary:before{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:45px;height:45px;position:absolute;top:8px;right:12px}.expense-summary span{color:#fff;margin:auto 5px;font-size:14px;font-weight:700;line-height:1.2;position:relative}.expense-summary strong{color:#fff;margin:auto 5px auto 100px;font-size:14px;font-weight:700;line-height:1.2;position:relative}.expense-filter{scrollbar-width:none;align-items:center;gap:6px;margin:13px 0 12px;display:flex;overflow-x:auto}.expense-filter::-webkit-scrollbar{display:none}.expense-filter-button{color:#232323;cursor:pointer;background:#fffdfa;border:1px solid #eadfd4;border-radius:20px;flex-shrink:0;height:27px;padding:0 11px;font-size:11px;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .2s}.expense-filter-button:hover{color:#f4510b;background:#fff8f3;border-color:#f4510b}.expense-filter-button.active{color:#fff;background:linear-gradient(135deg,#f4510b,#ff711f);border-color:#f4510b;box-shadow:0 3px 8px #f4510b29}.expense-filter-button:active{transform:scale(.97)}.expense-list{background:#fffdfa;border:1px solid #eadfd4;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 5px 18px #4a2c140b}.expense-item{background:#fffdfa;border-bottom:1px solid #f0e8e1;align-items:center;gap:9px;min-height:60px;padding:6px 10px;transition:background .2s;display:flex;box-shadow:0 5px 18px #0d0d0d0b}.expense-item:last-child{border-bottom:none}.expense-item:hover{background:#fff9f5}.expense-icon{color:#f4510b;background:linear-gradient(145deg,#fff0e5,#fff8f2);border:1px solid #f0dfd2;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.expense-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.expense-details strong{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.expense-details span{color:#515151;font-size:11px;line-height:1.2}.expense-details small{color:#999;font-size:7px;line-height:1.2}.expense-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.expense-amount{color:#f4510b;white-space:nowrap;font-size:12px;font-weight:600}.expense-edit-button{color:#e87522;white-space:nowrap;cursor:pointer;background:#fff5ed;border:1px solid #f0dfd2;border-radius:6px;justify-content:center;align-items:center;height:24px;padding:0 8px;font-size:11px;font-weight:700;display:flex}.expense-edit-button:hover{color:#fff;background:linear-gradient(135deg,#f4510b,#ff711f);border-color:#f4510b;transform:translateY(-1px)}.expense-edit-button:active{transform:translateY(0)}.expense-state{color:#888;text-align:center;background:linear-gradient(145deg,#fffdfa,#fff9f5);border:1px solid #eadfd4;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:25px 12px;font-size:8px;display:flex;box-shadow:0 5px 18px #4a2c140a}.expense-error{color:#888;background:linear-gradient(145deg,#fffaf7,#fff5f0);border-color:#f0d5c7}.expense-error button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f4510b,#ff711f);border:none;border-radius:7px;height:30px;margin-top:12px;padding:0 13px;font-size:8px;font-weight:600}.expense-error button:hover{background:linear-gradient(135deg,#df4608,#f45f0d)}.add-expense-content{scrollbar-width:none;height:calc(100vh - 53px);padding:15px 12px 25px;overflow-y:auto}.expense-form{flex-direction:column;gap:1px;display:flex}.expense-form .input-wrapper{height:38px}.expense-form .input-wrapper input,.expense-form .input-wrapper select{font-size:10px}.expense-form select{color:#555;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 8px}.expense-form textarea{resize:vertical;color:#333;background:#fffdfa;border:1px solid #e8ddd2;border-radius:7px;outline:none;width:100%;min-height:80px;padding:10px;font-size:10px}.expense-form textarea:focus,.expense-form .input-wrapper:focus-within{border-color:#f4510b;box-shadow:0 0 0 2px #f4510b12}@media (width<=390px){.expenses-content{padding-left:15px;padding-right:15px}.expense-actions{gap:5px}.expense-edit-button{padding:0 7px}}@media (width>=600px){.expenses-content{height:calc(100vh - 75px);padding:16px 16px 90px}.expense-summary{min-height:72px}.expense-list{border-radius:14px}}.add-expense-content{scrollbar-width:none;-webkit-overflow-scrolling:touch;height:calc(100vh - 53px);padding:14px 10px 82px;overflow-y:auto}.add-expense-content::-webkit-scrollbar{display:none}.expense-form{background:linear-gradient(145deg,#fffdfa,#fff9f5);border:1px solid #eadfd4;border-radius:12px;flex-direction:column;gap:12px;padding:13px;display:flex;box-shadow:0 5px 18px #4a2c140b}.expense-form .form-group{flex-direction:column;gap:5px;margin-bottom:2px;display:flex}.expense-form .form-group label{color:#555;font-size:12px;font-weight:600;line-height:1.2}.expense-form .input-wrapper{background:#fffdfa;border:1px solid #e8ddd2;border-radius:7px;align-items:center;width:100%;height:35px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;overflow:hidden}.expense-form .input-wrapper:focus-within{background:#fff;border-color:#f4510b;box-shadow:0 0 0 2px #f4510b12}.expense-form .input-wrapper input,.expense-form .input-wrapper select{color:#aaa;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 9px;font-size:12px}.expense-form .input-wrapper input::placeholder{color:#aaa}.expense-form select{color:#555;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 9px;font-size:9px}.expense-form .amount-input{padding-left:9px}.expense-form .amount-input>span{color:#f4510b;flex-shrink:0;font-size:11px;font-weight:700}.expense-form .amount-input input{padding-left:5px}.expense-form input[type=date]{color:#555;font-size:11px}.expense-form input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}.expense-form textarea{resize:vertical;color:#333;background:#fffdfa;border:1px solid #e8ddd2;border-radius:7px;outline:none;width:100%;min-height:75px;padding:9px;font-family:inherit;font-size:12px;line-height:1.4;transition:border-color .2s,box-shadow .2s,background .2s}.expense-form textarea::placeholder{color:#aaa}.expense-form textarea:focus{background:#fff;border-color:#f4510b;box-shadow:0 0 0 2px #f4510b12}.form-error{color:#c45532;background:linear-gradient(145deg,#fffaf7,#fff4ef);border:1px solid #f0d5c7;border-radius:7px;padding:9px 10px;font-size:11px;line-height:1.4}.expense-form .primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f4510b,#ff711f);border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:40px;margin-top:2px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 5px 14px #f4510b2e}.expense-form .primary-button:hover{background:linear-gradient(135deg,#df4608,#f45f0d);transform:translateY(-1px);box-shadow:0 7px 17px #f4510b3b}.expense-form .primary-button:active{transform:translateY(0)}.expense-form .primary-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=390px){.add-expense-content{padding-left:12px;padding-right:12px}.expense-form{border-radius:11px;gap:11px;padding:11px}}@media (width>=600px){.add-expense-content{height:calc(100vh - 75px);padding:16px 16px 90px}.expense-form{border-radius:14px;padding:16px}}.members-content{height:calc(100vh - 53px);padding:13px 10px 85px;overflow-y:auto}.members-summary{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:11px;display:grid}.members-summary>div{background:#fffaf5;border:1px solid #eee2d8;border-radius:8px;flex-direction:column;gap:4px;padding:11px;display:flex}.members-summary strong{color:#f4510b;font-size:18px}.members-summary span{color:#777;font-size:8px}.member-search{background:#fffdfa;border:1px solid #e8ddd2;border-radius:7px;align-items:center;gap:7px;height:38px;margin-bottom:10px;padding:0 10px;display:flex}.member-search:focus-within{border-color:#f4510b}.member-search>span{color:#888;font-size:16px}.member-search input{color:#333;background:0 0;border:none;outline:none;width:100%;font-size:10px}.member-list{border:1px solid #eee2d8;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.member-item{background:#fffdfa;border-bottom:1px solid #f0e8e1;align-items:center;gap:9px;min-height:72px;padding:9px 10px;display:flex}.member-item:last-child{border-bottom:none}.member-avatar{color:#f4510b;background:#fff0e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;font-size:20px;font-weight:600;display:flex;overflow:hidden}.member-avatar-image{object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%;display:block}.member-avatar-fallback{color:#f4510b;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.member-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.member-details strong{color:#333;font-size:10px}.member-details span,.member-details small{color:#888;font-size:8px}.member-status{border-radius:10px;padding:4px 7px;font-size:7px;font-weight:600}.member-status.active{color:#248a39;background:#e8f7eb}.member-status.inactive{color:#888;background:#f1eeee}.member-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.member-edit-button{color:#8b3a3a;cursor:pointer;background:0 0;border:none;padding:5px 2px;font-size:12px;font-weight:600}.member-edit-button:hover{text-decoration:underline}.empty-members{text-align:center;color:#888;padding:30px 10px;font-size:10px}.add-member-content{height:calc(100vh - 53px);padding:18px 12px 25px;overflow-y:auto}.add-member-intro{text-align:center;flex-direction:column;align-items:center;margin-bottom:18px;display:flex}.large-member-avatar{color:#f4510b;background:#fff0e5;border:2px solid #f4510b;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 10px;font-size:40px;font-weight:600;display:flex;overflow:hidden}.large-member-avatar-image{object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%;display:block}.edit-member-photo-section{flex-direction:column;align-items:center;margin-bottom:18px;display:flex}.edit-photo-button{color:#f4510b;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:10px;font-weight:600}.edit-photo-button:hover{text-decoration:underline}.add-member-intro h2{color:#333;margin-bottom:5px;font-size:14px}.add-member-intro p{color:#888;max-width:270px;font-size:9px;line-height:1.5}.member-form{flex-direction:column;gap:1px;display:flex}.member-form .input-wrapper{height:38px}.member-form .input-wrapper input,.member-form .input-wrapper select{font-size:10px}.member-form select{color:#555;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 8px}.form-error{color:#d32f2f;background:#fff0f0;border-radius:6px;margin-top:8px;padding:8px 10px;font-size:9px}.primary-button{margin-top:12px}.donor-content{height:calc(100vh - 53px);padding:13px 10px 25px;overflow-y:auto}.donor-summary{background:#fffaf5;border:1px solid #eee2d8;border-radius:8px;flex-direction:column;gap:5px;margin-bottom:11px;padding:12px;display:flex}.donor-summary span{color:#777;font-size:8px}.donor-summary strong{color:#f4510b;font-size:19px}.collection-section{margin-bottom:12px}.collection-title{color:#333;margin:0 2px 8px;font-size:12px;font-weight:600}.collection-filters{align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.collection-filters::-webkit-scrollbar{display:none}.collection-filter{color:#777;cursor:pointer;background:#fff;border:1px solid #eadbd1;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-size:10px;font-weight:600;display:flex}.collection-filter span{font-size:10px}.collection-filter small{color:#777;background:#f2ece7;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:8px;font-weight:600;display:flex}.collection-filter.active{color:#fff;background:#ff5a16;border-color:#ff5a16}.collection-filter.active small{color:#fff;background:#ffffff40}.donor-list{border:1px solid #eee2d8;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.donor-item{background:#fffdfa;border-bottom:1px solid #f0e8e1;align-items:center;gap:9px;min-height:72px;padding:9px 10px;display:flex}.donor-item:last-child{border-bottom:none}.donor-avatar{color:#f4510b;background:#fff0e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex}.donor-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.donor-details strong{color:#333;font-size:10px}.donor-details span,.donor-details small{color:#888;font-size:8px}.donor-amount{text-align:right;flex-direction:column;align-items:flex-end;gap:3px;min-width:65px;display:flex}.donor-amount strong{color:#333;font-size:10px}.donor-amount small{color:#777;font-size:8px}.payment-received{font-weight:600;color:#2e9e5b!important}.payment-pending{font-weight:600;color:#d93025!important}.donor-loading{text-align:center;color:#888;padding:10px;font-size:9px}.notification-content{scrollbar-width:thin;scrollbar-color:#e8b18f transparent;background:linear-gradient(#fffaf5 0%,#fffdfb 50%,#fff 100%);height:calc(100vh - 53px);padding:12px 10px 20px;overflow-y:auto}.inner-page-header{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.inner-page-header h1{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;overflow:hidden}.inner-page-header .inner-back-button{flex-shrink:0}.inner-page-header .header-add-button{flex:none}.notification-list{background:#fff;border:1px solid #eee2d8;border-radius:12px;flex-direction:column;width:100%;max-width:900px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 5px 18px #4928120f}.notification-item{cursor:pointer;background:#fffdfa;border-bottom:1px solid #f0e8e1;align-items:flex-start;gap:10px;padding:13px 12px;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.notification-item.notification-unread{background:linear-gradient(90deg,#fff8f2,#fffdfa)}.notification-item.notification-unread .notification-title-row strong{color:#2b211b;font-weight:800}.notification-item.notification-read{opacity:.88;background:#fff}.notification-item.notification-read .notification-title-row strong{font-weight:650}.notification-item:hover{background:#fff5ed;box-shadow:inset 3px 0 #f4510b}.notification-item:active{transform:scale(.995)}.notification-item:last-child{border-bottom:none}.notification-icon{color:#f4510b;background:linear-gradient(145deg,#fff0e5,#ffe0ce);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;display:flex;box-shadow:inset 0 1px #ffffffe6,0 4px 9px #f4510b17}.notification-item.member-notification.notification-unread .notification-icon{position:relative}.notification-item.member-notification.notification-unread .notification-icon:after{content:"";background:#f4510b;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 5px #f4510b40}.notification-item.admin-notification .notification-icon:after{display:none!important}.notification-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notification-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;display:grid}.notification-title-row strong{color:#2f2925;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:700;line-height:1.35;overflow:hidden}.notification-title-row small{color:#8c8179;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:500;line-height:1.3}.notification-message-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;width:100%;display:grid}.notification-message-row p{color:#5f5853;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:15px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.notification-message-row span{color:#a18473;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:600;line-height:1.5}.notification-details>p{color:#5f5853;word-break:break-word;min-width:0;margin:0;font-size:15px;line-height:1.5}.notification-details>span{color:#a18473;align-self:flex-end;margin-top:-1px;font-size:12px;font-weight:600}.mark-all-read-button{box-sizing:border-box;color:#e84c0a;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#fff7f0,#fffdfb);border:1px solid #f3c5a7;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;width:auto;max-width:100%;height:36px;min-height:36px;margin-left:auto;padding:0 11px;font-family:inherit;font-size:12px;font-weight:700;line-height:1;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 3px 8px #f4510b14}.mark-all-text{white-space:nowrap;align-items:center;min-width:0;display:inline-flex;overflow:visible}.mark-all-read-button:hover:not(:disabled){color:#d94306;background:linear-gradient(135deg,#fff0e5,#fff9f5);border-color:#f4510b;transform:translateY(-1px);box-shadow:0 5px 12px #f4510b24}.mark-all-read-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 5px #f4510b1a}.mark-all-read-button:disabled{opacity:.65;cursor:not-allowed}.mark-all-check{color:#fff;background:#f4510b;border-radius:50%;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 2px 6px #f4510b38}.mark-all-spinner{border:2px solid #f6cbb4;border-top-color:#f4510b;border-radius:50%;flex:0 0 15px;width:15px;height:15px;animation:.7s linear infinite markAllSpin}@keyframes markAllSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-empty{text-align:center;background:#fff;border:1px solid #eee2d8;border-radius:14px;width:100%;max-width:450px;margin:35px auto;padding:30px 20px;box-shadow:0 7px 22px #4628140f}.notification-empty-icon,.notification-loading-icon{background:linear-gradient(145deg,#fff0e5,#ffe0ce);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 13px;font-size:27px;display:flex}.notification-loading-icon{animation:1.2s ease-in-out infinite notificationBellPulse}@keyframes notificationBellPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.notification-empty h3{color:#333;margin:0 0 7px;font-size:18px;font-weight:700}.notification-empty p{color:#888;margin:0;font-size:13px;line-height:1.5}.notification-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);background:#2418117a;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out notificationOverlayIn;display:flex;position:fixed;inset:0}@keyframes notificationOverlayIn{0%{opacity:0}to{opacity:1}}.notification-modal{background:linear-gradient(#fffaf6 0%,#fff 100%);border:1px solid #f0d8c8;border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:min(600px,100vh - 40px);animation:.22s ease-out notificationModalIn;display:flex;overflow:hidden;box-shadow:0 20px 55px #2b180c38,0 5px 18px #2b180c1a}@keyframes notificationModalIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-modal-header{background:linear-gradient(135deg,#fff4eb,#fffaf7);border-bottom:1px solid #f0e1d7;align-items:center;gap:11px;min-height:70px;padding:12px 14px;display:flex}.notification-modal-icon{background:linear-gradient(145deg,#fff0e5,#ffdcca);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:20px;display:flex;box-shadow:0 4px 10px #f4510b1a}.notification-modal-heading{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notification-modal-heading span{color:#f4510b;text-transform:uppercase;letter-spacing:.4px;font-size:13px;font-weight:700}.notification-modal-heading small{color:#8c8179;font-size:12px;font-weight:500}.notification-modal-close{color:#74675f;cursor:pointer;background:#fff;border:1px solid #eadbd1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-family:Arial,sans-serif;font-size:25px;font-weight:300;line-height:1;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex}.notification-modal-close:hover{color:#f4510b;background:#fff0e5;border-color:#f4510b;transform:rotate(90deg)}.notification-modal-body{padding:20px 20px 17px;overflow-y:auto}.notification-modal-body h2{color:#2e2722;word-break:break-word;margin:0;font-size:22px;font-weight:800;line-height:1.35}.notification-modal-divider{background:linear-gradient(90deg,#f4510b,#ff8a56);border-radius:5px;width:48px;height:3px;margin:12px 0 15px}.notification-modal-body>p{color:#514942;white-space:pre-wrap;word-break:break-word;margin:0;font-size:16px;font-weight:400;line-height:1.65}.notification-modal-meta{border-top:1px solid #eee3dc;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:20px;padding-top:13px;display:flex}.notification-modal-meta span{color:#8a7b72;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.notification-modal-footer{background:#fffaf7;border-top:1px solid #f0e1d7;justify-content:flex-end;padding:12px 16px;display:flex}.notification-modal-close-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f4510b,#ff7132);border:none;border-radius:8px;height:38px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 10px #f4510b2e}.notification-modal-close-button:hover{transform:translateY(-1px);box-shadow:0 6px 13px #f4510b40}.notification-modal-close-button:active{transform:translateY(0)}.add-notification-content{scrollbar-width:thin;scrollbar-color:#e8b18f transparent;background:linear-gradient(#fffaf5 0%,#fff 100%);height:calc(100vh - 53px);padding:13px 12px 20px;overflow-y:auto}.notification-form{flex-direction:column;gap:8px;width:100%;max-width:700px;margin:0 auto;display:flex}.notification-form .form-group{background:0 0;border-radius:0;padding:0;box-shadow:none!important;border:none!important}.notification-form .form-group>label{color:#302a26;margin-bottom:7px;font-size:16px;font-weight:700;line-height:1.3;display:block}.notification-form .input-wrapper{width:100%;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.notification-form input[type=text]{box-sizing:border-box;color:#333;appearance:none;background:#fffdfa;border-radius:7px;width:100%;height:48px;padding:10px 13px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.4;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:none!important;border:1px solid #d9ccc2!important;outline:none!important}.notification-form input[type=text]::placeholder{color:#aaa;opacity:1;font-size:15px}.notification-form input[type=text]:focus{background:#fff;border:1px solid #f4510b!important;outline:none!important;box-shadow:0 0 0 3px #f4510b1f!important}.notification-form input[type=text]:hover:not(:focus){border-color:#cdbdb1!important}.notification-form textarea{box-sizing:border-box;color:#333;resize:none;appearance:none;background:#fffdfa;border-radius:7px;width:100%;height:115px;min-height:115px;padding:11px 13px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:none!important;border:1px solid #d9ccc2!important;outline:none!important}.notification-form textarea::placeholder{color:#aaa;opacity:1;font-size:15px}.notification-form textarea:focus{background:#fff;border:1px solid #f4510b!important;outline:none!important;box-shadow:0 0 0 3px #f4510b1f!important}.notification-form textarea:hover:not(:focus){border-color:#cdbdb1!important}.notification-send-to{background:linear-gradient(135deg,#fffaf5,#fff);border:1px solid #eee2d8;border-radius:10px;flex-direction:column;gap:8px;margin-top:3px;padding:11px;display:flex;box-shadow:0 4px 12px #4b280f0b}.notification-send-to>label{color:#39322d;font-size:16px;font-weight:700}.notification-radio-group{flex-direction:column;gap:7px;display:flex}.radio-option{color:#403a35;cursor:pointer;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.radio-option input{accent-color:#f4510b;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin:0}.notification-radio-group .radio-option:nth-child(2){display:none}.send-to-heading{align-items:center;gap:8px;display:flex}.send-to-icon{background:linear-gradient(145deg,#fff0e5,#ffe0cc);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.send-to-heading label{color:#39322d;font-size:16px;font-weight:700;display:block}.send-to-heading small{color:#8e8178;margin-top:2px;font-size:12px;line-height:1.3;display:block}.all-members-option{box-sizing:border-box;background:linear-gradient(135deg,#fff6ef,#fffdfb);border:1px solid #f2c6aa;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 10px;display:flex}.all-members-left{align-items:center;gap:8px;min-width:0;display:flex}.radio-visual{border:2px solid #f4510b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.radio-visual span{background:#f4510b;border-radius:50%;width:8px;height:8px}.all-members-text{flex-direction:column;gap:2px;min-width:0;display:flex}.all-members-text strong{color:#3d3028;font-size:15px;font-weight:700}.all-members-text small{color:#8e8178;font-size:12px;line-height:1.3}.all-members-check{color:#fff;background:#f4510b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:flex;box-shadow:0 3px 8px #f4510b38}.notification-submit{color:#fff;letter-spacing:.15px;cursor:pointer;background:linear-gradient(135deg,#f4510b,#ff7132);border:none;border-radius:9px;width:100%;height:48px;min-height:48px;margin-top:4px;padding:0 15px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 6px 14px #f4510b33}.notification-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 17px #f4510b40}.notification-submit:active:not(:disabled){transform:translateY(0)}.notification-submit:disabled{opacity:.65;cursor:not-allowed}@media (width<=600px){.notification-content{padding:8px 8px 15px}.inner-page-header{gap:6px}.inner-page-header h1{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.notification-list{border-radius:10px}.notification-item{gap:9px;padding:11px 9px}.notification-icon{border-radius:9px;width:38px;height:38px;font-size:17px}.notification-details{gap:3px}.notification-title-row{grid-template-columns:minmax(0,1fr) auto;gap:6px}.notification-title-row strong{font-size:15px}.notification-title-row small{font-size:10px}.notification-message-row{grid-template-columns:minmax(0,1fr) auto;gap:6px}.notification-message-row p{font-size:13px;line-height:1.5}.notification-message-row span{font-size:10px}.notification-details>p{font-size:13px;line-height:1.5}.notification-details>span{font-size:10px}.mark-all-read-button{white-space:nowrap;border-radius:7px;flex:none;gap:5px;width:auto;height:32px;min-height:32px;margin-left:0;padding:0 8px;font-size:11px}.mark-all-text{white-space:nowrap;display:inline-block;overflow:visible}.mark-all-check{flex-basis:18px;width:18px;height:18px;font-size:11px}.mark-all-spinner{flex-basis:14px;width:14px;height:14px}.notification-empty{margin:25px auto;padding:25px 15px}.notification-empty-icon,.notification-loading-icon{width:55px;height:55px;font-size:24px}.notification-empty h3{font-size:16px}.notification-empty p{font-size:12px}.notification-modal-overlay{align-items:center;padding:14px}.notification-modal{border-radius:14px;max-height:calc(100vh - 28px)}.notification-modal-header{gap:9px;min-height:62px;padding:10px 11px}.notification-modal-icon{border-radius:9px;width:38px;height:38px;font-size:18px}.notification-modal-heading span{font-size:11px}.notification-modal-heading small{font-size:10px}.notification-modal-close{width:31px;height:31px;font-size:22px}.notification-modal-body{padding:17px 15px 15px}.notification-modal-body h2{font-size:19px;line-height:1.35}.notification-modal-divider{margin:10px 0 13px}.notification-modal-body>p{font-size:14px;line-height:1.6}.notification-modal-meta{gap:6px 12px;margin-top:16px;padding-top:11px}.notification-modal-meta span{font-size:10px}.notification-modal-footer{padding:10px 12px}.notification-modal-close-button{border-radius:7px;height:36px;padding:0 15px;font-size:13px}.add-notification-content{padding:8px 9px 14px}.notification-form{gap:7px}.notification-form .form-group>label{margin-bottom:5px;font-size:15px}.notification-form input[type=text]{height:46px;padding:10px 12px;font-size:15px}.notification-form input[type=text]::placeholder{font-size:14px}.notification-form textarea{height:105px;min-height:105px;padding:10px 12px;font-size:15px}.notification-form textarea::placeholder{font-size:14px}.notification-send-to{border-radius:9px;gap:7px;margin-top:2px;padding:9px}.notification-send-to>label{font-size:15px}.notification-radio-group{gap:6px}.radio-option{font-size:14px}.radio-option input{width:17px;height:17px}.send-to-heading label{font-size:15px}.send-to-heading small{font-size:11px}.all-members-text strong{font-size:14px}.all-members-text small{font-size:11px}.notification-submit{height:46px;min-height:46px;margin-top:2px;font-size:15px}}@media (width<=380px){.notification-content{padding:7px 7px 12px}.inner-page-header{gap:4px}.mark-all-read-button{border-radius:7px;gap:4px;height:30px;min-height:30px;padding:0 6px;font-size:10px}.mark-all-check{flex-basis:17px;width:17px;height:17px;font-size:10px}.mark-all-spinner{flex-basis:13px;width:13px;height:13px}.notification-item{gap:7px;padding:9px 8px}.notification-icon{width:35px;height:35px;font-size:15px}.notification-title-row{gap:4px}.notification-title-row strong{font-size:14px}.notification-title-row small{font-size:9px}.notification-message-row{gap:4px}.notification-message-row p{font-size:12px;line-height:1.45}.notification-message-row span{font-size:9px}.notification-modal-overlay{padding:9px}.notification-modal{border-radius:12px;max-height:calc(100vh - 18px)}.notification-modal-header{min-height:57px;padding:9px}.notification-modal-icon{width:34px;height:34px;font-size:16px}.notification-modal-body{padding:15px 12px 13px}.notification-modal-body h2{font-size:17px}.notification-modal-body>p{font-size:13px;line-height:1.55}.notification-modal-meta{margin-top:13px;padding-top:9px}.notification-modal-meta span{font-size:9px}.notification-modal-footer{padding:8px 9px}.notification-modal-close-button{height:34px;padding:0 13px;font-size:12px}.add-notification-content{padding:7px 8px 12px}.notification-form{gap:6px}.notification-form .form-group>label{margin-bottom:4px;font-size:14px}.notification-form input[type=text]{height:43px;padding:9px 10px;font-size:14px}.notification-form input[type=text]::placeholder{font-size:13px}.notification-form textarea{height:90px;min-height:90px;padding:9px 10px;font-size:14px}.notification-form textarea::placeholder{font-size:13px}.notification-send-to{padding:8px}.notification-send-to>label{font-size:14px}.radio-option{font-size:13px}.send-to-heading label{font-size:14px}.send-to-heading small{font-size:10px}.all-members-text strong{font-size:13px}.all-members-text small{font-size:10px}.notification-submit{height:43px;min-height:43px;font-size:14px}}@media (width>=601px){.notification-content{padding:18px 18px 25px}.add-notification-content{padding:22px 18px 30px}.notification-item{padding:15px 16px}.notification-icon{width:43px;height:43px;font-size:20px}.notification-title-row strong{font-size:17px}.notification-title-row small{font-size:12px}.notification-message-row p{font-size:15px}.notification-message-row span{font-size:12px}.notification-details>p{font-size:15px}.notification-details>span{font-size:12px}.mark-all-read-button{height:35px;min-height:35px;padding:0 13px;font-size:13px}.notification-form .form-group>label{font-size:16px}.notification-form input[type=text]{height:48px;font-size:16px}.notification-form textarea{height:115px;min-height:115px;font-size:16px}.notification-send-to>label{font-size:16px}.radio-option{font-size:15px}.notification-submit{height:48px;min-height:48px;font-size:16px}}@media (width>=900px){.notification-content{padding:22px 25px 35px}.add-notification-content{padding:25px 25px 35px}.notification-item{padding:16px 18px}.notification-icon{width:45px;height:45px;font-size:21px}.notification-title-row strong{font-size:18px}.notification-title-row small{font-size:12px}.notification-message-row p{font-size:15px}.notification-message-row span{font-size:12px}.notification-details>p{font-size:15px}.notification-details>span{font-size:12px}.notification-form{gap:9px}.notification-form .form-group>label{font-size:17px}.notification-form input[type=text]{height:50px;font-size:16px}.notification-form input[type=text]::placeholder{font-size:15px}.notification-form textarea{height:125px;min-height:125px;font-size:16px}.notification-form textarea::placeholder{font-size:15px}.notification-send-to>label{font-size:17px}.radio-option{font-size:16px}.send-to-heading label{font-size:17px}.send-to-heading small{font-size:12px}.all-members-text strong{font-size:15px}.all-members-text small{font-size:12px}.notification-submit{height:50px;min-height:50px;font-size:17px}}.notification-content::-webkit-scrollbar{width:4px}.add-notification-content::-webkit-scrollbar{width:4px}.notification-modal-body::-webkit-scrollbar{width:4px}.notification-content::-webkit-scrollbar-thumb{background:#e8b18f;border-radius:10px}.add-notification-content::-webkit-scrollbar-thumb{background:#e8b18f;border-radius:10px}.notification-modal-body::-webkit-scrollbar-thumb{background:#e8b18f;border-radius:10px}.notification-content::-webkit-scrollbar-track{background:0 0}.add-notification-content::-webkit-scrollbar-track{background:0 0}.notification-modal-body::-webkit-scrollbar-track{background:0 0}.notification-form input[type=text]:disabled,.notification-form textarea:disabled{opacity:.7;cursor:not-allowed;background:#f8f5f2}.notification-form input[type=text]:-webkit-autofill{-webkit-text-fill-color:#333;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #fffdfa}.notification-form input[type=text]:-webkit-autofill:hover{-webkit-text-fill-color:#333;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #fffdfa}.notification-form input[type=text]:-webkit-autofill:focus{-webkit-text-fill-color:#333;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #fffdfa}@media (prefers-reduced-motion:reduce){.notification-modal,.notification-modal-overlay,.notification-loading-icon,.mark-all-spinner{animation:none}.notification-item,.mark-all-read-button,.notification-modal-close,.notification-modal-close-button{transition:none}}.receipt-page{--orange-dark:#8f3b10;--orange:#b95717;--orange-light:#e89a42;--cream:#fffaf2;--cream-dark:#f7eddf;--border:#e5d4bf;color:#34271f;background:radial-gradient(circle at 0 0,#ef973f1f,#0000 30%),#f5f1eb;flex-direction:column;width:100%;min-height:100dvh;padding-bottom:78px;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}.receipt-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #784c251a;grid-template-columns:42px 1fr 42px;align-items:center;height:58px;padding:0 10px;display:grid;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #5032140f}.receipt-back-button,.receipt-print-top{width:38px;height:38px;color:var(--orange-dark);cursor:pointer;background:#fff4e7;border:none;border-radius:11px;justify-content:center;align-items:center;font-size:19px;transition:all .2s;display:flex}.receipt-back-button:hover,.receipt-print-top:hover{background:#ffe6cd}.receipt-header-title{flex-direction:column;align-items:center;line-height:1.1;display:flex}.receipt-header-title span{color:#a76a38;letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:700}.receipt-header-title strong{color:#38271d;margin-top:3px;font-size:13px;font-weight:700}.receipt-header-placeholder{width:38px}.receipt-content{flex:1;justify-content:center;align-items:flex-start;width:100%;padding:70px 10px 15px;display:flex}.festival-receipt{border:1px solid var(--border);background:#fffdf9;border-radius:14px;width:100%;max-width:430px;position:relative;overflow:hidden;box-shadow:0 10px 28px #4b2d141a}.receipt-top-decoration{color:#fff;background:linear-gradient(90deg,#9d4211,#e99a3d,#9d4211);justify-content:center;align-items:center;gap:22px;height:5px;font-size:7px;display:flex}.receipt-brand-section{text-align:center;flex-direction:column;align-items:center;padding:12px 14px 8px;display:flex;position:relative}.receipt-logo{background:linear-gradient(135deg,#a84410,#e49a3b);border-radius:50%;width:48px;height:48px;padding:3px;box-shadow:0 5px 12px #963e0e29}.receipt-logo-inner{background:#fffaf1;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:22px;display:flex}.receipt-brand-details{margin-top:6px}.receipt-org-label{color:#a2693b;letter-spacing:.16em;font-size:7px;font-weight:700;display:block}.receipt-brand-details h1{color:#71340f;text-overflow:ellipsis;white-space:nowrap;max-width:330px;margin:2px auto 0;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700;line-height:1.05;overflow:hidden}.receipt-brand-details p{color:#87634b;margin:2px 0 0;font-family:Cormorant Garamond,serif;font-size:13px;font-weight:600}.receipt-status-badge{letter-spacing:.02em;border:1px solid #0000;border-radius:20px;align-items:center;gap:4px;padding:4px 7px;font-size:7px;font-weight:800;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #3c28140f}.receipt-status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;font-size:7px;font-weight:900;display:flex}.receipt-status-text{line-height:1}.receipt-status-badge.received{color:#24743b;background:linear-gradient(135deg,#e9f8ed,#dff3e5);border-color:#c8e7d0}.receipt-status-badge.received .receipt-status-icon{color:#fff;background:#3b9957}.receipt-status-badge.pending{color:#a65418;background:linear-gradient(135deg,#fff2e3,#ffead2);border-color:#f0d0ae}.receipt-status-badge.pending .receipt-status-icon{color:#fff;background:#d87929}.receipt-title-section{align-items:center;gap:8px;padding:3px 12px 10px;display:flex}.receipt-title-line{background:linear-gradient(90deg,#0000,#ddc4a8);flex:1;height:1px}.receipt-title-line:last-child{background:linear-gradient(90deg,#ddc4a8,#0000)}.receipt-title{white-space:nowrap;color:#9a4815;align-items:center;gap:5px;display:flex}.receipt-title span{color:#d68a2d;font-size:8px}.receipt-title strong{letter-spacing:.12em;font-size:8px;font-weight:800}.receipt-meta{background:#fbf2e7;border:1px solid #eadbc9;border-radius:9px;grid-template-columns:repeat(3,1fr);margin:0 12px;display:grid;overflow:hidden}.receipt-meta>div{text-align:center;min-width:0;padding:8px 5px}.receipt-meta>div+div{border-left:1px solid #e3d0b8}.receipt-meta span{color:#a17f64;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:6px;font-weight:700;display:block}.receipt-meta strong{color:#463327;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;display:block;overflow:hidden}.receipt-section-label{color:#a76535;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:7px;font-weight:800}.receipt-donor-section{text-align:center;margin:12px 12px 0}.receipt-details-section{margin:10px 12px 0}.receipt-donor-section .receipt-section-label{color:#a76535;letter-spacing:.14em;text-align:center;text-transform:uppercase;margin-bottom:10px;font-size:7px;font-weight:800}.donor-highlight{flex-direction:column;justify-content:center;align-items:center;display:flex}.donor-name{color:#6f320f;letter-spacing:.02em;text-align:center;font-size:15px;font-weight:800;line-height:1.1;display:block}.donor-contact{color:#806b5a;text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:5px;font-size:8px;font-weight:500;line-height:1.2;display:flex}.donor-divider{color:#c5aa91;font-size:9px;font-weight:400}.receipt-details-box{background:#fff;border:1px solid #eadfd2;border-radius:9px;overflow:hidden}.receipt-detail-row{justify-content:space-between;align-items:center;gap:10px;min-height:29px;padding:5px 9px;display:flex}.receipt-detail-row+.receipt-detail-row{border-top:1px dashed #e7dbce}.receipt-detail-row:nth-child(2n){background:#fffaf5}.receipt-detail-row>span{color:#917967;flex-shrink:0;font-size:8px;font-weight:500}.receipt-detail-row>strong{color:#443227;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:65%;font-size:8px;font-weight:700;overflow:hidden}.remarks-row{min-height:34px}.remarks-row>strong{white-space:normal;line-height:1.25}.receipt-inline-status{border-radius:20px;padding:3px 6px;font-size:7px!important}.receipt-inline-status.received{background:#eaf7ed;color:#28743d!important}.receipt-inline-status.pending{background:#fff0df;color:#a55d1c!important}.receipt-total-section{text-align:center;color:#fff;background:linear-gradient(135deg,#984010,#c45e19);border:1px solid #d9a36c;border-radius:9px;margin:11px 12px 0;padding:9px 10px}.receipt-total-section span{color:#ffffffbf;letter-spacing:.13em;margin-bottom:1px;font-size:6px;font-weight:800;display:block}.receipt-total-section strong{font-family:Cormorant Garamond,serif;font-size:25px;font-weight:700;line-height:1;display:block}.receipt-total-section.non-money{color:#703814;background:linear-gradient(135deg,#fff2dd,#fff9ef);border-color:#e6c69f}.receipt-total-section.non-money span{color:#a36b38}.receipt-total-section.non-money strong{color:#713814;font-size:18px}.receipt-total-section.non-money small{color:#98745a;margin-top:2px;font-size:8px;display:block}.receipt-thank-you{text-align:center;padding:9px 12px 7px}.thank-you-symbol{margin-bottom:1px;font-size:14px;display:block}.receipt-thank-you strong{color:#873d13;font-family:Cormorant Garamond,serif;font-size:18px;line-height:1;display:block}.receipt-thank-you p{color:#705b4b;margin:2px auto;font-size:7px;line-height:1.3}.receipt-thank-you>span:last-child{color:#a18975;font-size:6px;display:block}.receipt-footer{color:#9a806a;background:#fbf3e8;border-top:1px solid #eee1d3;justify-content:space-between;align-items:center;padding:6px 12px;font-size:6px;display:flex}.receipt-actions{z-index:110;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border-top:1px solid #6441231a;grid-template-columns:.75fr 1fr 1.2fr;gap:7px;height:70px;padding:8px 10px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 18px #3c281414}.receipt-actions button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-width:0;font-family:Inter,sans-serif;transition:transform .15s,opacity .15s;display:flex}.receipt-actions button:active{transform:scale(.96)}.receipt-actions button:disabled{opacity:.65;cursor:not-allowed}.receipt-actions button span{font-size:16px}.receipt-actions button small{font-size:9px;font-weight:700}.receipt-secondary-button{color:#694a34;background:#f5eee7}.receipt-share-button{color:#a34d13;background:#fff0dc}.receipt-primary-button{color:#fff;background:linear-gradient(135deg,#9e3e0d,#d06d20);box-shadow:0 4px 10px #9b3f0e2e}.receipt-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:100dvh;display:flex}.receipt-loading-spinner{border:3px solid #eadbc9;border-top-color:#b95717;border-radius:50%;width:30px;height:30px;margin-bottom:5px;animation:.8s linear infinite receiptSpin}.receipt-loading strong{color:#4c3728;font-size:14px}.receipt-loading span{color:#947c67;font-size:10px}@keyframes receiptSpin{to{transform:rotate(360deg)}}.receipt-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100dvh;padding:30px;display:flex}.receipt-error-icon{color:#b54e13;background:#fff0e5;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:5px;font-size:24px;font-weight:800;display:flex}.receipt-error strong{color:#4a3324;font-size:15px}.receipt-error span{color:#8d7764;max-width:320px;font-size:10px;line-height:1.5}.receipt-error button{color:#fff;cursor:pointer;background:#a74610;border:none;border-radius:9px;margin-top:8px;padding:9px 15px;font-size:10px;font-weight:700}@media (width>=600px){.receipt-content{padding:72px 20px 20px}.festival-receipt{max-width:500px}.receipt-actions{border:1px solid #6441231a;border-radius:14px;width:500px;bottom:10px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 5px 22px #3c28141f}}@media (width>=900px){.receipt-page{padding-bottom:20px}.receipt-header{height:62px}.receipt-content{padding:78px 20px 20px}.festival-receipt{max-width:540px}.receipt-actions{width:520px;bottom:18px}}@media (width<=360px){.receipt-content{padding:67px 7px 10px}.festival-receipt{border-radius:11px}.receipt-brand-section{padding:9px 10px 6px}.receipt-logo{width:43px;height:43px}.receipt-logo-inner,.receipt-brand-details h1{font-size:19px}.receipt-brand-details p{font-size:11px}.receipt-meta{margin:0 9px}.receipt-donor-section,.receipt-details-section,.receipt-total-section{margin-left:9px;margin-right:9px}.receipt-actions{height:66px;padding:7px}.receipt-actions button{border-radius:8px}.receipt-actions button span{font-size:14px}.receipt-actions button small{font-size:8px}}@media print{@page{size:A5 portrait;margin:5mm}html,body{margin:0;padding:0;background:#fff!important}.receipt-page{min-height:auto;padding:0;background:#fff!important}.receipt-header,.receipt-actions{display:none!important}.receipt-content{padding:0;display:block}.festival-receipt{width:100%;max-width:none;box-shadow:none;border:1px solid #d8c8b5;border-radius:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.receipt-actions button:focus-visible,.receipt-back-button:focus-visible,.receipt-print-top:focus-visible{outline-offset:2px;outline:2px solid #be5b1659}.events-content{-webkit-overflow-scrolling:touch;background:#fffdfa;height:calc(100vh - 53px);padding:15px 11px 85px;overflow-y:auto}.events-page-intro{box-sizing:border-box;width:100%;margin:2px 0 15px;padding:4px 2px 0;position:relative}.events-page-intro h2{color:#2f2f2f;letter-spacing:-.2px;margin:0;font-size:20px;font-weight:750;line-height:1.25}.events-page-intro p{color:#918b86;margin:5px 0 0;font-size:11px;font-weight:400;line-height:1.45}.events-count{color:#d94d0a;background:#fff4ec;border:1px solid #f2d7c7;border-radius:20px;align-items:center;gap:5px;margin-top:10px;padding:5px 10px;line-height:1;display:inline-flex}.events-count strong{color:#d94d0a;justify-content:center;align-items:center;min-width:18px;font-size:12px;font-weight:750;line-height:1;display:inline-flex}.events-count span{color:#b96a42;font-size:10px;font-weight:600;line-height:1}.events-list{background:#fffdfa;border:1px solid #eee2d8;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.event-item{background:#fffdfa;border-bottom:1px solid #eee7e1;align-items:center;gap:11px;min-height:82px;padding:11px 10px;transition:background .2s;display:flex}.event-item:last-child{border-bottom:none}.event-item:hover{background:#fffaf6}.event-details{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.event-title-row{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.event-details strong{color:#333;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.event-details span{color:#777;font-size:10px;line-height:1.4}.event-status{color:#399447;white-space:nowrap;appearance:none;cursor:pointer;background:#e9f7e9;border:1px solid #cfe6d2;border-radius:20px;flex-shrink:0;min-width:68px;padding:6px 24px 6px 9px;font-size:9px;font-weight:700;line-height:1;position:relative}.event-status-wrapper{flex-shrink:0;display:inline-flex;position:relative}.event-status-wrapper:after{content:"";pointer-events:none;border-bottom:1.5px solid #399447;border-right:1.5px solid #399447;width:5px;height:5px;position:absolute;top:50%;right:8px;transform:translateY(-65%)rotate(45deg)}.event-meta{flex-direction:column;align-items:flex-start;gap:3px;width:100%;display:flex}.event-date{color:#777;font-size:10px;line-height:1.4}.event-location{color:#777;align-items:center;gap:4px;font-size:10px;line-height:1.4;display:flex}.event-meta-icon{color:#f4510b;font-size:10px;line-height:1}.event-description{color:#999;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.event-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.event-action{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:transform .16s,background .2s,border-color .2s,box-shadow .2s;display:flex}.event-action svg{width:17px;height:17px;transition:transform .16s,filter .2s;display:block}.event-action.edit{color:#d94d0a;background:linear-gradient(145deg,#fffaf6 0%,#fff0e5 100%);border-color:#f4d8c7;box-shadow:0 2px #efd0bd,0 4px 8px #f4510b1f}.event-action.edit svg{color:#d94d0a;filter:drop-shadow(0 1px #d94d0a38)}.event-action.delete{color:#d84a4a;background:linear-gradient(145deg,snow 0%,#fff0f0 100%);border-color:#efd2d2;box-shadow:0 2px #e4c2c2,0 4px 8px #d84a4a1f}.event-action.delete svg{color:#d84a4a;filter:drop-shadow(0 1px #d84a4a38)}.event-action.edit:hover{background:linear-gradient(145deg,#fff6ef 0%,#ffe8d9 100%);border-color:#f0c8b0;transform:translateY(-1px);box-shadow:0 2px #e9c2aa,0 6px 13px #f4510b2e}.event-action.delete:hover{background:linear-gradient(145deg,#fff6f6 0%,#ffe5e5 100%);border-color:#e7bcbc;transform:translateY(-1px);box-shadow:0 2px #ddb0b0,0 6px 13px #d84a4a2e}.event-action:hover svg{transform:scale(1.08)}.event-action:active{transform:translateY(1px);box-shadow:0 1px #ddd}.event-action:active svg{transform:scale(.96)}.event-action:after{content:none!important;display:none!important}.header-add-button{color:#fff;cursor:pointer;background:#f4510b;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:24px;font-weight:500;line-height:1;transition:transform .18s,background .18s,box-shadow .18s;display:flex;box-shadow:0 3px 8px #f4510b40}.header-add-button:hover{background:#df4508;transform:translateY(-1px);box-shadow:0 5px 12px #f4510b4d}.header-add-button:active{transform:translateY(1px)}.add-event-button{width:100%;margin-top:14px}.events-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:25px 18px;display:flex}.events-empty h3{color:#333;margin:0;font-size:17px;font-weight:700}.events-empty p{color:#999;max-width:250px;margin:8px 0 17px;font-size:11px;line-height:1.5}.events-loading{flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.events-loading p{color:#999;margin-top:10px;font-size:11px}.events-spinner{border:3px solid #f4ddd0;border-top-color:#f4510b;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite events-spin}@keyframes events-spin{to{transform:rotate(360deg)}}.add-event-content{-webkit-overflow-scrolling:touch;background:#fffdfa;height:calc(100vh - 53px);padding:20px 13px 35px;overflow-y:auto}.event-form-header{box-shadow:none;background:0 0;border:none;margin:0 0 24px;padding:0;display:block}.event-form-icon,.event-form-icon.edit-form-icon{display:none!important}.event-form-header h2{color:#2f2f2f;margin:0;font-size:20px;font-weight:750;line-height:1.3}.event-form-header p{color:#96908b;margin:6px 0 0;font-size:11px;line-height:1.5}.event-form{flex-direction:column;gap:17px;width:100%;display:flex}.event-form .form-group{flex-direction:column;gap:7px;width:100%;display:flex}.event-form .form-group label{color:#49433e;font-size:12px;font-weight:650;line-height:1.35;display:block}.event-form .form-group label span{color:#f4510b;font-weight:700}.event-form .input-wrapper{box-sizing:border-box;background:#fffdfa;border:1px solid #e8ddd2;border-radius:7px;width:100%;height:43px;transition:border-color .18s,box-shadow .18s;position:relative}.event-form .input-wrapper:focus-within{border-color:#f4510b;box-shadow:0 0 0 2px #f4510b14}.event-form .input-icon{display:none!important}.event-form .input-wrapper input,.event-form .input-wrapper select{color:#444;box-sizing:border-box;background:0 0;outline:none;width:100%;height:100%;padding:0 11px;font-family:inherit;font-size:12px;box-shadow:none!important;border:none!important}.event-form input,.event-form select{box-sizing:border-box}.event-form>.form-group>input,.event-form>.form-group>select{color:#444;width:100%;height:43px;box-shadow:none;background:#fffdfa;border:1px solid #e8ddd2;border-radius:7px;outline:none;padding:0 11px;font-family:inherit;font-size:12px;transition:border-color .18s,box-shadow .18s}.event-form>.form-group>input:focus,.event-form>.form-group>select:focus{border-color:#f4510b;box-shadow:0 0 0 2px #f4510b14}.event-form input::placeholder,.event-form textarea::placeholder{color:#aaa29c;opacity:1}.event-form input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.event-form select{appearance:none;cursor:pointer}.event-form .select-arrow{pointer-events:none;border-bottom:1.5px solid #777;border-right:1.5px solid #777;width:6px;height:6px;display:block;position:absolute;top:50%;right:12px;transform:translateY(-70%)rotate(45deg)}.event-form textarea{color:#333;box-sizing:border-box;resize:vertical;width:100%;min-height:105px;box-shadow:none;background:#fffdfa;border:1px solid #e8ddd2;border-radius:7px;outline:none;padding:11px;font-family:inherit;font-size:12px;line-height:1.5;transition:border-color .18s,box-shadow .18s}.event-form textarea:focus{border-color:#f4510b;box-shadow:0 0 0 2px #f4510b14}.event-form-row{grid-template-columns:1fr 1fr;gap:11px;width:100%;margin-bottom:1px;display:grid}.event-form-row .form-group{min-width:0}.event-form-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:5px;padding-top:4px;display:grid}.event-form-actions .primary-button,.event-form-actions .secondary-button{cursor:pointer;box-sizing:border-box;border-radius:7px;justify-content:center;align-items:center;min-height:44px;font-family:inherit;font-size:12px;font-weight:700;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.event-form-actions .secondary-button{color:#66605b;box-shadow:none;background:#fff;border:1px solid #ddd4cd}.event-form-actions .secondary-button:hover{background:#faf7f4}.event-form-actions .primary-button{color:#fff;box-shadow:none;background:#f4510b;border:1px solid #f4510b}.event-form-actions .primary-button:hover{background:#df4508;border-color:#df4508}.event-form-actions .primary-button:active,.event-form-actions .secondary-button:active{transform:translateY(1px)}.event-form-actions .button-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite event-button-spin}@keyframes event-button-spin{to{transform:rotate(360deg)}}@media (width>=600px){.events-content{padding:18px 18px 90px}.events-page-intro{margin-bottom:17px;padding-left:2px}.events-page-intro h2{font-size:22px}.events-page-intro p{margin-top:6px;font-size:12px}.events-count{margin-top:11px;padding:6px 11px}.events-count strong{font-size:13px}.events-count span{font-size:10px}.event-item{min-height:86px;padding:12px 14px}.event-details strong{font-size:14px}.event-details span{font-size:11px}.event-status{font-size:10px}.event-action{flex-basis:34px;width:34px;height:34px}.event-action svg{width:18px;height:18px}.header-add-button{width:38px;height:38px;font-size:25px}.add-event-content{padding:25px 22px 40px}.event-form-header{margin-bottom:27px}.event-form-header h2{font-size:22px}.event-form-header p{font-size:12px}.event-form{gap:19px}.event-form .form-group{gap:8px}.event-form .form-group label{font-size:12px}.event-form .input-wrapper,.event-form>.form-group>input,.event-form>.form-group>select{height:45px}.event-form .input-wrapper input,.event-form .input-wrapper select,.event-form>.form-group>input,.event-form>.form-group>select{font-size:13px}.event-form textarea{min-height:115px;font-size:13px}.event-form-actions .primary-button,.event-form-actions .secondary-button{min-height:46px;font-size:13px}}@media (width>=900px){.events-content{padding:20px 25px 90px}.events-page-intro{max-width:900px;margin:2px auto 18px;padding-left:2px}.events-page-intro h2{font-size:24px}.events-page-intro p{font-size:12px}.events-count{margin-top:12px;padding:6px 12px}.events-count strong{font-size:13px}.events-count span{font-size:10px}.events-list{max-width:900px;margin:0 auto}.event-item{min-height:88px;padding:13px 16px}.event-details strong{font-size:14px}.event-details span{font-size:11px}.header-add-button{width:40px;height:40px;font-size:26px}.event-form{gap:20px}.add-event-content{max-width:760px;margin:0 auto;padding:28px 20px 45px}.event-form-header{margin-bottom:30px}.event-form-header h2{font-size:23px}.event-form-header p,.event-form .form-group label{font-size:12px}.event-form .input-wrapper,.event-form>.form-group>input,.event-form>.form-group>select{height:46px}.event-form .input-wrapper input,.event-form .input-wrapper select,.event-form>.form-group>input,.event-form>.form-group>select{font-size:13px}.event-form textarea{min-height:125px;font-size:13px}.event-form-actions{grid-template-columns:150px 1fr;gap:11px}.event-form-actions .primary-button,.event-form-actions .secondary-button{min-height:46px;font-size:13px}}@media (width<=360px){.events-content{padding-left:8px;padding-right:8px}.events-page-intro{margin-top:1px;margin-bottom:13px}.events-page-intro h2{font-size:18px}.events-page-intro p{margin-top:4px;font-size:10px}.events-count{margin-top:8px;padding:5px 9px}.events-count strong{font-size:11px}.events-count span{font-size:9px}.event-item{gap:8px;padding-left:8px;padding-right:8px}.event-details{gap:5px}.event-details strong{font-size:12px}.event-details span,.event-date,.event-location{font-size:9px}.event-status{min-width:58px;padding-left:7px;padding-right:20px;font-size:8px}.event-status-wrapper:after{right:7px}.event-actions{gap:5px}.event-action{border-radius:7px;flex-basis:29px;width:29px;height:29px}.event-action svg{width:15px;height:15px}.header-add-button{width:34px;height:34px;font-size:22px}.add-event-content{padding-left:10px;padding-right:10px}.event-form-header{margin-bottom:22px}.event-form-header h2{font-size:18px}.event-form-header p{font-size:10px}.event-form{gap:15px}.event-form .form-group{gap:6px}.event-form .form-group label{font-size:11px}.event-form .input-wrapper,.event-form>.form-group>input,.event-form>.form-group>select{height:41px}.event-form .input-wrapper input,.event-form .input-wrapper select,.event-form>.form-group>input,.event-form>.form-group>select{font-size:11px}.event-form textarea{min-height:95px;font-size:11px}.event-form-row,.event-form-actions{gap:7px}.event-form-actions .primary-button,.event-form-actions .secondary-button{min-height:42px;font-size:11px}}@media (prefers-reduced-motion:reduce){.event-item,.event-action,.event-form-actions .primary-button,.event-form-actions .secondary-button,.header-add-button{transition:none}.events-spinner,.event-form-actions .button-spinner{animation:none}}:root{color:#222;font-synthesis:none;text-rendering:optimizelegibility;background:#fffaf4;font-family:Arial,Helvetica,sans-serif}.page-header{text-align:center;padding:45px 20px 20px;position:relative}.ganesha-small{color:#f15a12;margin-bottom:10px;font-size:45px;font-weight:700}.page-header h1{color:#171717;margin-bottom:7px;font-size:18px}.page-header p{color:#666;font-size:11px}.back-button{color:#444;cursor:pointer;font-size:22px;position:absolute;top:18px;left:16px}.language-options{flex-direction:column;gap:14px;padding:10px 14px 140px;display:flex}.language-option{text-align:left;color:#222;background:#fffaf5;border:1px solid #f0d9c4;border-radius:9px;align-items:center;gap:18px;width:100%;min-height:66px;padding:10px 15px;display:flex}.language-option.active{color:#fff;background:linear-gradient(135deg,#f65d0b,#ff8b00);border-color:#f45b0b}.language-icon{text-align:center;width:35px;font-size:27px}.language-text{flex-direction:column;gap:3px;display:flex}.language-text strong{font-size:15px}.language-text small{font-size:11px}.role-options{flex-direction:column;gap:14px;padding:15px;display:flex}.role-option{text-align:left;background:#fffaf5;border:1px solid #efd8c1;border-radius:9px;align-items:center;gap:18px;width:100%;min-height:85px;padding:15px;display:flex}.role-option:hover{border-color:#f45b0b;transform:translateY(-1px)}.role-icon{color:#f45b0b;background:#fff0e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex}.role-option strong{margin-bottom:5px;font-size:14px;display:block}.role-option span{color:#777;font-size:10px;line-height:1.5;display:block}.bottom-wave{background:linear-gradient(175deg,#0000 35%,#ffb000 36%,#ff7900 65%,#f4510b 66%);border-radius:50% 50% 0 0;width:120%;height:150px;position:absolute;bottom:-70px;left:-10%}.recent-section{margin-top:17px;padding-bottom:10px}.section-title-row{justify-content:space-between;align-items:center;margin:0 2px 9px;display:flex}.section-title-row h2{color:#222;margin:0;font-size:15px;font-weight:750;line-height:1.2}.section-title-row button{color:#f4510b;cursor:pointer;background:0 0;border:none;padding:3px 0;font-size:9px;font-weight:700;transition:color .2s,transform .2s}.section-title-row button:hover{color:#d94000;transform:translate(1px)}.collection-list{background:#fff;border:1px solid #eee3da;border-radius:13px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 5px #462d1909,0 7px 16px #462d1909}.collection-item{background:linear-gradient(90deg,#fff 0%,#fffdfa 100%);border-bottom:1px solid #f1e9e2;justify-content:space-between;align-items:center;min-height:72px;padding:11px 12px;transition:background .2s,transform .2s;display:flex;position:relative}.collection-item:last-child{border-bottom:none}.collection-item:hover{background:#fff8f2}.collection-details{flex-direction:column;gap:3px;min-width:0;padding-right:8px;display:flex}.collection-details strong{color:#292929;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:10px;font-weight:750;line-height:1.3;overflow:hidden}.collection-details span{color:#999;font-size:8px;font-weight:500;line-height:1.2}.collection-details small{color:#777;background:#f8f3ee;border-radius:4px;align-items:center;width:fit-content;margin-top:1px;padding:2px 6px;font-size:7px;font-weight:600;line-height:1.3;display:inline-flex}.collection-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.collection-right>strong{color:#303030;white-space:nowrap;font-size:11px;font-weight:750;line-height:1.2}.status{white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;min-width:55px;padding:4px 7px;font-size:7px;font-weight:700;line-height:1;display:inline-flex}.status.received{color:#258a42;background:linear-gradient(135deg,#eaf9ed,#dff4e4);box-shadow:inset 0 1px 1px #fffc}.status.not-received{color:#d64c35;background:linear-gradient(135deg,#fff0ed,#ffe3dd);box-shadow:inset 0 1px 1px #fffc}.no-collections{color:#999;text-align:center;background:#fffdfa;justify-content:center;align-items:center;min-height:110px;padding:20px;font-size:10px;font-weight:500;display:flex}@media (width<=340px){.recent-section{margin-top:15px}.section-title-row h2{font-size:14px}.collection-item{min-height:68px;padding:10px}.collection-details strong{max-width:145px;font-size:9px}.collection-right>strong{font-size:10px}.status{min-width:52px;padding:4px 6px;font-size:6.5px}}.more-content{height:calc(100vh - 53px);padding:14px 10px 85px;overflow-y:auto}.more-profile-card{background:linear-gradient(135deg,#fff0e5,#fffaf5);border:1px solid #eee2d8;border-radius:9px;align-items:center;gap:10px;margin-bottom:18px;padding:13px;display:flex}.more-avatar{color:#fff;background:#f4510b;border-radius:50%;justify-content:center;align-items:center;width:43px;height:43px;font-size:15px;font-weight:600;display:flex}.more-profile-card>div:last-child{flex-direction:column;gap:4px;display:flex}.more-profile-card strong{color:#333;font-size:12px}.more-profile-card span{color:#888;font-size:8px}.more-section{margin-bottom:18px}.more-section h2{color:#777;text-transform:uppercase;margin:0 0 7px 3px;font-size:9px;font-weight:600}.more-menu{border:1px solid #eee2d8;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.more-menu-item{text-align:left;background:#fffdfa;border-bottom:1px solid #f0e8e1;align-items:center;gap:10px;min-height:61px;padding:8px 10px;display:flex}.more-menu-item:last-child{border-bottom:none}.more-menu-item:active{background:#fff5ed}.more-menu-icon{background:#fff0e5;border-radius:7px;justify-content:center;align-items:center;width:33px;height:33px;font-size:15px;display:flex}.more-menu-text{flex-direction:column;flex:1;gap:3px;display:flex}.more-menu-text strong{color:#333;font-size:10px}.more-menu-text small{color:#888;font-size:8px}.more-menu-arrow{color:#999;font-size:18px}.logout-button{color:#d84a32;background:#fff8f6;border:1px solid #f1d9d3;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:45px;padding:0 12px;font-size:10px;display:flex}.organization-content{height:calc(100vh - 53px);padding:17px 12px 25px;overflow-y:auto}.organization-intro{text-align:center;flex-direction:column;align-items:center;margin-bottom:17px;display:flex}.organization-icon{background:#fff0e5;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:8px;font-size:23px;display:flex}.organization-intro h2{color:#333;margin-bottom:4px;font-size:14px}.organization-intro p{color:#888;font-size:9px}.organization-form{flex-direction:column;gap:1px;display:flex}.organization-form .input-wrapper{height:38px}.organization-form .input-wrapper input{font-size:10px}.organization-form textarea{resize:vertical;background:#fffdfa;border:1px solid #e8ddd2;border-radius:5px;outline:none;width:100%;min-height:65px;padding:9px;font-size:10px}.organization-form textarea:focus,.organization-form .input-wrapper:focus-within{border-color:#f4510b}.form-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.profile-content{height:calc(100vh - 53px);padding:20px 12px 25px;overflow-y:auto}.profile-header{flex-direction:column;align-items:center;margin-bottom:22px;display:flex}.profile-avatar{color:#fff;background:#f4510b;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:8px;font-size:22px;font-weight:600;display:flex}.profile-avatar-image{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.profile-header h2{color:#333;margin-bottom:4px;font-size:15px}.profile-header span{color:#888;font-size:9px}.profile-details{border:1px solid #eee2d8;border-radius:8px;flex-direction:column;margin-bottom:18px;display:flex;overflow:hidden}.profile-detail{border-bottom:1px solid #f0e8e1;flex-direction:column;justify-content:center;gap:4px;min-height:52px;padding:8px 11px;display:flex}.profile-detail:last-child{border-bottom:none}.profile-detail span{color:#888;font-size:8px}.profile-detail strong{color:#333;font-size:10px}.profile-detail input{color:#333;background:0 0;border:none;outline:none;width:100%;margin:0;padding:0;font-family:inherit;font-size:10px;font-weight:600}.profile-detail input::placeholder{color:#aaa;font-size:10px;font-weight:400}.profile-detail input:focus{box-shadow:none;outline:none}.profile-menu-wrapper{justify-content:flex-end;display:flex;position:relative}.profile-dropdown{z-index:100;background:#fffdfa;border:1px solid #eadfd4;border-radius:9px;width:190px;padding:7px;position:absolute;top:39px;right:0;box-shadow:0 8px 25px #0000001f}.profile-dropdown-header{align-items:center;gap:9px;padding:8px;display:flex}.profile-dropdown-avatar{color:#fff;background:#f4510b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:flex}.profile-dropdown-header>div:last-child{flex-direction:column;gap:3px;display:flex}.profile-dropdown-header strong{color:#333;font-size:10px}.profile-dropdown-header span{color:#888;font-size:8px}.profile-dropdown-divider{background:#eee4db;height:1px;margin:5px 0}.profile-dropdown>button{color:#444;text-align:left;background:0 0;border-radius:5px;align-items:center;gap:9px;width:100%;height:38px;padding:0 9px;font-size:9px;display:flex}.profile-dropdown>button:hover{background:#fff0e5}.profile-dropdown>button:first-of-type{color:#333}.profile-dropdown>button span{flex:1}.profile-dropdown .logout-menu-item{color:#d84a32}.profile-dropdown .logout-menu-item:hover{background:#fff1ee}.language-check{color:#fff;background:#e67e22;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:auto;font-size:11px;font-weight:700;display:flex}.collection-report-content{scrollbar-width:none;-webkit-overflow-scrolling:touch;height:calc(100vh - 53px);padding:14px 10px 82px;overflow-y:auto}.collection-report-content::-webkit-scrollbar{display:none}.collection-report-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.collection-report-title{align-items:center;gap:10px;display:flex}.collection-report-title-icon{background:linear-gradient(145deg,#fff1e5,#fff8f2);border:1px solid #f0dfd2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 3px 10px #4a2c140a}.collection-report-title h2{color:#222;margin:0 0 3px;font-size:14px;font-weight:700;line-height:1.2}.collection-report-title p{color:#999;margin:0;font-size:10px;line-height:1.4}.download-report-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f4510b,#ff711f);border:none;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:32px;padding:0 11px;font-size:11px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 4px 10px #f4510b2e}.download-report-button:hover{background:linear-gradient(135deg,#df4608,#f45f0d);transform:translateY(-1px);box-shadow:0 6px 14px #f4510b38}.download-report-button:active{transform:translateY(0)}.download-report-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.collection-summary{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px;display:grid}.collection-summary-card{color:#fff;background:linear-gradient(135deg,#f4510b 0%,#ff711f 55%,#ff9a32 100%);border:1px solid #f4510b;border-radius:12px;align-items:center;gap:10px;min-height:60px;padding:8px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 6px 16px #f4510b2e}.collection-summary-card:hover{transform:translateY(-2px);box-shadow:0 9px 20px #f4510b40}.collection-summary-card:before{display:none}.summary-icon{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.collection-summary-card span{color:#fff;margin-bottom:3px;font-size:13px;font-weight:900;line-height:1.2;display:block}.collection-summary-card strong{color:#333;font-size:14px;font-weight:700;line-height:1.2;display:block}.collection-records-card{background:#fffdfa;border:1px solid #eadfd4;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px #4a2c140b}.collection-records-header{background:linear-gradient(#f7eade,#fffdfa);border-bottom:1px solid #f0e8e1;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:6px 10px;display:flex}.collection-records-header h3{color:#333;white-space:nowrap;margin:0;font-size:12px;font-weight:700}.collection-search{background:#fffdfa;border:1px solid #eadfd4;border-radius:7px;flex-shrink:0;align-items:center;width:155px;height:28px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.collection-search:focus-within{background:#fff;border-color:#f4510b;box-shadow:0 0 0 2px #f4510b14}.collection-search input{color:#333;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 25px 0 9px;font-size:12px;font-weight:500}.collection-search input::placeholder{color:#aaa}.collection-search-clear{color:#888;cursor:pointer;background:#f7eee8;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:12px;line-height:1;transition:background .2s,color .2s;display:flex;position:absolute;right:4px}.collection-search-clear:hover{color:#f4510b;background:#fff0e5}.collection-records-list{flex-direction:column;display:flex}.collection-record{background:#fffdfa;border-bottom:1px solid #d2a884;padding:6px 10px;transition:background .2s;position:relative}.collection-record:last-child{border-bottom:none}.collection-record:hover{background:#fff9f5}.collection-record-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;display:flex}.collection-record-info{align-items:center;gap:9px;min-width:0;display:flex}.collection-record-icon{background:linear-gradient(145deg,#fff0e5,#fff8f2);border:1px solid #f0dfd2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.collection-record-info div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.collection-record-info strong{color:#333;font-size:12px;font-weight:700}.collection-record-info small{color:#999;font-size:9px}.collection-record-amount{color:#f4510b;flex-shrink:0;font-size:12px;font-weight:800}.collection-payment-status-row{border-top:1px solid #f7eee8;justify-content:space-between;align-items:center;gap:10px;min-height:20px;padding-top:6px;display:flex}.collection-payment,.collection-status-wrapper{align-items:center;gap:7px;min-width:0;display:flex}.collection-status-wrapper{justify-content:flex-end}.collection-label{color:#999;flex-shrink:0;font-size:9px}.payment-mode{color:#666;white-space:nowrap;background:#f9f3ee;border:1px solid #eee2d8;border-radius:6px;align-items:center;max-width:100px;padding:4px 7px;font-size:8px;font-weight:500;display:inline-flex}.collection-status{white-space:nowrap;border-radius:20px;align-items:center;padding:4px 8px;font-size:8px;font-weight:600;display:inline-flex}.status-success{color:#238b45;background:#eaf7ee;border:1px solid #d7efdf}.status-pending{color:#b77900;background:#fff5df;border:1px solid #f4e5bd}.collection-report-state{text-align:center;background:linear-gradient(145deg,#fffdfa,#fff9f5);border:1px solid #eadfd4;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:25px 12px;display:flex;box-shadow:0 5px 18px #4a2c140a}.collection-report-state p{color:#999;max-width:260px;margin:6px 0 0;font-size:8px;line-height:1.5}.collection-report-state h3{color:#555;margin:8px 0 0;font-size:11px;font-weight:700}.state-icon{background:linear-gradient(145deg,#fff0e5,#fff8f2);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:25px;display:flex}.error-state{background:linear-gradient(145deg,#fffaf7,#fff5f0);border-color:#f0d5c7}.retry-button{color:#fff;cursor:pointer;background:#f4510b;border:none;border-radius:7px;height:30px;margin-top:12px;padding:0 13px;font-size:8px;font-weight:600;transition:background .2s,transform .2s}.retry-button:hover{background:#df4608;transform:translateY(-1px)}.loading-spinner{border:2px solid #f0e8e1;border-top-color:#f4510b;border-radius:50%;width:27px;height:27px;animation:.8s linear infinite collection-spin}@keyframes collection-spin{to{transform:rotate(360deg)}}@media (width<=390px){.collection-report-content{padding-left:12px;padding-right:12px}}@media (width>=600px){.collection-report-content{height:calc(100vh - 75px);padding:16px 16px 90px}.collection-summary{gap:10px}.collection-summary-card{min-height:72px;padding:11px}.collection-records-card{border-radius:14px}}.expense-report-content{scrollbar-width:none;-webkit-overflow-scrolling:touch;height:calc(100vh - 53px);padding:14px 10px 82px;overflow-y:auto}.expense-report-content::-webkit-scrollbar{display:none}.expense-report-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.expense-report-title{align-items:center;gap:10px;min-width:0;display:flex}.expense-report-title-icon{background:linear-gradient(145deg,#fff1e5,#fff8f2);border:1px solid #f0dfd2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 3px 10px #4a2c140a}.expense-report-title h2{color:#222;margin:0 0 3px;font-size:14px;font-weight:700;line-height:1.2}.expense-report-title p{color:#999;margin:0;font-size:10px;line-height:1.4}.expense-download-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f4510b,#ff711f);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;height:32px;padding:0 11px;font-size:11px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 4px 10px #f4510b2e}.expense-download-button:hover{background:linear-gradient(135deg,#df4608,#f45f0d);transform:translateY(-1px);box-shadow:0 6px 14px #f4510b38}.expense-download-button:active{transform:translateY(0)}.expense-download-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.expense-summary{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px;display:grid}.expense-summary-card{color:#fff;background:linear-gradient(135deg,#f4510b 0%,#ff711f 55%,#ff9a32 100%);border:1px solid #f4510b;border-radius:12px;align-items:center;gap:10px;min-height:60px;padding:8px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 6px 16px #f4510b2e}.expense-summary-card:hover{transform:translateY(-2px);box-shadow:0 9px 20px #f4510b40}.expense-summary-icon{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.expense-summary-card span{color:#fff;margin-bottom:3px;font-size:13px;font-weight:900;line-height:1.2;display:block}.expense-summary-card strong{color:#333;font-size:14px;font-weight:700;line-height:1.2;display:block}.expense-records-card{background:#fffdfa;border:1px solid #eadfd4;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px #4a2c140b}.expense-records-header{background:linear-gradient(#f7eade,#fffdfa);border-bottom:1px solid #f0e8e1;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:6px 10px;display:flex}.expense-records-header h3{color:#333;white-space:nowrap;margin:0;font-size:12px;font-weight:700}.expense-search{background:#fffdfa;border:1px solid #eadfd4;border-radius:7px;flex-shrink:0;align-items:center;width:155px;height:28px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.expense-search:focus-within{background:#fff;border-color:#f4510b;box-shadow:0 0 0 2px #f4510b14}.expense-search input{color:#333;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 25px 0 9px;font-size:12px;font-weight:500}.expense-search input::placeholder{color:#aaa}.expense-search-clear{color:#888;cursor:pointer;background:#f7eee8;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:12px;line-height:1;transition:background .2s,color .2s;display:flex;position:absolute;right:4px}.expense-search-clear:hover{color:#f4510b;background:#fff0e5}.expense-records-list{flex-direction:column;display:flex}.expense-record{background:#fffdfa;border-bottom:1px solid #d2a884;padding:6px 10px;transition:background .2s;position:relative}.expense-record:last-child{border-bottom:none}.expense-record:hover{background:#fff9f5}.expense-record-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;display:flex}.expense-record-info{align-items:center;gap:9px;min-width:0;display:flex}.expense-record-icon{background:linear-gradient(145deg,#fff0e5,#fff8f2);border:1px solid #f0dfd2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.expense-record-info>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.expense-record-info strong{color:#333;font-size:12px;font-weight:700}.expense-record-info small{color:#999;font-size:9px}.expense-record-amount{color:#f4510b;flex-shrink:0;font-size:12px;font-weight:800}.expense-description-row{border-top:1px solid #f7eee8;justify-content:space-between;align-items:center;gap:10px;min-height:20px;padding-top:6px;display:flex}.expense-description{color:#666;text-align:right;overflow-wrap:anywhere;min-width:0;max-width:75%;font-size:9px}.expense-payment-row{border-top:1px solid #f7eee8;justify-content:space-between;align-items:center;gap:10px;min-height:20px;padding-top:6px;display:flex}.expense-detail{align-items:center;gap:7px;min-width:0;display:flex}.expense-payment-wrapper{justify-content:flex-end}.expense-label{color:#999;flex-shrink:0;font-size:9px}.expense-badge{color:#666;text-overflow:ellipsis;white-space:nowrap;background:#f9f3ee;border:1px solid #eee2d8;border-radius:6px;align-items:center;max-width:120px;padding:4px 7px;font-size:8px;font-weight:500;display:inline-flex;overflow:hidden}.expense-report-state{text-align:center;background:linear-gradient(145deg,#fffdfa,#fff9f5);border:1px solid #eadfd4;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:190px;padding:25px 12px;display:flex;box-shadow:0 5px 18px #4a2c140a}.expense-report-state p{color:#999;max-width:260px;margin:6px 0 0;font-size:8px;line-height:1.5}.expense-report-state h3{color:#555;margin:8px 0 0;font-size:11px;font-weight:700}.expense-state-icon{background:linear-gradient(145deg,#fff0e5,#fff8f2);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:25px;display:flex}.expense-error-state{background:linear-gradient(145deg,#fffaf7,#fff5f0);border-color:#f0d5c7}.expense-loading-spinner{border:2px solid #f0e8e1;border-top-color:#f4510b;border-radius:50%;width:27px;height:27px;animation:.8s linear infinite expense-spin}@keyframes expense-spin{to{transform:rotate(360deg)}}.expense-retry-button{color:#fff;cursor:pointer;background:#f4510b;border:none;border-radius:7px;height:30px;margin-top:12px;padding:0 13px;font-size:8px;font-weight:600;transition:background .2s,transform .2s}.expense-retry-button:hover{background:#df4608;transform:translateY(-1px)}.expense-no-results{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:130px;padding:20px;display:flex}.expense-no-results span{background:linear-gradient(145deg,#fff0e5,#fff8f2);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.expense-no-results p{color:#888;margin:7px 0 0;font-size:8px}@media (width<=480px){.expense-report-header,.expense-report-title{gap:7px}.expense-report-title-icon{width:36px;height:36px;font-size:15px}.expense-download-button{height:30px;padding:0 8px}.expense-summary{gap:6px}.expense-summary-card{gap:6px;min-height:60px;padding:8px}.expense-summary-icon{width:30px;height:30px;font-size:15px}.expense-records-header{gap:6px}.expense-search{width:105px}.expense-payment-row{gap:6px}.expense-detail{gap:5px}.expense-badge{max-width:95px;padding:4px 6px;font-size:7px}}@media (width>=600px){.expense-report-content{height:calc(100vh - 75px);padding:16px 16px 90px}.expense-summary{gap:10px}.expense-summary-card{min-height:72px;padding:11px}.expense-records-card{border-radius:14px}}.reports-content{scrollbar-width:none;-webkit-overflow-scrolling:touch;height:calc(100vh - 53px);padding:14px 10px 82px;overflow-y:auto}.reports-content::-webkit-scrollbar{display:none}.reports-intro{background:linear-gradient(145deg,#fffdfa,#fff9f5);border:1px solid #eadfd4;border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:10px;display:flex;box-shadow:0 5px 18px #4a2c140b}.reports-intro-icon{background:linear-gradient(145deg,#fff1e5,#fff8f2);border:1px solid #f0dfd2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex;box-shadow:0 3px 10px #4a2c140a}.reports-intro h2{color:#222;margin:0 0 3px;font-size:15px;font-weight:700;line-height:1.2}.reports-intro p{color:#999;margin:0;font-size:10px;line-height:1.4}.reports-list{background:#fffdfa;border:1px solid #eadfd4;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 5px 18px #4a2c140b}.report-item{width:100%;min-height:68px;color:inherit;text-align:left;cursor:pointer;background:#fffdfa;border:none;border-bottom:1px solid #f0e8e1;align-items:center;gap:10px;padding:10px;transition:background .2s,padding-left .2s;display:flex}.report-item:last-child{border-bottom:none}.report-item:hover{background:#fff9f5;padding-left:12px}.report-item:active{background:#fff5ed}.report-icon{background:linear-gradient(145deg,#fff0e5,#fff8f2);border:1px solid #f0dfd2;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.report-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.report-details strong{color:#333;font-size:13px;font-weight:700;line-height:1.2}.report-details small{color:#999;font-size:10px;line-height:1.4}.report-arrow{color:#f4510b;background:#fff5ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:19px;font-weight:500;transition:transform .2s,background .2s;display:flex}.report-item:hover .report-arrow{background:#fff0e5;transform:translate(2px)}.download-all-reports{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f4510b,#ff711f);border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;height:43px;margin-top:13px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:flex;box-shadow:0 5px 14px #f4510b2e}.download-all-reports:hover{background:linear-gradient(135deg,#df4608,#f45f0d);transform:translateY(-1px);box-shadow:0 7px 17px #f4510b3b}.download-all-reports:active{transform:translateY(0)}@media (width<=390px){.reports-content{padding-left:12px;padding-right:12px}}@media (width>=600px){.reports-content{height:calc(100vh - 75px);padding:16px 16px 90px}.reports-list{border-radius:14px}}