:root{--main-yellow: #f7b733;--main-yellow-dark: #f5a623;--text-color: #333;--bg-color: #fff8e1;--card-bg: #fff;--shadow-color: rgba(247, 183, 51, .2);--light-yellow: #fff7dc;--ink-60: #777;--line: rgba(247, 183, 51, .25);--green: #2ecc71;--green-bg: #e8f8ee}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-color);background-image:radial-gradient(rgba(247,183,51,.35) 1.5px,transparent 1.5px);background-size:22px 22px;background-position:0 0;color:var(--text-color);font-family:Poppins,sans-serif;line-height:1.6}.wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:32px 16px 48px}.head{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.head .logo{width:84px;height:60px;object-fit:contain}.card{background:var(--card-bg);border-radius:18px;padding:32px 26px;width:100%;max-width:400px;text-align:center;box-shadow:0 8px 24px var(--shadow-color)}.card h1{font-family:Montserrat,sans-serif;font-weight:800;font-size:1.35rem;color:var(--main-yellow-dark);margin:0 0 6px}.muted{color:var(--ink-60);font-size:13.5px;margin:0 0 18px}.tiny{font-size:11.5px;margin-top:14px}.mode-toggle{display:flex;background:var(--light-yellow);border-radius:999px;padding:4px;margin-bottom:18px;gap:4px}.mode-toggle button{flex:1;border:none;background:transparent;padding:9px 10px;border-radius:999px;font-family:Poppins,sans-serif;font-weight:600;font-size:13px;color:var(--ink-60);cursor:pointer;transition:background .2s ease,color .2s ease}.mode-toggle button.active{background:var(--main-yellow);color:#fff;box-shadow:0 3px 10px var(--shadow-color)}.code-input{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;font-size:16px;font-family:Poppins,sans-serif;text-align:center;letter-spacing:.5px;margin-bottom:14px;background:var(--light-yellow);color:var(--text-color)}.code-input.code-mode{text-transform:uppercase;letter-spacing:1.5px}.code-input:focus{outline:none;border-color:var(--main-yellow);background:#fff}.btn{width:100%;padding:13px;border:none;border-radius:12px;background:var(--main-yellow);color:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:14.5px;cursor:pointer;transition:background .2s ease,transform .15s ease}.btn:hover{background:var(--main-yellow-dark)}.btn:active{transform:scale(.98)}.btn.ghost{background:transparent;color:var(--main-yellow-dark);border:1.5px solid var(--main-yellow);margin-top:10px}.btn.ghost:hover{background:var(--light-yellow)}.qr{width:100%;max-width:260px;border-radius:14px;border:1.5px solid var(--line);margin:10px 0 18px;padding:6px;background:#fff}.amount{font-family:Montserrat,sans-serif;font-size:28px;font-weight:800;color:var(--main-yellow-dark);margin-bottom:18px}.summary{text-align:left;border-top:none;padding-top:0;margin-top:4px;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;background:none;border-radius:0;padding:12px 2px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row-label{color:var(--ink-60);font-size:12.5px;text-transform:none;letter-spacing:0;flex-shrink:0}.row-value{font-weight:600;text-align:right}.row-value.mono{font-family:SF Mono,Menlo,monospace;letter-spacing:.5px}@media (max-width: 560px){.summary{grid-template-columns:1fr}}.pending-tag{display:inline-block;margin-top:18px;padding:7px 14px;border-radius:999px;background:var(--light-yellow);color:var(--main-yellow-dark);font-size:12.5px;font-weight:600}.check{width:60px;height:60px;line-height:60px;border-radius:50%;background:var(--green-bg);color:var(--green);font-size:30px;font-weight:800;margin:0 auto 14px}.foot{margin-top:36px;color:var(--ink-60);font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;text-align:center}.foot-link{color:var(--main-yellow-dark);font-weight:600;text-decoration:none}.foot-link:hover{text-decoration:underline}.foot-sep{color:var(--line)}.result-list{text-align:left;display:flex;flex-direction:column;gap:10px;margin-top:4px}.result-item{border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;background:#fff;transition:border-color .15s ease}.result-item:hover{background:var(--light-yellow);border-color:var(--main-yellow)}.result-item .r-top{display:flex;justify-content:space-between;font-weight:700;font-size:13.5px;margin-bottom:3px}.result-item .r-sub{font-size:12px;color:var(--ink-60)}.status-pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700}.status-pill.paid{background:var(--green-bg);color:var(--green)}.status-pill.pending{background:var(--light-yellow);color:var(--main-yellow-dark)}.status-pill.other{background:#f1f1f1;color:#888}.section-label{font-family:Montserrat,sans-serif;font-weight:700;font-size:13px;color:var(--ink-60);text-align:left;margin:18px 0 10px}.section-sub{font-family:Poppins,sans-serif;font-weight:500;font-size:12.5px;color:var(--ink-60)}.card-profile{max-width:900px;padding:0 0 20px;overflow:hidden}.profile-header{display:flex;align-items:center;gap:16px;padding:22px 26px;background:#fffaf0;border-bottom:1px solid var(--line);position:relative}.profile-song-embed{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;border:0}.profile-brand-icon-wrap{position:absolute;top:14px;right:20px;width:40px;height:40px;cursor:pointer}.profile-brand-icon-wrap.icon-cursor-active{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC+UlEQVR4nLXXQW8bVRDA8f/Me8au45CIprRBKCiOAAnELRckhNK0QULiwqEHzv0U3PgIiBMnuKeXKj0G4aC2XBAgVAmEkNJQ0QoOUUiwE9u77w2HdRw5dlOvu5mTtas385t5z+s1jBFmiBli3y1+ahtvzPWu6ThrnxXjJbmFimAgH/ByumGN1yoixCIQ+RIIu8yV3qXk7tjGfLUIRN7Fnr00ckGv81K1EET+hU6UZmxTk9UiEJPKS+yHtAjE5Psn4otAPN8pLgDx/N/lAUQlN6KQh8kJwuWeRDGAAUS+7SgOMCGiWMAEiOIBORHnA8iBOD/AacTcaMT5Ao4RBzFFbDWOmMS5AswAL+zudn1rL031RR3aDm+GsoWygrGFjMx0CbX1rJ8c9YOUxZ48PBJ1YhcvlyTuhbbWdJWLF27b+lsfifza9SJEII7V0V3pjkOIRtSauubjNg7j8ptTkBpaEUdqcKW0Rmzfs+9f/9hbo/4eU7xKMx6h6oayOTg8TPWXn/ZDpx0WyhV/9iSMoNPqmv8k9x/81vp7eXlGaaZG6N8X/kpSylIjiZ94xDok8gXzL1ziIIA/lVugWvJMVz2do0C56jDQ0QJLmPUl9sNX0x/+eTO7tnfmtLysPPzBNuvLaPotKkv8F7qoDEwimtEJkAQUeVr3ljCTFZf3t2+aoVufoStvY0+tfoMo1sDLVVLbXKhT89/gdZFWDCgnCCc8+PmA+VfKzF0pY4khA4xTxddx3CBmb9Jnh8pVUjOcrD3appleJ4k7TKkjZrtmBgiUy5p9Ho6hzsctDr3ngAihj2i5axlCHGbZ0ekBhsJImHGDnYONW7wPGET8sU0rvUZiO1TVWQ8xBDASZt1EYx8JGEQcT8J2tKqOYKFc0f7RF6yQ4kOAQUQ2idibhPcS1AlYccVHAvqIBl7WHm3rYbYd07PeOZUus74U/w1fF1H8mdE7VNjmQj3crf9uPy6Z3V/68vieWa7fhgkRDTxAZ7P+Tri3+Dmc/F0vIv//Nz7duRm3974AAAAASUVORK5CYII=) 16 16,pointer}.profile-brand-icon-wrap:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:radial-gradient(circle,#f5a62359,#f5a62300 70%);animation:profile-icon-pulse 2.2s ease-in-out infinite}.profile-brand-icon{position:relative;width:40px;height:40px;object-fit:contain;animation:profile-icon-float 3.5s ease-in-out infinite;transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 2px 6px rgba(245,166,35,.35))}.profile-brand-icon-wrap:hover .profile-brand-icon{transform:rotate(-12deg) scale(1.15);filter:drop-shadow(0 4px 10px rgba(245,166,35,.5));animation-play-state:paused}@keyframes profile-icon-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(6deg)}}@keyframes profile-icon-pulse{0%,to{transform:scale(.85);opacity:.7}50%{transform:scale(1.15);opacity:.3}}.profile-tenure{position:absolute;bottom:16px;right:20px;text-align:right}.profile-tenure-num{display:block;font-size:20px;font-weight:700;color:var(--main-yellow-dark);line-height:1.1}.profile-tenure-label{display:block;font-size:11px;color:var(--ink-60);margin-top:2px}.profile-header-info{text-align:left;min-width:0}.profile-header h1{color:#2b2b2b;font-size:1.2rem;font-weight:700;margin:0;line-height:1.3}.profile-header .muted{color:var(--ink-60);font-size:13px;margin:2px 0 0}.profile-header .chip-row{justify-content:flex-start;margin-top:10px;gap:8px}.profile-header .chip{background:#fff;color:var(--main-yellow-dark);border:1px solid var(--line);font-weight:600}.profile-header .status-pill.paid,.profile-header .status-pill.other,.profile-header .status-pill.pending{background:var(--green-bg);border:none;padding:4px 12px;font-size:12px}.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--main-yellow);box-shadow:0 6px 14px #00000014;display:block;background:var(--light-yellow);flex-shrink:0}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-block;padding:3px 11px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--light-yellow);color:var(--main-yellow-dark);border:1px solid var(--line)}.profile-layout{display:flex;align-items:flex-start}.profile-sidebar{width:170px;flex-shrink:0;display:flex;flex-direction:column;padding:16px 0;border-right:1px solid var(--line)}.profile-body{flex:1;min-width:0;padding:16px 22px 4px}.profile-logout{margin-top:20px;width:100%}.avatar-crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.avatar-crop-box{background:var(--card);border-radius:16px;padding:20px;width:100%;max-width:380px;box-shadow:0 20px 60px #0000004d}.avatar-crop-stage{position:relative;width:100%;height:280px;background:#222;border-radius:12px;overflow:hidden}.avatar-crop-zoom{display:flex;align-items:center;gap:10px;margin-top:14px}.avatar-crop-zoom input[type=range]{flex:1}.avatar-crop-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.profile-tab{text-align:left;border:none;border-left:2px solid transparent;background:none;padding:10px 16px;font-weight:600;font-size:13px;color:var(--ink-60);cursor:pointer;border-radius:0;transition:color .15s ease,border-color .15s ease;font-family:Poppins,sans-serif}.profile-tab.active{color:var(--main-yellow-dark);background:none;box-shadow:none;border-left-color:var(--main-yellow-dark)}.avatar-edit-wrap{position:relative;display:inline-block;flex-shrink:0}.avatar-edit-btn{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--main-yellow-dark);border:2px solid var(--main-yellow-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;box-shadow:0 4px 10px #00000026;z-index:1}@media (max-width: 560px){.profile-header{flex-direction:column;text-align:center}.profile-header-info{text-align:center}.profile-header .chip-row{justify-content:center}.profile-brand-icon,.profile-tenure{display:none}.profile-layout{flex-direction:column}.profile-sidebar{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid var(--line);padding:8px 12px}.profile-tab{flex:1;text-align:center;border-left:none;border-bottom:2px solid transparent}.profile-tab.active{border-left:none;border-bottom-color:var(--main-yellow-dark)}}.card-form{max-width:960px;text-align:left;padding:34px 40px}.card-form h1{text-align:center}.card-form>p.muted{text-align:center}.member-form-fields{display:flex;flex-direction:column;gap:22px;margin:22px 0 8px}.mff-section{display:flex;flex-direction:column;gap:12px}.mff-section-title{font-family:Montserrat,sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--main-yellow-dark);margin:0;padding-bottom:8px;border-bottom:1px solid var(--line)}.mff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 18px}.mff-span-2{grid-column:span 2}@media (max-width: 820px){.card-form{max-width:640px;padding:32px 26px}.mff-grid{grid-template-columns:1fr 1fr}.mff-span-2{grid-column:span 2}}@media (max-width: 560px){.mff-grid{grid-template-columns:1fr}.mff-span-2{grid-column:span 1}}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 560px){.form-row-2{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:6px}.form-field-label{color:var(--ink-60);font-size:12.5px;font-weight:600;letter-spacing:.2px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;font-size:14.5px;font-family:Poppins,sans-serif;background:var(--light-yellow);color:var(--text-color);transition:border-color .15s ease,background .15s ease}.form-field textarea{resize:vertical;min-height:72px;font-family:Poppins,sans-serif}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--main-yellow);background:#fff}.form-field select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.member-form-note{display:flex;flex-direction:column;gap:6px;margin:4px 0 18px}.member-form-note .form-field-label{margin:0}.error-text{color:#e0562e;background:#fdf0ea;border:1px solid rgba(224,86,46,.25);border-radius:10px;padding:10px 12px;font-size:13px;margin:4px 0 16px;text-align:left}.form-success{width:60px;height:60px;line-height:60px;border-radius:50%;background:var(--green-bg);color:var(--green);font-size:30px;font-weight:800;margin:4px auto 16px}