@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap);.bottom-nav{border-top:1px solid #8b735514;box-shadow:0 -2px 16px #5c40331a;display:flex;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;height:calc(64px + env(safe-area-inset-bottom, 20px));justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,20px);padding-top:8px;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;z-index:9999}.bottom-nav,body.native-app .bottom-nav{align-items:flex-start;background:#fff;bottom:0;left:0;position:fixed;right:0}body.native-app .bottom-nav{box-sizing:border-box;height:calc(48px + env(safe-area-inset-bottom, 0px));margin-bottom:0;padding-bottom:env(safe-area-inset-bottom,0);padding-top:4px}.nav-item{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:48px;min-width:48px;padding:6px 8px;touch-action:manipulation;transition:all .2s ease;user-select:none;-webkit-user-select:none}.nav-item:active{transform:scale(.92)}.nav-item .nav-icon{align-items:center;display:flex;height:24px;justify-content:center;position:relative;transition:transform .2s ease;width:24px}.notification-dot{animation:pulse 2s infinite;background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #ef444466;height:10px;position:absolute;right:-4px;top:-2px;width:10px}.nav-item .nav-icon img{filter:grayscale(100%);height:24px;object-fit:contain;opacity:.5;transition:all .2s ease;width:24px}.nav-item .nav-emoji{filter:grayscale(40%);font-size:22px;line-height:1;opacity:.5;transition:all .2s ease}.nav-icon-img{height:24px;object-fit:contain;width:24px}.nav-item .nav-label{color:#9ca3af;font-size:10px;font-weight:600;transition:color .2s ease}.nav-item.active{background:#8b735514}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-item.active .nav-emoji,.nav-item.active .nav-icon img{filter:grayscale(0);opacity:1}.nav-item.active .nav-label{color:#8b7355;font-weight:700}@media (hover:hover){.nav-item:hover{background:#8b73550d}.nav-item:hover .nav-icon{transform:scale(1.05)}}@media (min-width:768px){.bottom-nav{border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #5c403326;left:50%;max-width:500px;right:auto;transform:translateX(-50%) translateZ(0)}}@media (hover:none) and (pointer:coarse){.nav-item:active{background:#8b73551a;transform:scale(.9)}}.login-container{align-items:center;background:linear-gradient(160deg,#fef6e4,#f3d9c4 50%,#e8c4a8);display:flex;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.floating-elements{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.floating-leaf{animation:float 6s ease-in-out infinite;font-size:24px;opacity:.4;position:absolute}.leaf-1{animation-delay:0s;left:10%;top:10%}.leaf-2{animation-delay:1.5s;font-size:28px;right:15%;top:20%}.leaf-3{animation-delay:3s;bottom:30%;left:8%}.leaf-4{animation-delay:4.5s;bottom:15%;font-size:20px;right:10%}.wave-decoration{background:linear-gradient(0deg,#8b776526,#0000);bottom:0;height:120px;left:0;position:fixed;right:0;z-index:0}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffeb;border-radius:32px;box-shadow:0 20px 60px -10px #8b776540,inset 0 0 0 1px #ffffff80;max-width:380px;padding:30px 36px 36px;position:relative;width:100%;z-index:1}.capybara-mascot{align-items:center;display:flex;flex-direction:column;margin-bottom:8px;margin-top:-20px}.capybara-image-wrapper{animation:bob 3s ease-in-out infinite;height:120px;position:relative;width:120px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.capybara-body{filter:drop-shadow(0 8px 16px rgba(139,119,101,.3))}.capybara-body,.capybara-expression{height:100%;object-fit:contain;width:100%}.capybara-expression{left:0;position:absolute;top:0}.speech-bubble{animation:popIn .5s ease-out .3s both;background:#fff;border-radius:20px;box-shadow:0 4px 12px #8b776526;margin-top:8px;padding:10px 18px;position:relative}.speech-bubble:before{border-bottom:10px solid #fff;border-left:10px solid #0000;border-right:10px solid #0000;content:"";left:50%;position:absolute;top:-8px;transform:translateX(-50%)}.speech-bubble span{color:#6b5344;font-size:14px;font-weight:600}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.login-header{margin-bottom:24px;text-align:center}.login-title{color:#4a3728;font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.login-subtitle{color:#8b7765;font-size:15px;font-weight:600;margin:0}.login-capy-icon{height:28px;margin-left:4px;vertical-align:middle;width:28px}.login-form{display:flex;flex-direction:column;gap:18px}.error-message{align-items:center;animation:shake .5s ease-out;background:linear-gradient(135deg,#fff0f0,#ffe8e8);border:2px solid #ffcaca;border-radius:16px;display:flex;justify-content:center;padding:12px 16px}.error-message span{color:#c44;font-size:14px;font-weight:600}.form-label{color:#6b5344;font-size:13px;font-weight:700;margin-left:4px}.form-input{background:#faf7f4;border:2px solid #e8ddd4;border-radius:16px;box-sizing:border-box;color:#4a3728;font-family:Nunito,sans-serif;font-size:16px;font-weight:600;padding:14px 18px;transition:all .25s ease;width:100%}.form-input:focus{background:#fff;border-color:#c4a77d;box-shadow:0 0 0 4px #c4a77d26;outline:none}.form-input:disabled{cursor:not-allowed;opacity:.6}.form-input::placeholder{color:#b8a99a;font-weight:500}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper .form-input{padding-right:50px}.password-toggle{background:none;border:none;border-radius:8px;cursor:pointer;font-size:18px;opacity:.7;padding:4px;position:absolute;right:14px;transition:all .2s ease}.password-toggle:hover{background:#c4a77d1a;opacity:1}.login-button{align-items:center;background:linear-gradient(135deg,#8b6f47,#6b5344);border:none;border-radius:16px;box-shadow:0 6px 20px -4px #6b534466;color:#fff;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:17px;font-weight:700;gap:10px;justify-content:center;margin-top:8px;padding:16px 24px;transition:all .25s ease;width:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#9a7d54,#7a6050);box-shadow:0 10px 30px -4px #6b534480;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button.loading{background:linear-gradient(135deg,#a08060,#8b7060)}.button-emoji{font-size:18px}.button-emoji,.button-icon{animation:bounce 1s ease infinite}.button-icon{height:24px;margin-left:8px;vertical-align:middle;width:24px}.spinner{animation:spin .8s linear infinite;border:3px solid #0000;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.login-footer{margin-top:20px;text-align:center}.footer-text{color:#a08878;font-size:13px;font-weight:600;margin:0}.register-link{background:none;border:none;color:#8b6f47;cursor:pointer;font-size:13px;font-weight:700;padding:0;text-decoration:underline;transition:color .2s}.register-link:hover{color:#6b5344}.register-section{border-top:1px dashed #c4a77d;margin-top:20px;padding-top:20px}.register-title{color:#4a3728;font-size:15px;font-weight:700;letter-spacing:-.3px;margin:0 0 12px;text-align:center}.register-description{color:#8b7355;font-size:12px;margin:0 0 12px;text-align:center}.register-form{display:flex;flex-direction:column;gap:12px}.register-form .form-group{margin:0}.register-button{background:linear-gradient(135deg,#8b6f47,#6b5344);border:none;border-radius:12px;box-shadow:0 4px 15px #6b534440;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.register-button:hover:not(:disabled){background:linear-gradient(135deg,#9a7d54,#7a6050);box-shadow:0 6px 20px #6b534459;transform:translateY(-1px)}.register-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.register-button.loading{background:linear-gradient(135deg,#a08060,#8b7060)}.back-link{color:#a08878;font-size:13px;font-weight:500;padding:10px 0;transition:color .2s}.back-link:hover{color:#6b5344}.register-success{background:linear-gradient(135deg,#fff8f0,#fef3e8);border:1px solid #e8ded4;border-radius:16px;box-shadow:0 2px 8px #8b73551a;padding:20px;text-align:center}.register-success .success-icon{display:block;font-size:36px;margin-bottom:10px}.register-success p{color:#5c4033;font-size:14px;font-weight:500;margin:0 0 14px}.back-to-login-btn{background:linear-gradient(135deg,#8b6f47,#6b5344);border:none;border-radius:12px;box-shadow:0 4px 12px #6b534440;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.back-to-login-btn:hover{background:linear-gradient(135deg,#9a7d54,#7a6050);transform:translateY(-1px)}@media (max-width:480px){.login-container{padding:16px}.login-card{border-radius:28px;padding:24px 24px 30px}.capybara-image-wrapper{height:100px;width:100px}.login-title{font-size:22px}.login-subtitle{font-size:14px}.floating-leaf{font-size:20px}.leaf-2{font-size:24px}}@media (max-width:360px){.login-card{padding:20px 18px 26px}.speech-bubble{padding:8px 14px}.speech-bubble span{font-size:13px}}.record-banner{align-items:center;animation:bannerFadeIn .25s ease;background:#fee2e2;border-left:4px solid #ef4444;border-radius:12px;box-shadow:0 2px 8px #ef444426;display:flex;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;gap:12px;justify-content:space-between;margin:12px 16px 0;padding:12px 16px}@keyframes bannerFadeIn{0%{opacity:0}to{opacity:1}}.record-banner-content{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.record-banner-icon{flex-shrink:0;font-size:20px}.record-banner-text{color:#991b1b;font-size:13px;font-weight:600;line-height:1.3}.record-banner-text strong{color:#dc2626;font-weight:800}.record-banner-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:700;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.record-banner-btn:hover{background:#dc2626;box-shadow:0 3px 8px #ef44444d;transform:translateY(-1px)}.record-banner-btn:active{transform:translateY(0)}@media (max-width:480px){.record-banner{align-items:stretch;flex-direction:column;gap:10px;margin:8px 12px 0;padding:12px}.record-banner-content{justify-content:center;text-align:center}.record-banner-text{font-size:12px}.record-banner-btn{padding:10px 16px;text-align:center;width:100%}}.more-page{background:linear-gradient(145deg,#fff8f0,#fff5e6 50%,#f5ebe0);font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding-bottom:100px}.more-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #8b73551a;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-btn{border-radius:10px;font-family:inherit;font-size:16px;padding:8px 12px}.back-btn:hover{background:#8b73551a}.more-title{color:#5c4033;font-size:18px;font-weight:800;margin:0}.more-content{margin:0 auto;max-width:700px;padding:16px}.more-section{margin-bottom:24px}.section-title{color:#8b7355;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 10px 4px;text-transform:uppercase}.account-section{margin-bottom:28px}.account-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #5c403314;gap:16px;padding:20px}.account-avatar,.account-card{align-items:center;display:flex}.account-avatar{background:linear-gradient(135deg,#d4a574,#c4956a);border-radius:50%;color:#fff;flex-shrink:0;font-size:24px;font-weight:800;height:56px;justify-content:center;width:56px}.account-info{flex:1 1;min-width:0}.account-name{color:#5c4033;font-size:18px;font-weight:800;margin:0 0 4px}.account-email,.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-email{color:#8b7355;font-size:13px;margin:0 0 8px}.account-role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px}.role-admin{background:linear-gradient(135deg,#ffd54f,#ffa726);color:#5c4033}.role-boss{background:linear-gradient(135deg,#b39ddb,#9575cd);color:#fff}.role-shift-lead{background:linear-gradient(135deg,#90caf9,#64b5f6);color:#1565c0}.role-worker{background:linear-gradient(135deg,#a5d6a7,#81c784);color:#2e7d32}.menu-list{background:#fff;border-radius:16px;box-shadow:0 2px 12px #5c403314;overflow:hidden}.menu-item{align-items:center;border-bottom:1px solid #8b735514;display:flex;font-family:inherit;gap:12px;padding:16px 18px;transition:all .2s ease}.menu-item:last-child{border-bottom:none}.menu-item:hover:not(.disabled){background:#8b73550d}.menu-item:active:not(.disabled){background:#8b73551a;transform:scale(.99)}.menu-item.disabled{cursor:default;opacity:.7}.menu-icon{flex-shrink:0;font-size:20px;text-align:center;width:28px}.menu-label{color:#5c4033;flex:1 1;font-size:15px;font-weight:600}.menu-arrow{color:#8b7355;font-size:16px;font-weight:600}.menu-badge{background:#8b73551a;color:#8b7355;font-size:11px;padding:4px 10px}.menu-badge,.record-badge{border-radius:10px;font-weight:700}.record-badge{background:#ef4444;color:#fff;font-size:12px;margin-left:8px;padding:2px 8px}.logout-section{margin-top:32px}.logout-btn{align-items:center;background:linear-gradient(135deg,#ef5350,#e53935);border:none;border-radius:16px;box-shadow:0 4px 12px #e539354d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:16px 20px;transition:all .3s ease;width:100%}.logout-btn:hover{box-shadow:0 6px 16px #e5393566;transform:translateY(-2px)}.logout-btn:active{transform:scale(.98)}.logout-icon{font-size:18px}.app-info{margin-top:32px;padding:16px;text-align:center}.app-info p{color:#8b7355;font-size:13px;font-weight:600;margin:0}.app-info .version{color:#a8967a;font-size:12px;margin-top:4px}@media (min-width:768px){.more-page{padding-bottom:40px}.more-content{max-width:700px;padding:24px}.account-card{padding:24px}.menu-item{padding:18px 20px}.menu-item:hover:not(.disabled){transform:translateX(4px)}}@supports (padding-top:env(safe-area-inset-top)){.more-header{padding-top:max(16px,env(safe-area-inset-top))}}@media (max-width:767px){.more-page{padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px))}}@media (hover:none) and (pointer:coarse){.menu-item:active:not(.disabled){background:#8b735526}.logout-btn:active{transform:scale(.97)}}.datetime-quick-picker{display:flex;flex-direction:column;gap:12px}.datetime-label{color:#5c4033;font-size:14px;font-weight:600}.datetime-label .required{color:#dc3545}.date-presets{display:flex;flex-wrap:wrap;gap:8px}.preset-btn{background:#fff;border:2px solid #e8dfd4;border-radius:10px;color:#5c4033;cursor:pointer;flex:1 1 auto;font-size:14px;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 16px;text-align:center;transition:all .15s ease;white-space:nowrap}.preset-btn:hover{background:#f8f9fa;border-color:#4a7c59}.preset-btn.active{background:#4a7c59;border-color:#4a7c59;color:#fff}.calendar-container{background:#fff;border:1px solid #e8dfd4;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:12px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 4px}.calendar-header button{background:none;border:none;border-radius:4px;color:#5c4033;cursor:pointer;font-size:20px;padding:4px 8px}.calendar-header button:hover{background:#f0f0f0}.calendar-header span{color:#5c4033;font-weight:600}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px;text-align:center}.calendar-weekdays span{color:#8b7355;font-size:12px;font-weight:600;padding:4px}.calendar-days{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{aspect-ratio:1;background:none;border:none;border-radius:8px;color:#5c4033;cursor:pointer;font-size:14px;transition:all .15s ease}.calendar-day:hover:not(.disabled){background:#f0f0f0}.calendar-day.today{border:2px solid #4a7c59}.calendar-day.selected{background:#4a7c59;color:#fff}.calendar-day.disabled{color:#ccc;cursor:not-allowed}.time-section{display:flex;flex-direction:column;gap:8px}.time-label{color:#5c4033;font-size:14px;font-weight:600}.time-input-wrapper{position:relative}.time-input{background:#fff;border:2px solid #e8dfd4;border-radius:10px;box-sizing:border-box;color:#5c4033;font-size:14px;padding:12px 40px 12px 14px;width:100%}.time-input:focus{border-color:#4a7c59;outline:none}.time-dropdown-arrow{color:#8b7355;cursor:pointer;font-size:12px;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.time-dropdown{background:#fff;border:1px solid #e8dfd4;border-radius:10px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.time-options{display:flex;flex-direction:column}.time-option{background:none;border:none;color:#5c4033;cursor:pointer;font-size:14px;padding:10px 14px;text-align:left}.time-option:hover{background:#f8f9fa}.time-option.selected{background:#4a7c59;color:#fff}.quick-times{display:flex;flex-wrap:wrap;gap:8px}.quick-time-btn{background:#fffbf7;border:1px solid #e8dfd4;border-radius:16px;color:#5c4033;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .15s ease}.quick-time-btn:hover{background:#f0f7f2;border-color:#4a7c59}.selected-datetime{background:#f0f7f2;border-radius:8px;color:#4a7c59;font-size:14px;font-weight:500;padding:10px 14px}@media (max-width:480px){.date-presets{gap:6px}.preset-btn{flex:1 1 45%;font-size:13px;padding:12px 10px}.quick-times{justify-content:space-between}.quick-time-btn{flex:1 1;min-width:0;text-align:center}}.signature-pad-container{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;padding:1rem}.signature-pad-label{color:#495057;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.signature-canvas{background-color:#fff;border:2px solid #495057;border-radius:4px;max-width:100%;touch-action:none}.signature-pad-actions{display:flex;gap:1rem;margin-top:1rem}.signature-clear-btn,.signature-save-btn{border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.5rem;transition:all .2s ease}.signature-clear-btn{background-color:#6c757d;border:none;color:#fff}.signature-clear-btn:hover{background-color:#5a6268}.signature-save-btn{background-color:#28a745;border:none;color:#fff}.signature-save-btn:hover:not(:disabled){background-color:#218838}.signature-save-btn:disabled{background-color:#94d3a2;cursor:not-allowed}.signature-hint{color:#6c757d;font-size:.85rem;font-style:italic;margin-top:.5rem}@media (max-width:480px){.signature-canvas{height:150px;width:100%}.signature-pad-actions{flex-direction:column;width:100%}.signature-clear-btn,.signature-save-btn{width:100%}}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.loading-spinner-icon{animation:capy-bounce 1s infinite}.loading-spinner-icon img{height:40px;width:40px}@keyframes capy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.loading-spinner-message{color:#8b7355;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600}.writeups-container{background:linear-gradient(135deg,#fff8f0,#ffe8d6);margin:0 auto;max-width:1200px;min-height:100vh;padding:1.5rem}.writeups-header{align-items:center;display:flex;justify-content:center;margin-bottom:0;padding:16px 20px;position:relative}.back-to-dashboard{color:#333;height:32px;padding:0;width:32px}.back-to-dashboard:hover{background:#f5ede4}.back-to-dashboard:active{background:#e8dfd4}.back-icon{font-size:1.25rem;font-weight:500;line-height:1}.writeups-title{color:#5d4e3a;font-size:1.25rem;font-weight:600;margin:0;text-align:center}.writeups-tabs{display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;margin:16px;padding:0}body.native-app .writeups-tabs{margin-top:8px}.writeups-tabs .tab-btn{align-items:center;background:#f5f0eb;border:none;border-radius:20px;color:#5c4033;cursor:pointer;display:flex;flex-shrink:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:600;gap:4px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.writeups-tabs .tab-btn:hover{background:#e8ddd0}.writeups-tabs .tab-btn.active{background:#5c4033;color:#fff}.writeups-tabs .tab-badge{background:#c4956a;border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:2px;padding:2px 6px}.writeups-tabs .tab-btn.active .tab-badge{background:#fff;color:#5c4033}.writeups-container .alert{border-radius:8px;font-weight:500;margin-bottom:1rem;padding:1rem 1.25rem}.writeups-container .alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.writeups-container .alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.loading-spinner{color:#6c757d;font-size:1.1rem;padding:2rem;text-align:center}.writeups-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.writeups-section h2{border-bottom:2px solid #d4a574;color:#5c4d3c;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.empty-state{color:#8b7355;padding:3rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.writeups-list{display:flex;flex-direction:column;gap:0}.writeup-card{background:#fff;border:1px solid #e8ddd4;border-radius:10px;box-shadow:0 1px 3px #0000000a;cursor:pointer;margin-bottom:6px;padding:10px 14px;transition:all .2s ease}.writeup-card:hover{border-color:#d4a574;box-shadow:0 2px 8px #00000014}.writeup-card.pending{background:#fff8f0;border-color:#d4a574;position:relative}.writeup-card.pending .pending-notification-dot{animation:pulse 2s infinite;background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #ef444466;height:12px;position:absolute;right:-4px;top:-4px;width:12px}.writeup-card-row{align-items:center;display:flex;justify-content:space-between}.writeup-card-row:not(:last-child){margin-bottom:6px}.writeup-employee{color:#1f1f1f;font-size:14px;font-weight:700}.writeup-badges{display:flex;flex-shrink:0;gap:4px}.writeup-category{color:#374151;font-size:13px;font-weight:600}.writeup-subcategory{color:#6b7280;font-weight:400}.writeup-date{color:#6b7280;font-size:12px}.action-required-badge{background:#fff3e6;border-radius:4px;color:#b8860b;font-size:10px;font-weight:700;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase}.view-btn-compact{background:#5c4033;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:background .2s}.view-btn-compact:hover{background:#4a3429}.writeup-card .severity-badge,.writeup-card .status-badge{border-radius:4px;font-size:10px;padding:2px 6px}.writeup-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.writeup-card-body h3{color:#2c3e50;font-size:1.1rem;margin:0 0 .5rem}.writeup-card-body .subcategory{color:#6c757d;font-size:.9rem;margin:0 0 .5rem}.writeup-card-body .date,.writeup-card-body .submitted-by{color:#6c757d;font-size:.85rem;margin:.25rem 0}.writeup-card-footer{border-top:1px solid #e9ecef;margin-top:.75rem;padding-top:.75rem}.action-required{color:#dc3545;font-size:.9rem;font-weight:600}.status-badge{font-weight:700;text-transform:uppercase}.badge-warning{background:#fff3e6;color:#b8860b}.badge-success{background:#eef2e6;color:#5c6b4d}.badge-danger{background:#fceee9;color:#a65d3f}.badge-secondary{background:#f3f4f6;color:#6b7280}.severity-badge{border-radius:6px;font-size:11px;padding:4px 10px}.severity-minor{background:#eef2e6;color:#5c6b4d}.severity-moderate{background:#fff3e6;color:#b8860b}.severity-serious{background:#fceee9;color:#a65d3f}.severity-buttons{display:flex;gap:8px;margin-top:8px}.severity-btn{background:#fff;border:2px solid #e8dfd4;border-radius:10px;color:#999;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s}.severity-btn:hover{border-color:#8b7355}.severity-btn.selected{border-width:2px}.severity-btn.minor{color:#5c6b4d}.severity-btn.minor.selected{background:#eef2e6;border-color:#5c6b4d;color:#4a5840}.severity-btn.moderate{color:#b8860b}.severity-btn.moderate.selected{background:#fff3e6;border-color:#b8860b;color:#8b7355}.severity-btn.serious{color:#a65d3f}.severity-btn.serious.selected{background:#fceee9;border-color:#a65d3f;color:#7a3e2a}.section-header-row{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.section-header-row h2{border-bottom:2px solid #d4a574;flex:1 1;margin:0;min-width:200px;padding-bottom:.5rem}.filter-dropdown{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.filter-dropdown label{color:#495057;font-size:.9rem;font-weight:500;white-space:nowrap}.filter-dropdown select{background:#fff;border:1px solid #ced4da;border-radius:8px;cursor:pointer;font-size:.9rem;min-width:150px;padding:.5rem 1rem}.filter-dropdown select:focus{border-color:#d4a574;box-shadow:0 0 0 3px #d4a5742e;outline:none}.writeups-cards-container{display:none}.writeup-card-body .category-text{color:#6c757d;font-size:.9rem;margin:0 0 .25rem}.load-more-container{display:flex;justify-content:center;margin-top:1.5rem;padding-top:1rem}.load-more-btn{background:linear-gradient(135deg,#5c4033,#4a3328);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.load-more-btn:hover{box-shadow:0 4px 12px #5c40334d;transform:translateY(-2px)}.writeups-table-container{overflow-x:auto}.writeups-table{border-collapse:collapse;font-size:.9rem;width:100%}.writeups-table td,.writeups-table th{border-bottom:1px solid #e9ecef;padding:.75rem;text-align:left}.writeups-table th{color:#495057;font-weight:600}.writeups-table th,.writeups-table tr:hover{background-color:#f8f9fa}.subcategory-small{color:#6c757d;font-size:.85rem}.view-btn{background-color:#5c4033;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:background-color .2s}.view-btn:hover{background-color:#4a3429}.writeup-form{display:flex;flex-direction:column;gap:16px}.writeup-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#5c4a32;font-weight:600}.form-hint{color:#6b7280;font-size:12px}.form-group input,.form-group select,.form-group textarea{border:2px solid #8b735533;border-radius:10px;font-size:15px;padding:10px 12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#8b7355;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-actions{margin-top:8px}@media (max-width:600px){.writeup-form .form-row{gap:12px;grid-template-columns:1fr;margin-bottom:0}.writeup-form{gap:14px}.form-group{gap:4px}.form-group label{font-size:13px}.form-group input,.form-group select{padding:10px}.form-group textarea{min-height:80px}.image-upload-section{gap:8px}.image-hint{font-size:12px}.form-actions{margin-top:4px}}.btn-primary,.btn-secondary{border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#8b7355,#5c4d3c)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#9a8465,#6b5c4c)}.btn-primary:disabled{background:linear-gradient(135deg,#a89880,#8b7b6b)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.back-btn{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 0}.back-btn:hover{text-decoration:underline}.writeup-detail{max-width:900px}.detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.detail-header h2{border:none;margin:0;padding:0}.detail-badges{display:flex;gap:.5rem}.detail-header-compact{margin-bottom:12px}.detail-header-compact .detail-badges{display:flex;gap:6px}.warning-banner{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.5rem}.warning-banner .warning-icon{font-size:1.5rem;margin-right:.5rem}.warning-banner p{color:#856404;margin:.5rem 0}.warning-banner .deadline{font-size:.95rem;margin-top:1rem}.warning-banner-compact{align-items:flex-start;background:#fef3c7;border:1px solid #d4a574;border-radius:8px;display:flex;gap:10px;margin-bottom:16px;padding:12px 14px}.warning-banner-compact .warning-icon{flex-shrink:0;font-size:18px;line-height:1}.warning-text{display:flex;flex-direction:column;gap:2px}.warning-text strong{color:#92400e;font-size:14px}.warning-subtext{color:#a16207;font-size:12px}.detail-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.detail-section{background-color:#f8f9fa;border-radius:8px;padding:1rem}.detail-section.full-width{grid-column:1/-1}.detail-section h3{border-bottom:1px solid #dee2e6;color:#495057;font-size:1rem;margin:0 0 1rem;padding-bottom:.5rem}.detail-row{border-bottom:1px solid #e9ecef;display:flex;padding:.5rem 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#6c757d;flex-shrink:0;font-weight:600;min-width:140px}.detail-row .value{color:#2c3e50}.detail-content{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;line-height:1.6;padding:1rem;white-space:pre-wrap}.employee-response{background-color:#e8f5e9;border-color:#c8e6c9}.response-date{color:#6c757d;font-size:.85rem;margin-top:.5rem;text-align:right}.signature-display{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;padding:1rem;text-align:center}.signature-display img{max-height:200px;max-width:100%}.action-section{border-top:2px solid #d4a574;margin-top:2rem;padding-top:1.5rem}.response-form{background-color:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.response-form h3{color:#495057;margin:0 0 .5rem}.response-note{color:#6c757d;font-size:.9rem;margin-bottom:1rem}.response-form textarea{border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:1rem;margin-bottom:1rem;min-height:100px;padding:.75rem;resize:vertical;width:100%}.response-form textarea:focus{border-color:#d4a574;box-shadow:0 0 0 3px #d4a5742e;outline:none}.acknowledgment-section{background-color:#f8f9fa;border-radius:8px;padding:1.5rem}.acknowledgment-section h3{color:#495057;margin:0 0 1rem}.acknowledge-checkbox{align-items:flex-start;display:flex;gap:.75rem;margin:1.5rem 0}.acknowledge-checkbox input[type=checkbox]{flex-shrink:0;height:20px;margin-top:.1rem;width:20px}.acknowledge-checkbox label{color:#495057;font-size:.95rem;line-height:1.5}.acknowledge-btn{font-size:1.1rem;padding:1rem}@media (max-width:767px){.writeups-container{padding:1rem}.writeups-header{padding:12px 16px}.back-to-dashboard{left:12px}.writeups-title{font-size:1.1rem}.writeups-tabs{gap:4px;margin:12px 8px}.writeups-tabs .tab-btn{font-size:12px;padding:8px 10px}.detail-header{align-items:flex-start;flex-direction:column}.writeup-form .form-row{gap:12px;grid-template-columns:1fr;margin-bottom:0}.writeup-form{gap:14px}.form-group{gap:4px}.form-group label{font-size:13px}.form-group input,.form-group select{padding:10px}.form-group textarea{min-height:80px}.form-actions{flex-direction:column;margin-top:4px}.btn-primary,.btn-secondary{width:100%}.writeups-table-container{display:none}.writeups-cards-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.section-header-row{flex-direction:column}.filter-dropdown,.section-header-row h2{width:100%}.filter-dropdown select{flex:1 1}.detail-row{flex-direction:column;gap:.25rem}.detail-row .label{min-width:auto}}@media (min-width:768px){.writeups-table-container{display:block}.writeups-cards-container{display:none}}.record-details-compact{padding:0}.record-header-info{margin-bottom:16px}.record-employee-name{color:#1f1f1f;font-size:18px;font-weight:700;margin:0 0 8px}.record-meta{display:flex;flex-direction:column;gap:4px}.record-category-line{color:#374151;font-size:14px;font-weight:500}.record-date-line,.record-witness-line{color:#6b7280;font-size:13px}.record-details-section{background:#f9fafb;border-radius:8px;margin:16px 0;padding:12px}.record-details-section h4{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.record-details-section p{color:#374151;font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.record-submission-line{border-top:1px solid #e5e7eb;color:#9ca3af;font-size:12px;margin-top:16px;padding-top:12px}.response-timestamp{color:#9ca3af;display:block;font-size:11px;margin-top:8px}.signature-display-compact{text-align:center}.signature-display-compact img{max-height:100px;max-width:100%}.action-section-compact{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.response-form-compact{background:#f9fafb;border-radius:10px;margin-bottom:16px;padding:14px}.response-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.response-title{color:#374151;font-size:14px;font-weight:600}.response-deadline{color:#9ca3af;font-size:12px}.response-form-compact textarea{border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;margin-bottom:10px;padding:10px;resize:none;width:100%}.response-form-compact textarea:focus{border-color:#d4a574;outline:none}.submit-response-btn{background:#e5e7eb;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.submit-response-btn:hover{background:#d1d5db}.submit-response-btn:disabled{cursor:not-allowed;opacity:.5}.acknowledgment-section-compact{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.acknowledgment-section-compact h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.signature-wrapper{margin-bottom:12px}.acknowledge-checkbox-compact{align-items:flex-start;cursor:pointer;display:flex;gap:10px;margin-bottom:14px}.acknowledge-checkbox-compact input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.acknowledge-checkbox-compact span{color:#374151;font-size:13px;line-height:1.4}.acknowledge-btn{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;width:100%}.acknowledge-btn:hover{background:#15803d}.acknowledge-btn:disabled{background:#d1d5db;cursor:not-allowed}@media (max-width:767px){.writeups-container{padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px))}}.image-upload-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.image-input-hidden{display:none}.image-upload-btn{background:linear-gradient(135deg,#d4a574,#c4956a);border-radius:10px;color:#5c4033;cursor:pointer;display:inline-block;font-weight:600;padding:10px 20px;transition:all .2s ease}.image-upload-btn:hover:not(.disabled){box-shadow:0 4px 12px #d4a57459;transform:translateY(-1px)}.image-upload-btn.disabled{cursor:not-allowed;opacity:.6}.image-hint{color:#8b7355;font-size:13px}.image-preview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:12px}.image-preview-item{aspect-ratio:1;border:2px solid #8b735533;border-radius:10px;overflow:hidden;position:relative}.image-preview-item img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;width:24px}.remove-image-btn:hover{background:#c83c3ccc}.image-preview-strip{display:flex;gap:8px;margin-top:8px;overflow-x:auto;padding:8px 0}.image-preview-strip::-webkit-scrollbar{height:6px}.image-preview-strip::-webkit-scrollbar-track{background:#8b73551a;border-radius:3px}.image-preview-strip::-webkit-scrollbar-thumb{background:#8b73554d;border-radius:3px}.image-preview-thumb{border:2px solid #8b735533;border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;position:relative;width:60px}.image-preview-thumb img{height:100%;object-fit:cover;width:100%}.image-preview-thumb .remove-image-btn{font-size:10px;height:18px;position:absolute;right:2px;top:2px;width:18px}.image-meta{color:#6b7280;font-size:12px;margin-top:4px}.visibility-checkbox{align-items:center;color:#5c4a32;cursor:pointer;display:flex;font-size:13px;gap:8px;margin-top:8px}.visibility-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.evidence-dropdown{border:1px solid #8b735533;border-radius:10px;margin:16px 0;overflow:hidden}.evidence-summary{align-items:center;background:#8b73550d;color:#5c4a32;cursor:pointer;display:flex;font-weight:600;gap:8px;list-style:none;padding:12px 16px}.evidence-summary::-webkit-details-marker{display:none}.evidence-summary:before{content:"▶";font-size:10px;transition:transform .2s ease}.evidence-dropdown[open] .evidence-summary:before{transform:rotate(90deg)}.evidence-gallery{grid-gap:12px;background:#ffffff80;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:16px}.evidence-thumbnail{aspect-ratio:1;border:2px solid #8b735526;border-radius:8px;overflow:hidden;transition:all .2s ease}.evidence-thumbnail:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.evidence-thumbnail img{height:100%;object-fit:cover;width:100%}.record-type-toggle{margin-bottom:20px}.record-type-toggle .toggle-buttons{display:flex;gap:8px;margin-top:8px}.record-type-toggle .toggle-btn{background:#fff;border:2px solid #e8dfd4;border-radius:10px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s}.record-type-toggle .toggle-btn:hover{border-color:#8b7355}.record-type-toggle .toggle-btn.active{background:#faf7f4;border-color:#8b7355;color:#5d4e3a}.record-type-hint{background:#fff8e7;border:1px solid #ffe0b2;border-radius:8px;color:#8b6914;font-size:13px;margin-top:10px;padding:10px 12px}.note-type-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.note-type-btn{background:#fff;border:2px solid #e8dfd4;border-radius:8px;color:#666;cursor:pointer;font-size:13px;font-weight:500;padding:10px 14px;transition:all .2s}.note-type-btn:hover{border-color:#8b7355}.note-type-btn.selected{background:#f1f8e9;border-color:#7db87d;color:#2e7d32}.internal-note-badge{align-items:center;background:#fff8e7;border:1px solid #ffe0b2;border-radius:4px;color:#8b6914;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.myfile-policies{background:linear-gradient(135deg,#fff8f0,#ffe8d6);border-radius:16px;border-top:1px dashed #e8ddd4;margin-bottom:24px;margin-top:24px;padding:20px}.myfile-policies-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.myfile-policies h3{align-items:center;color:#5c4d3c;display:flex;font-size:16px;font-weight:700;gap:8px;margin:0}.policy-toggle-all{background:none;border:1px solid #d4a574;border-radius:12px;color:#8b7355;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px;transition:all .2s}.policy-toggle-all:hover{background:#d4a574;color:#fff}.policies-empty{color:#8b7355;font-size:14px;font-style:italic;margin:0}.policies-list{display:flex;flex-direction:column;gap:12px}.policy-agreement-card{background:#fff;border:2px solid #e8ddd4;border-radius:12px;overflow:hidden;transition:all .2s ease}.policy-agreement-card:hover{border-color:#d4a574;box-shadow:0 2px 8px #5c4d3c1a}.policy-agreement-card.current{background:#fffcf8;border-color:#d4a574}.policy-agreement-header{cursor:pointer;padding:14px 16px}.policy-agreement-top-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.policy-agreement-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.policy-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.policy-badge.current{background:linear-gradient(135deg,#5c6b4d,#4a5840);color:#fff}.policy-badge.previous{background:#e8ddd4;color:#8b7355}.policy-badge.legacy{background:#f5e6d3;color:#a8967a}.policy-version{color:#a8967a;font-size:12px;font-weight:600}.policy-expand-icon{color:#d4a574;font-size:14px;transition:color .2s}.policy-agreement-header:hover .policy-expand-icon{color:#8b7355}.policy-agreement-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.policy-agreement-name{color:#5c4d3c;font-size:14px;font-weight:600}.policy-agreement-date{color:#8b7355;font-size:13px}.policy-trigger-reason{color:#a8967a;display:block;font-size:12px;font-style:italic;margin-top:6px}.policy-agreement-details{border-top:1px solid #e8ddd4;margin-top:0;padding:16px}.policy-ack-text{border:1px solid #e8ddd4;border-radius:10px;color:#5c4d3c;margin:0 0 16px;padding:14px;white-space:pre-line}.policy-ack-text,.policy-no-snapshot{background:#fff8f0;font-size:13px;line-height:1.6}.policy-no-snapshot{border-radius:10px;color:#8b7355;padding:20px;text-align:center}.policy-link{color:#d4a574;display:inline-block;font-weight:600;margin-top:8px;text-decoration:none}.policy-link:hover{color:#8b7355;text-decoration:underline}.policy-summary-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.policy-summary-item{background:#fafaf8;border:1px solid #e8ddd4;border-radius:8px;padding:12px 14px}.policy-summary-item strong{color:#5c4d3c;display:block;font-size:13px;margin-bottom:6px}.policy-summary-item p{color:#6b5b4f;font-size:12px;line-height:1.5;margin:0;white-space:pre-line}.policy-signature-display{border-top:1px solid #e8ddd4;margin-top:16px;padding-top:16px}.policy-signature-label{color:#8b7355;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.policy-signature-image{background:#fff;border:2px solid #e8ddd4;border-radius:10px;height:auto;max-width:220px;padding:10px}@media (max-width:600px){.myfile-policies{border-radius:12px;padding:16px}.policy-agreement-info{align-items:flex-start;flex-direction:column;gap:4px}.policy-agreement-badges{flex-wrap:wrap}.policy-signature-image{max-width:100%}}.policy-summary-note{color:#8b7355;font-size:12px;font-weight:700;letter-spacing:.3px;margin:0 0 10px;text-transform:uppercase}.policy-full-link{background:linear-gradient(135deg,#fff8f0,#ffe8d6);border:1px solid #e8ddd4;border-radius:10px;color:#8b7355;display:block;font-size:13px;font-weight:600;margin-top:16px;padding:12px 16px;text-align:center;text-decoration:none;transition:all .2s}.policy-full-link:hover{background:linear-gradient(135deg,#d4a574,#c4956a);border-color:#d4a574;color:#fff}.records-controls{background:#fffbf7;border:1px solid #ede5dc;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px}.search-bar{background:#fff;border:1px solid #e8dfd4;border-radius:10px;gap:8px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.search-bar:focus-within{border-color:#d4a574;box-shadow:0 0 0 3px #d4a5742e}.search-icon{font-size:16px;opacity:.6}.search-input{background:#0000;border:none;flex:1 1;font-family:inherit;outline:none}.search-input::placeholder{color:#a8967a}.search-clear{color:#8b7355;transition:background .2s}.search-clear:hover{background:#f5f0eb}.records-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.show-former-toggle{align-items:center;color:#5c4033;cursor:pointer;display:flex;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.show-former-toggle input[type=checkbox]{accent-color:#d4a574;cursor:pointer;height:16px;width:16px}.employee-groups{display:flex;flex-direction:column;gap:24px}.employee-section{background:#fff;border:1px solid #ede5dc;border-radius:16px;box-shadow:0 2px 8px #8b5a2b0f;overflow:hidden}.employee-section.former{border-color:#d4ccc4;opacity:.75}.employee-section-header{align-items:center;background:linear-gradient(135deg,#f5f0eb,#fffbf7);border-bottom:1px solid #ede5dc;display:flex;justify-content:space-between;padding:14px 16px}.employee-section-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.employee-section-name{align-items:center;color:#5c4033;display:flex;font-size:16px;font-weight:600;gap:8px}.employee-section-count{background:#f5f0eb;border-radius:12px;color:#8b7355;font-size:13px;padding:4px 10px}.former-badge{background:#e8dfd4;border-radius:8px;color:#8b7355;font-size:11px;font-weight:500;margin-left:4px;padding:2px 8px}.employee-records-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:16px}.employee-records-grid .writeup-card{cursor:pointer;transition:transform .15s,box-shadow .15s}.employee-records-grid .writeup-card:hover{box-shadow:0 4px 12px #8b5a2b1f;transform:translateY(-2px)}.employee-records-grid .writeup-card.former{background:#faf8f5;border-color:#e0d8d0}.former-employees-divider{align-items:center;color:#8b7355;display:flex;font-size:13px;font-weight:600;gap:16px;letter-spacing:.5px;margin:8px 0;text-transform:uppercase}.former-employees-divider:after,.former-employees-divider:before{background:linear-gradient(90deg,#0000,#d4ccc4,#0000);content:"";flex:1 1;height:1px}.former-employees-hint{align-items:center;background:#f5f0eb;border-radius:10px;color:#8b7355;display:flex;font-size:13px;gap:8px;justify-content:center;padding:12px}.show-former-link{background:none;border:none;color:#8b7355;cursor:pointer;font-size:13px;font-weight:600;text-decoration:underline}.show-former-link:hover{color:#5c4d3c}@media (max-width:600px){.records-controls{padding:12px}.records-filters{align-items:flex-start;flex-direction:column;gap:12px}.records-filters .filter-dropdown{width:100%}.records-filters .filter-dropdown select{flex:1 1}.employee-records-grid{gap:10px;grid-template-columns:1fr;padding:12px}.employee-section-header{padding:12px}.employee-section-name{font-size:15px}}.failure-section{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px}.failure-section h4{color:#991b1b;margin-bottom:8px}.failure-section p{color:#7f1d1d}.lightbox-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.lightbox-content{max-height:90vh;max-width:90vw;position:relative}.lightbox-content img{border-radius:8px;max-height:85vh;max-width:100%;object-fit:contain}.lightbox-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;position:absolute;right:0;top:-40px;width:40px}.lightbox-close:hover{color:#ccc}.evidence-thumbnail{cursor:pointer;transition:transform .2s}.evidence-thumbnail:hover{transform:scale(1.05)}.confirm-modal{animation:modalSlideIn .2s ease-out;box-shadow:0 8px 32px #0003}.confirm-modal-cancel{transition:background .2s}.confirm-modal-confirm{font-weight:600;transition:all .2s}body.native-app .writeups-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff8f0f2;left:0;padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:0;z-index:1000}body.native-app .writeups-header .back-to-dashboard{top:calc(50% + env(safe-area-inset-top, 0px)/2)}.user-management-container{background:#fafaf9;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding-bottom:env(safe-area-inset-bottom,20px)}.policy-unsigned-badge{cursor:help;font-size:.85em;margin-left:8px}.policy-unsigned-badge.policy-bypass{opacity:.6}.inventory-badge{background:#e3f2fd;border-radius:6px;cursor:help;font-size:14px;padding:2px 6px}.access-denied{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.access-denied h2{color:#5c3d2e;font-size:24px;font-weight:800;margin:0 0 12px}.access-denied p{color:#8b7355;font-size:15px;margin:0 0 24px}.access-denied button{background:linear-gradient(135deg,#d4a574,#c4956a);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 28px;transition:all .2s ease}.access-denied button:hover{box-shadow:0 6px 16px #d4a57466;transform:translateY(-2px)}.user-management-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #8b5a2b1a;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-to-dashboard,.user-management-header{align-items:center;display:flex;justify-content:center}.back-to-dashboard{background:#0000;border:none;border-radius:8px;color:#5d4e3a;cursor:pointer;font-size:18px;left:16px;padding:8px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.back-to-dashboard:hover{background:#8b5a2b1a;transform:translateY(-50%)}.back-icon{font-size:18px}.user-management-title{color:#1f1f1f;font-size:20px;font-weight:800;margin:0}.section-nav{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #5c403314;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}.section-nav label{color:#5c3d2e;font-size:14px;font-weight:600;white-space:nowrap}.section-nav select{background:#fff8f0;border:1px solid #e0d5c7;border-radius:12px;color:#5c3d2e;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 16px}.section-nav select:focus{border-color:#d4a574;outline:none}.user-tabs{display:none}.user-management-container .alert{animation:alertFadeIn .25s ease;border-radius:14px;font-size:14px;font-weight:600;margin:0 20px 16px;padding:14px 18px}@keyframes alertFadeIn{0%{opacity:0}to{opacity:1}}.user-management-container .alert-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #721c2433;color:#721c24}.user-management-container .alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #15572433;color:#155724}.loading-spinner{color:#8b7355;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:40px}.user-section{padding:0 20px 20px}.user-section h2{color:#5c3d2e;font-size:20px;font-weight:800;margin:0 0 16px}.section-description{color:#8b7355;font-size:14px;line-height:1.5;margin:0 0 20px}.list-controls{background:#fff;border-radius:16px;box-shadow:0 2px 8px #8b5a2b14;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:16px}.filter-group,.list-controls{align-items:center;display:flex}.filter-group{gap:10px}.filter-group label,.filter-group select{color:#5c3d2e;font-size:14px;font-weight:600}.filter-group select{background:#fff;border:2px solid #8b5a2b26;border-radius:12px;cursor:pointer;padding:10px 14px;transition:border-color .2s ease}.filter-group select:focus{border-color:#d4a574;outline:none}.checkbox-group{align-items:center;display:flex;gap:8px}.checkbox-group input[type=checkbox]{accent-color:#d4a574;cursor:pointer;height:18px;width:18px}.search-bar{align-items:center;display:flex;flex:1 1;max-width:300px;position:relative}.search-icon{font-size:14px;left:12px;pointer-events:none;position:absolute}.search-input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 36px;transition:border-color .2s,box-shadow .2s;width:100%}.search-input:focus{border-color:#8b7355;box-shadow:0 0 0 3px #8b73551a;outline:none}.search-clear{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:14px;padding:4px 8px;position:absolute;right:8px}.search-clear:hover{background:#f0f0f0;color:#666}.show-inactive-toggle{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;gap:6px;white-space:nowrap}.show-inactive-toggle input[type=checkbox]{cursor:pointer;height:16px;width:16px}.show-inactive-toggle span{-webkit-user-select:none;user-select:none}.empty-state{background:#fff;border-radius:20px;box-shadow:0 2px 8px #8b5a2b14;padding:60px 20px}.empty-icon{display:block;font-size:64px;margin-bottom:16px}.empty-state p{color:#5c3d2e;font-size:16px;font-weight:600;margin:0 0 8px}.hint{color:#8b7355;font-size:13px}.users-table-container{background:#fff;border-radius:20px;box-shadow:0 2px 12px #8b5a2b1a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.unsigned-users-table-container{background:#fff;border-radius:20px;box-shadow:0 2px 12px #8b5a2b1a;overflow-x:auto}.users-table td,.users-table th{font-size:14px;padding:14px 16px;text-align:left}.users-table th{background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-bottom:2px solid #8b5a2b1a;color:#5c3d2e;font-weight:700}.users-table td{border-bottom:1px solid #8b5a2b14;color:#5c3d2e}.users-table tbody tr{transition:background-color .2s ease}.users-table tbody tr:hover{background:#d4a57414}.users-table .inactive-row{opacity:.6}.user-card .role-badge,.user-card .status-badge,.users-table .role-badge,.users-table .status-badge{align-items:center;border:none;border-radius:4px;display:inline-flex;font-family:Nunito,sans-serif;font-size:9px!important;font-weight:700;justify-content:center;letter-spacing:.3px;line-height:1;padding:3px 6px!important;text-transform:uppercase;white-space:nowrap}.user-card .role-badge.admin-badge,.users-table .role-badge.admin-badge{background:#ede9fe;color:#7c3aed}.user-card .role-badge.boss-badge,.users-table .role-badge.boss-badge{background:#dbeafe;color:#2563eb}.user-card .role-badge.shift-lead-badge,.users-table .role-badge.shift-lead-badge{background:#ccfbf1;color:#0d9488}.user-card .role-badge.worker-badge,.users-table .role-badge.worker-badge{background:#fef3c7;color:#d97706}.user-card .status-badge.active,.users-table .status-badge.active{background:#dcfce7;color:#16a34a}.user-card .status-badge.inactive,.users-table .status-badge.inactive{background:#f3f4f6;color:#6b7280}.actions-cell{display:flex;flex-wrap:wrap;gap:8px}.actions-cell .action-btn{border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;padding:8px 14px;transition:all .2s ease}.edit-btn{background:linear-gradient(135deg,#d4a574,#c4956a);color:#fff}.edit-btn:hover{box-shadow:0 4px 10px #d4a5744d;transform:translateY(-1px)}.deactivate-btn{background:linear-gradient(135deg,#e57373,#ef5350);color:#fff}.deactivate-btn:hover{box-shadow:0 4px 10px #ef53504d;transform:translateY(-1px)}.activate-btn{background:linear-gradient(135deg,#81c784,#66bb6a)}.activate-btn:hover{box-shadow:0 4px 10px #66bb6a4d;transform:translateY(-1px)}.users-cards-container{display:none}.user-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px #0000000a;margin-bottom:6px;padding:10px 12px}.user-card.inactive-card{background:#f9fafb;opacity:.5}.user-card-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.user-card-row:first-child{margin-bottom:4px}.user-card-name{color:#1f1f1f;flex:1 1;font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-badges{align-items:center;display:flex;flex-shrink:0;gap:4px}.user-card-username{color:#6b7280;flex:1 1;font-size:11px;min-width:0;text-align:right}.user-card-stats{align-items:center;display:flex;flex-shrink:0;gap:6px}.stat-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:11px;font-weight:600;gap:2px;padding:2px 6px}.stat-badge.level{background:#f3f4f6;color:#6b7280}.stat-badge.coins{background:linear-gradient(135deg,#fff8e1,#ffecb3);color:#f57c00}.stat-badge.coins .coin-icon{height:12px;width:12px}.stat-badge.gems{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.user-card-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.user-card .edit-btn-compact{align-items:center;background:#f3f4f6!important;border:none;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-family:Nunito,sans-serif;font-size:9px!important;font-weight:700;justify-content:center;letter-spacing:.3px;line-height:1;padding:3px 8px!important;text-transform:uppercase;transition:background .15s ease;white-space:nowrap}.user-card .edit-btn-compact:hover{background:#e5e7eb}.action-menu-container{position:relative}.more-menu-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;width:28px}.more-menu-btn:hover{background:#f3f4f6}.user-card .action-menu-container .more-menu-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:inline-flex;font-size:14px;height:20px;justify-content:center;padding:0;transition:all .15s ease;width:20px}.user-card .action-menu-container .more-menu-btn:hover{background:#f3f4f6;color:#374151}.action-menu-dropdown{animation:fadeInUp .15s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 20px #0000001f;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.menu-item{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.menu-item:hover{background:#f9fafb}.menu-item-warning{color:#dc2626}.menu-item-warning:hover{background:#fef2f2}.menu-item-danger{color:#c44!important}.menu-item-danger:hover{background:#fff0f0!important}.menu-item-success{color:#16a34a}.menu-item-success:hover{background:#f0fdf4}.inactive-users-section{border:1px solid #e0e0e0;border-radius:12px;margin-top:24px;overflow:hidden}.inactive-header{align-items:center;background:linear-gradient(135deg,#f5f5f5,#ebebeb);border:none;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:background .2s;width:100%}.inactive-header:hover{background:linear-gradient(135deg,#ebebeb,#e0e0e0)}.inactive-header-text{color:#666;font-size:14px;font-weight:600}.inactive-header-icon{color:#888;font-size:12px}.inactive-users-list{background:#fafafa;padding:8px}.inactive-user-card{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 14px}.inactive-user-card:last-child{margin-bottom:0}.inactive-user-info{display:flex;flex-direction:column;gap:2px}.inactive-user-name{color:#888;font-size:14px;font-weight:600}.inactive-user-username{color:#aaa;font-size:12px}.inactive-user-date{color:#bbb;font-size:11px}.inactive-user-actions{align-items:center;display:flex;gap:8px}.btn-reactivate{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:transform .1s,box-shadow .2s}.btn-reactivate:hover{box-shadow:0 2px 8px #4caf504d;transform:translateY(-1px)}.btn-delete{align-items:center;background:linear-gradient(135deg,#f44336,#d32f2f);border-radius:6px;display:flex;height:32px;justify-content:center;transition:transform .1s,box-shadow .2s;width:32px}.btn-delete:hover{box-shadow:0 2px 8px #f443364d;transform:translateY(-1px)}.delete-hint{color:#ccc;cursor:help;font-size:14px;height:32px;width:32px}.confirm-modal-overlay,.delete-hint{align-items:center;display:flex;justify-content:center}.confirm-modal-overlay{animation:fadeIn .2s ease;background:#00000080;inset:0;padding:20px;position:fixed;z-index:1000}.confirm-modal{animation:scaleIn .2s ease;border-radius:20px}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirm-modal-title{color:#5c3d2e;font-size:18px;font-weight:800;margin:0 0 12px;text-align:center}.confirm-modal-message{color:#8b7355;font-size:14px;line-height:1.5;margin:0 0 24px;text-align:center}.confirm-modal-actions{display:flex;gap:12px}.confirm-modal-cancel{background:#8b5a2b1a;border:none;border-radius:12px;color:#8b5a2b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 20px;transition:all .2s ease}.confirm-modal-cancel:hover{background:#8b5a2b33}.confirm-modal-confirm{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:14px 20px;transition:all .2s ease}.confirm-modal-confirm.confirm-warning{background:#e6a23c;color:#fff}.confirm-modal-confirm.confirm-warning:hover:not(:disabled){background:#d4932e}.confirm-modal-confirm.confirm-success{background:linear-gradient(135deg,#81c784,#66bb6a);color:#fff}.confirm-modal-confirm.confirm-success:hover:not(:disabled){box-shadow:0 4px 10px #66bb6a4d;transform:translateY(-1px)}.confirm-modal-confirm.confirm-danger{background:linear-gradient(135deg,#f44336,#d32f2f)}.confirm-modal-confirm.confirm-danger:disabled{background:#ccc;cursor:not-allowed}.confirm-modal-confirm:disabled{cursor:not-allowed;opacity:.6}.delete-confirm-input{border:2px solid #ddd;border-radius:8px;font-size:14px;margin-top:8px;padding:12px;width:100%}.delete-confirm-input:focus{border-color:#f44336;outline:none}.form-row{margin-bottom:20px}.form-group{flex:1 1}.form-group label{color:#5c3d2e;font-weight:700}.form-group input,.form-group select{background:#fff;border:2px solid #8b5a2b26;border-radius:14px;box-sizing:border-box;color:#5c3d2e;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#d4a574;box-shadow:0 0 0 3px #d4a57433;outline:none}.form-hint{color:#9ca3af;display:block;font-size:11px;font-style:italic;margin-top:4px}.form-group select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.input-with-button{display:flex;gap:10px}.input-with-button input{flex:1 1}.generate-btn{background:#8b5a2b1a;border:none;border-radius:14px;color:#8b5a2b;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;padding:12px 16px;transition:all .2s ease}.generate-btn:hover{background:#8b5a2b33}.form-actions{border-top:1px solid #8b5a2b1a;margin-top:24px;padding-top:20px}.btn-primary{background:linear-gradient(135deg,#6dc276,#5cb865);border:none;border-radius:14px;box-shadow:0 4px 12px #5cb8654d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 28px;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #5cb86566;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#8b5a2b1a;border:none;border-radius:14px;color:#8b5a2b;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s ease}.btn-secondary:hover{background:#8b5a2b33}.btn-danger{background:linear-gradient(135deg,#e57373,#ef5350);border:none;border-radius:14px;box-shadow:0 4px 12px #ef53504d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 24px;transition:all .2s ease}.btn-danger:hover:not(:disabled){box-shadow:0 6px 16px #ef535066;transform:translateY(-2px)}.btn-danger:disabled{cursor:not-allowed;opacity:.6;transform:none}.back-btn{color:#8b5a2b;font-size:15px;font-weight:600;margin-bottom:16px;padding:10px 0;transition:all .2s ease}.back-btn:hover{color:#5c3d2e;transform:translateX(-4px)}.submit-btn{background:linear-gradient(135deg,#6dc276,#5cb865);font-size:14px;font-weight:700;margin-top:6px;padding:12px 16px;transition:all .2s ease}.submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #5cb8654d}.submit-btn:disabled{opacity:.6}.add-user-form{background:#fff;border-radius:20px;box-shadow:0 2px 12px #8b5a2b1a;display:flex;flex-direction:column;gap:10px;padding:16px}.add-user-form .form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:0}.add-user-form .form-row.single{grid-template-columns:1fr}.add-user-form .form-group{display:flex;flex-direction:column;gap:4px}.add-user-form .form-group label{color:#374151;font-size:12px;font-weight:600;margin-bottom:0}.add-user-form .form-group input,.add-user-form .form-group select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f1f1f;font-size:14px;padding:10px 12px}.add-user-form .form-group input:focus,.add-user-form .form-group select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.input-with-inline-btn{align-items:center;display:flex;position:relative}.input-with-inline-btn input{flex:1 1;padding-right:40px!important}.inline-auto-btn{align-items:center;background:linear-gradient(135deg,#8b7355,#6b5344);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:28px}.inline-auto-btn:hover{background:linear-gradient(135deg,#9b8365,#7b6354);transform:translateY(-50%) scale(1.05)}.inline-auto-btn:active{transform:translateY(-50%) scale(.95)}.user-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:12px;padding:16px}.user-form .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:0}.user-form .form-group{display:flex;flex-direction:column;gap:4px}.user-form .form-group label{color:#374151;font-size:13px;font-weight:600;margin-bottom:0}.user-form .form-group input,.user-form .form-group select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f1f1f;font-size:14px;padding:10px 12px}.user-form .form-group input:focus,.user-form .form-group select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.user-form .form-actions{border-top:none;margin-top:8px;padding-top:0}.user-form .checkbox-group{align-items:center;flex-direction:row;gap:8px}.user-form .checkbox-group input[type=checkbox]{height:18px;width:18px}.user-form .checkbox-group label{margin-bottom:0}.user-form select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.password-reset-section{background:#f9fafb;border-radius:10px;margin-top:16px;padding:14px}.password-reset-section h3{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.password-reset-section .form-row{margin-bottom:0}.password-reset-section .input-with-button{display:flex;gap:8px}.password-reset-section .input-with-button input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:14px;padding:10px 12px}.password-reset-section .btn-secondary{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;white-space:nowrap}.password-reset-section .btn-secondary:hover{background:#dc2626}.user-info-section{background:#fff;border-radius:20px;box-shadow:0 2px 12px #8b5a2b1a;margin-top:20px;padding:24px}.user-info-section h3{color:#5c3d2e;font-size:18px;font-weight:700;margin:0 0 16px}.info-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{border-radius:12px;padding:12px 16px}.info-label{display:block;font-size:12px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.info-value{color:#5c3d2e;display:block;font-weight:600}.capybara-reset-section{background:linear-gradient(135deg,#fff8f0,#fff3e0);border:2px solid #d4a5744d;border-radius:20px;margin-top:20px;padding:24px}.capybara-reset-section h3{color:#5c3d2e;font-size:18px;font-weight:700;margin:0 0 12px}.section-hint{color:#8b7355;font-size:14px;margin:0 0 12px}.reset-details{list-style:none;margin:0 0 20px;padding:0}.reset-details li{color:#8b7355;font-size:13px;padding:6px 0 6px 24px;position:relative}.reset-details li:before{color:#d4a574;content:"•";font-weight:700;left:8px;position:absolute}.edit-user-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.edit-user-header .back-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.edit-user-header .back-btn:hover{background:#eee;color:#333}.edit-user-title{display:flex;flex-direction:column;gap:2px}.edit-user-title h2{color:#333;font-size:20px;font-weight:600;margin:0}.edit-user-username{color:#888;font-size:13px}.edit-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;margin-bottom:12px;padding:16px}.edit-card-header{align-items:center;color:#8b7355;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:12px}.edit-card-content{display:flex;flex-direction:column;gap:10px}.edit-card.collapsible{padding:0}.edit-card.collapsible summary{cursor:pointer;list-style:none;padding:16px;-webkit-user-select:none;user-select:none}.edit-card.collapsible summary::-webkit-details-marker{display:none}.edit-card.collapsible .edit-card-header.clickable{margin-bottom:0}.edit-card.collapsible .collapse-icon{color:#999;font-size:10px;transition:transform .2s}.edit-card.collapsible[open] .collapse-icon{transform:rotate(180deg)}.edit-card.collapsible .edit-card-content{border-top:1px solid #f0f0f0;padding:12px 16px 16px}.edit-form{display:flex;flex-direction:column;overflow-x:hidden}.edit-form,.edit-form-row{box-sizing:border-box;gap:12px;max-width:100%}.edit-form-row{grid-gap:12px;display:grid}.edit-form-row.three-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(80px,100px)}.edit-form-row.two-col{grid-template-columns:1fr 1fr}.edit-form-group{display:flex;flex-direction:column;gap:4px}.edit-form-group.full-width{grid-column:1/-1}.edit-form-group label{color:#666;font-size:12px;font-weight:500}.edit-form-group input,.edit-form-group select{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s}.edit-form-group input:focus,.edit-form-group select:focus{border-color:#8b7355;outline:none}.edit-form-group select:disabled{background:#f5f5f5;color:#999}.edit-form-group select option,.invite-email-select{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-email-select option{font-size:12px}.edit-form-actions{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:4px;padding-top:12px}.edit-checkbox{align-items:center;color:#555;cursor:pointer;display:flex;font-size:14px;gap:8px}.edit-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.btn-save{background:linear-gradient(135deg,#4caf50,#45a049);font-weight:500;transition:transform .1s,box-shadow .2s}.btn-save:hover:not(:disabled){box-shadow:0 2px 8px #4caf504d;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-outline{background:#fff;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.btn-outline:hover:not(:disabled){border-color:#8b7355;color:#8b7355}.btn-outline:disabled{cursor:not-allowed;opacity:.5}.btn-danger-outline{background:#fff;border:1px solid #f44336;border-radius:8px;color:#f44336;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.btn-danger-outline:hover:not(:disabled){background:#fff5f5}.btn-danger-outline:disabled{cursor:not-allowed;opacity:.5}.inline-action-row{align-items:center;display:flex;gap:8px}.inline-input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;padding:10px 12px}.inline-input:focus{border-color:#8b7355;outline:none}.inline-label{color:#666;font-size:13px;white-space:nowrap}.level-input-small{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:8px 10px;text-align:center;width:70px}.level-input-small:focus{border-color:#8b7355;outline:none}.hint-text{color:#999;font-size:11px;margin:0}.edit-card.compact-info{align-items:center;background:#fafafa;display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.edit-card.compact-info .info-item{color:#666;font-size:13px}.edit-card.compact-info .info-item strong{color:#888;font-weight:500}.edit-card.compact-info .info-divider{color:#ddd}.create-mode-toggle{background:#f5f0eb;border-radius:12px;display:flex;gap:0;margin-bottom:16px;padding:4px}.mode-btn{background:#0000;border:none;border-radius:0;color:#8b7355;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px 14px;position:relative;transition:all .2s}.mode-btn:first-child{border-radius:10px 0 0 10px}.mode-btn:last-child{border-radius:0 10px 10px 0}.mode-btn:hover:not(.active){background:#8b735514}.mode-btn.active{background:linear-gradient(135deg,#8b7355,#6b5a45);box-shadow:0 2px 8px #8b73554d;color:#fff}.create-mode-tabs{display:flex;gap:8px;margin-bottom:20px}.create-mode-btn{background:#fff;border:2px solid #e8dfd0;border-radius:8px;color:#6b5b4f;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s}.create-mode-btn:hover{background:#f5fff5;border-color:#7db87d}.create-mode-btn.active{background:linear-gradient(135deg,#7db87d,#5a9a5a);border-color:#7db87d;color:#fff}.field-hint{color:#999}.password-input-wrapper{position:relative}.password-masked-input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:monospace;font-size:14px;letter-spacing:2px;padding:10px 12px;transition:border-color .2s;width:100%}.password-masked-input:focus{border-color:#8b7355;outline:none}.password-masked-input::placeholder{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:normal}.invite-form-container{max-width:500px}.invite-description{color:#6b5b4f;line-height:1.5;margin-bottom:20px}.invite-form{margin-bottom:24px}.invite-form .form-group{margin-bottom:16px}.invite-form label{color:#5c4033;display:block;font-weight:600;margin-bottom:6px}.invite-form input{border:2px solid #e8dfd0;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px;width:100%}.invite-form input:focus{border-color:#7db87d;outline:none}.invite-btn{background:linear-gradient(135deg,#5c9ded,#4a7bc4)!important}.invite-btn:hover:not(:disabled){box-shadow:0 4px 12px #5c9ded66}.invite-info{background:#f5f0e8;border-radius:12px;padding:16px 20px}.invite-info h4{color:#5c4033;font-size:14px;margin:0 0 12px}.invite-info ol{color:#6b5b4f;font-size:13px;line-height:1.8;margin:0;padding-left:20px}.invite-steps{background:linear-gradient(135deg,#fefcf9,#fff8f0);border:1px solid #e8dfd0;border-radius:12px;margin-top:20px;padding:16px}.steps-title{color:#8b7355;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.invite-steps .steps-list{align-items:center;color:#5d4e3e;display:flex;font-size:11px;gap:4px;justify-content:space-between}.invite-steps .steps-list span:nth-child(odd){background:#fff;border:1px solid #e8dfd0;border-radius:8px;flex:1 1;font-weight:500;min-width:0;overflow:hidden;padding:8px 6px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.invite-steps .steps-list span:nth-child(2n){color:#d4a574;flex-shrink:0;font-size:10px}.accessory-prices-grid{display:flex;flex-direction:column;gap:8px;overflow-x:hidden}.accessory-prices-grid,.edit-form input,.edit-form select{box-sizing:border-box;max-width:100%}.accessory-price-card{align-items:center;background:#fff;border:1px solid #e8e0d8;border-radius:10px;display:flex;flex-direction:row;overflow:hidden;transition:all .15s}.accessory-price-card:hover{border-color:#d4a574;box-shadow:0 2px 8px #8b5a2b1a;transform:none}.accessory-preview{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);display:flex;height:60px;justify-content:center;min-width:60px;padding:8px;width:60px}.accessory-preview img,.accessory-preview-image{max-height:100%;max-width:100%;object-fit:contain}.accessory-preview.head-item{align-items:flex-start;overflow:hidden}.accessory-preview.head-item img{height:auto;min-height:100%;object-fit:cover;object-position:top center;transform:scale(1.4);transform-origin:top center;width:100%}.admin-item-header{gap:8px}.admin-item-header,.admin-item-meta{align-items:center;display:flex;flex-wrap:wrap}.admin-item-meta{gap:6px}.status-pill{border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.status-pill.active{background:#ecfdf5;color:#059669}.status-pill.inactive{background:#f3f4f6;color:#6b7280}.category-pill{background:#fef3c7;border-radius:8px;color:#92400e;font-size:10px;font-weight:500;padding:2px 8px}.category-pill.items{background:#ede9fe;color:#7c3aed}.price-pill{color:#b8860b;gap:3px}.btn-edit-small{background:#f5f0eb;border:1px solid #e8e0d5;border-radius:6px;color:#8b7355;cursor:pointer;font-size:11px;font-weight:600;margin-left:auto;padding:4px 12px;transition:all .15s}.btn-edit-small:hover{background:#ede5db;border-color:#d4c4b0}.admin-item-actions{border-left:1px solid #f0ebe6;display:flex;flex-direction:column;justify-content:center;padding:8px}.admin-item-actions .btn-edit-small{align-items:center;display:flex;font-size:16px;height:36px;justify-content:center;margin-left:0;padding:0;width:36px}.rarity-pill{border-radius:8px;font-size:10px;padding:2px 6px}.rarity-pill,.rarity-pill.common{background:#f3f4f6}.rarity-pill.rare{background:#fef3c7}.rarity-pill.legendary{background:#fee2e2}.status-pill.box{background:#ede9fe;color:#7c3aed}.status-pill.both{background:linear-gradient(135deg,#ecfdf5,#fef3c7);border:1px solid #d4a574;color:#5d4e3a}.accessory-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;padding:8px 12px}.accessory-category{color:#a08060;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.accessory-name-text{color:#5d4037;font-size:14px;font-weight:600;line-height:1.2}.rarity-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-top:2px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.rarity-badge .rarity-stars{font-size:9px;letter-spacing:-1px}.rarity-badge .rarity-text{text-transform:capitalize}.rarity-badge.common{background:#f5f0eb;color:#8b7355}.rarity-badge.rare{background:#f3e8ff;color:#7c3aed}.rarity-badge.legendary{background:#fef3c7;color:#d97706}.accessory-status{margin-top:4px;min-height:24px}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-weight:600;gap:4px;padding:4px 10px}.status-badge.notlisted{background:#f3f4f6;color:#9ca3af}.status-badge.warning{background:#fef3c7;color:#d97706;font-size:10px}.shop-price{align-items:center;background:#fef3c7;border-radius:6px;color:#d97706;display:inline-flex;font-size:13px;font-weight:700;gap:4px;padding:4px 10px}.box-tags{display:flex;flex-wrap:wrap;gap:4px}.box-tag{align-items:center;background:#e8ddd4;border-radius:6px;color:#6d4522;display:inline-flex;font-size:10px;font-weight:600;gap:3px;padding:4px 8px;white-space:nowrap}.card-actions{border-top:1px solid #f0e6dc;display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px}.btn-edit-price{background:#8b5a2b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 18px;transition:all .2s ease}.btn-edit-price:hover{background:#6d4522;transform:translateY(-1px)}.accessory-filters{background:#fff;border-radius:16px;box-shadow:0 2px 8px #8b5a2b14;display:flex;gap:16px;margin-bottom:20px;padding:16px}.mystery-badge{align-items:center;background:linear-gradient(135deg,#fed7aa,#fdba74);border-radius:8px;color:#9a3412;display:inline-flex;font-size:11px;font-weight:700;gap:2px;padding:4px 8px}.price-display{justify-content:space-between;margin-top:8px}.current-price{color:#8b6914;font-size:16px;font-weight:800}.price-edit-form{margin-top:10px}.price-input{border:2px solid #8b5a2b33;border-radius:12px;box-sizing:border-box;font-size:15px;font-weight:600;margin-bottom:10px;padding:10px 14px;width:100%}.price-input:focus{border-color:#d4a574;outline:none}.price-edit-buttons{display:flex;gap:8px}.btn-save-price{background:linear-gradient(135deg,#6dc276,#5cb865);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:10px 14px;transition:all .2s ease}.btn-save-price:hover:not(:disabled){transform:translateY(-1px)}.btn-save-price:disabled{cursor:not-allowed;opacity:.6}.btn-cancel-price{background:#8b5a2b1a;border:none;border-radius:10px;color:#8b5a2b;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:10px 14px;transition:all .2s ease}.btn-cancel-price:hover{background:#8b5a2b33}.create-box-form{background:linear-gradient(135deg,#fff8f0,#f5ebe0);border:1px solid #e5d5c5;border-radius:16px;margin-bottom:24px;padding:24px}.create-box-form h3{color:#5d4037;font-size:18px;margin:0 0 20px}.create-box-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.create-box-form .form-group{display:flex;flex-direction:column;gap:6px}.create-box-form .form-group label{color:#5d4037;font-size:14px;font-weight:600}.create-box-form input[type=number],.create-box-form input[type=text]{border:1.5px solid #e5d5c5;border-radius:10px;box-sizing:border-box;font-size:14px;padding:12px 14px;transition:border-color .2s ease}.create-box-form input:focus{border-color:#d4a574;outline:none}.create-box-form .checkbox-label{align-items:center;color:#5d4037;cursor:pointer;display:flex;font-weight:500;gap:10px}.create-box-form .checkbox-label input[type=checkbox]{accent-color:#8b5a2b;cursor:pointer;height:20px;width:20px}.create-box-form .form-actions{display:flex;gap:12px;margin-top:20px}.create-box-form .cancel-btn{background:#f5f5f5;border:none;border-radius:10px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.create-box-form .cancel-btn:hover{background:#ebebeb}.create-box-form .submit-btn{background:linear-gradient(135deg,#7db87d,#6ba86b);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.create-box-form .submit-btn:hover{box-shadow:0 4px 12px #6ba86b4d;transform:translateY(-1px)}.create-box-form .btn-save:disabled,.create-box-form .submit-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.capy-boxes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.capy-box-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #8b5a2b1a;padding:20px;transition:all .2s ease}.capy-box-card:hover{box-shadow:0 4px 16px #8b5a2b26;transform:translateY(-2px)}.capy-box-card.inactive{background:#f9f9f9;opacity:.6}.box-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.box-header h4{color:#5d4037;flex:1 1;font-size:17px;margin:0}.box-description{color:#8b7355;font-size:13px;line-height:1.4;margin:0 0 14px}.box-prices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.price-tag{border-radius:8px;font-size:13px;font-weight:600;padding:5px 10px}.price-tag.coins{background:#fef3c7;color:#d97706}.price-tag.gems{background:#e0e7ff;color:#4f46e5}.price-tag.none{background:#f3f4f6;color:#9ca3af;font-style:italic;font-weight:400}.box-stats{align-items:center;border-bottom:1px solid #f0e6dc;border-top:1px solid #f0e6dc;color:#8b7355;display:flex;font-size:13px;justify-content:space-between;margin-bottom:14px;padding:12px 0}.rarity-breakdown{display:flex;font-size:12px;gap:6px}.box-actions{display:flex;gap:10px}.box-actions .delete-btn,.box-actions .edit-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px;transition:all .2s ease}.box-actions .edit-btn{background:#f5ebe0;color:#8b5a2b}.box-actions .edit-btn:hover{background:#e8d5c4}.box-actions .delete-btn{background:#fee2e2;color:#dc2626;flex:0 0 auto;padding:10px 14px}.box-actions .delete-btn:hover{background:#fecaca}.empty-message{background:#fff8f0;border-radius:12px;color:#a08060;font-style:italic;padding:40px;text-align:center}.box-image-selector,.box-type-selector{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.box-type-option{background:#fdfcfb;border:2px solid #e5d5c5;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:180px;padding:12px 14px;transition:all .2s ease}.box-type-option:hover{background:#fff8f0;border-color:#d4a574}.box-type-option.selected{background:#fff3e6;border-color:#8b5a2b;box-shadow:0 0 0 3px #8b5a2b26}.box-type-option .type-label{color:#5d4037;font-size:13px;font-weight:700}.box-type-option .type-description{color:#8b7355;font-size:11px}.box-image-option{align-items:center;background:#fdfcfb;border:2px solid #e5d5c5;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:10px;transition:all .2s ease;width:80px}.box-image-option:hover{background:#fff8f0;border-color:#d4a574}.box-image-option.selected{background:#fff3e6;border-color:#8b5a2b;box-shadow:0 0 0 3px #8b5a2b26}.box-image-option img{height:50px;object-fit:contain;width:50px}.box-image-option span{color:#6b5b4f;font-size:11px;font-weight:500;text-align:center}.box-image-option .custom-image-placeholder{align-items:center;background:#f5f0eb;border-radius:8px;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.capy-box-card .box-card-header{display:flex;gap:16px;margin-bottom:12px}.capy-box-card .box-image{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ede4);border-radius:12px;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.capy-box-card .box-image img{height:100%;object-fit:cover;width:100%}.capy-box-card .box-image .box-emoji{font-size:36px}.capy-box-card .box-info{flex:1 1;min-width:0}.capy-box-card .box-info h4{color:#5d4037;font-size:16px;font-weight:600;margin:0 0 4px}.box-type-badge{align-items:center;background:#f5f0eb;border-radius:8px;display:inline-flex;font-size:12px;justify-content:center;margin-left:8px;padding:2px 6px}.box-type-badge.accessories{background:#fce7f3}.box-type-badge.furniture{background:#e0f2fe}.hidden-badge{align-items:center;background:#f3f4f6;border-radius:8px;color:#6b7280;display:inline-flex;font-size:11px;justify-content:center;margin-left:6px;padding:2px 6px}.capy-box-card .box-info .box-description{color:#8b7355;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capy-box-card .box-card-details{align-items:center;border-bottom:1px solid #f0e6dc;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.capy-box-card .box-prices{display:flex;gap:12px}.capy-box-card .box-prices .price{font-size:14px;font-weight:600}.capy-box-card .box-prices .no-price{color:#9ca3af;font-size:13px;font-style:italic}.capy-box-card .box-stats{align-items:center;display:flex;gap:10px}.capy-box-card .box-stats .stat{color:#6b7280;font-size:12px}.capy-box-card .box-card-rates{display:flex;gap:8px;margin-bottom:12px}.capy-box-card .box-card-rates .rate{border-radius:6px;font-size:11px;font-weight:500;padding:4px 8px}.capy-box-card .box-card-rates .rate.common{background:#f3f4f6;color:#6b7280}.capy-box-card .box-card-rates .rate.rare{background:#dbeafe;color:#1d4ed8}.capy-box-card .box-card-rates .rate.legendary{background:#fef3c7;color:#b45309}.capy-box-card .box-card-actions{display:flex;gap:8px}.capy-box-card .box-card-actions .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:8px 12px;transition:all .15s ease}.capy-box-card .box-card-actions .action-btn.contents{background:#e0f2fe;color:#0369a1}.capy-box-card .box-card-actions .action-btn.contents:hover{background:#bae6fd}.capy-box-card .box-card-actions .action-btn.edit{background:#fef3c7;color:#b45309}.capy-box-card .box-card-actions .action-btn.edit:hover{background:#fde68a}.capy-box-card .box-card-actions .action-btn.delete{background:#fee2e2;color:#dc2626;flex:0 1;padding:8px 12px}.capy-box-card .box-card-actions .action-btn.delete:hover{background:#fecaca}.box-list .box-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.box-list .box-grid.furniture-grid{gap:8px;grid-template-columns:1fr}.contents-list{display:flex;flex-direction:column;gap:8px}.contents-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:300px;overflow-y:auto;padding:4px}.contents-grid .contents-item{flex-direction:column;gap:6px;padding:8px;position:relative;text-align:center}.contents-grid .contents-item input[type=checkbox]{cursor:pointer;height:18px;position:absolute;right:6px;top:6px;width:18px;z-index:10}.contents-grid .contents-item .contents-item-info{display:none}.contents-grid .contents-item.selected{background:#fff5e6;border-color:#8b5a2b;box-shadow:0 0 0 2px #8b5a2b4d}.contents-item{background:#fff8f0;border:1.5px solid #e5d5c5;border-radius:12px;gap:12px;padding:10px 12px}.contents-item:hover{background:#fff5e6;border-color:#d4a574}.contents-item input[type=checkbox]{accent-color:#8b5a2b;cursor:pointer;flex-shrink:0;height:20px;width:20px}.contents-item-image{background:#fff;border-radius:8px;flex-shrink:0;height:44px;object-fit:contain;padding:4px;width:44px}.contents-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.contents-item-name{color:#5d4037;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contents-item-name .category-tag{color:#8b7355;font-size:12px;font-weight:400}.contents-item-rarity{font-size:11px;text-transform:capitalize}.contents-item-rarity.common{color:#6b7280}.contents-item-rarity.rare{color:#7c3aed}.contents-item-rarity.legendary{color:#d97706}.contents-item-info .name{color:#5d4037;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contents-item-info .name .category-tag{color:#8b7355;font-size:12px;font-weight:400}.contents-search{margin-bottom:14px}.contents-search input{background:#fff;border:1.5px solid #e5d5c5;border-radius:10px;box-sizing:border-box;font-size:14px;padding:12px 14px;width:100%}.contents-search input:focus{border-color:#d4a574;outline:none}.box-checkbox-list{background:#fff8f0;border:1px solid #e5d5c5;border-radius:8px;display:flex;flex-direction:column;gap:6px;max-height:120px;overflow-y:auto;padding:8px;width:100%}.box-checkbox-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:4px 0}.box-checkbox-item input[type=checkbox]{accent-color:#8b5a2b;cursor:pointer;height:16px;width:16px}.box-checkbox{align-items:center;cursor:pointer;display:flex;gap:12px;padding:4px 0}.furniture-card{align-items:stretch;background:#fff;border:1px solid #e8e0d8;border-radius:10px;display:flex;flex-direction:row;min-height:100px;overflow:hidden;transition:all .2s ease}.furniture-card:hover{border-color:#d4a574;box-shadow:0 2px 12px #8b5a2b14}.furniture-card.inactive{background:#fafaf8;opacity:.5}.furniture-card.rare{background:linear-gradient(135deg,#fffdf7,#fff9ed);border-color:#e5b94e}.furniture-card-image{align-items:center;background:linear-gradient(135deg,#faf7f4,#f5f0eb);display:flex;height:auto;justify-content:center;min-height:70px;min-width:70px;padding:8px;position:relative;width:70px}.furniture-card-image img{height:100%;object-fit:contain;width:100%}.furniture-card-image .no-image{font-size:28px;opacity:.3}.furniture-card-image .inactive-badge{background:#6b7280d9;border-radius:3px;color:#fff;font-size:8px;font-weight:600;left:4px;letter-spacing:.3px;padding:2px 4px;position:absolute;text-transform:uppercase;top:4px}.furniture-card-info{display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;min-width:0;padding:8px 10px}.furniture-card-header{align-items:flex-start;display:flex;gap:6px;justify-content:space-between}.furniture-name{align-items:center;color:#4a3f35;display:flex;font-size:13px;font-weight:600;gap:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.furniture-name .rare-badge,.furniture-name .seasonal-badge{flex-shrink:0;font-size:11px}.furniture-card-id{background:#f5f2ef;border-radius:3px;color:#9b8b7a;font-family:SF Mono,Monaco,monospace;font-size:10px;padding:1px 5px;width:-webkit-fit-content;width:fit-content}.furniture-card-prices{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.furniture-card-prices .price{font-size:12px;font-weight:600}.furniture-card-prices .price.coins{color:#b8860b}.furniture-card-prices .price.gems{color:#8b5cf6}.furniture-card-prices .no-price{color:#b8a99a;font-size:11px;font-style:italic}.furniture-card-prices .like-bonus{background:#e8f5e8;border-radius:3px;color:#2e7d32;font-size:10px;font-weight:500;padding:1px 5px}.furniture-card-theme{color:#8b7355;font-size:10px;margin-top:auto}.category-badge{border-radius:4px;flex-shrink:0;font-size:9px;font-weight:600;padding:2px 6px;text-transform:capitalize;white-space:nowrap}.category-badge.category-furniture{background:#ede8e3;color:#6b5b4f}.category-badge.category-wall{background:#f5e6e0;color:#8b5a5a}.category-badge.category-floor{background:#e5ede5;color:#5a6b5a}.category-badge.category-decoration{background:#ede5f0;color:#6b5a7a}.furniture-card-actions{background:#0000;border-left:1px solid #f0ebe6;border-top:none;display:flex;flex-direction:column;gap:4px;justify-content:center;margin-top:0;padding:8px}.furniture-card-actions .action-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;font-size:13px;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.furniture-card-actions .action-btn.assign{background:#f0f4f8;border-color:#e0e8ef;color:#5a7a8a}.furniture-card-actions .action-btn.assign:hover{background:#e3ecf3;border-color:#c5d5e0}.furniture-card-actions .action-btn.edit{background:#faf6f0;border-color:#e8e0d5;color:#8b7355}.furniture-card-actions .action-btn.edit:hover{background:#f5ede2;border-color:#d4c4b0}.furniture-card-actions .action-btn.delete{background:#fdf5f5;border-color:#f0e0e0;color:#a07070}.furniture-card-actions .action-btn.delete:hover{background:#fae8e8;border-color:#e0c5c5}.user-management-container .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.user-management-container .modal-header{align-items:center;border-bottom:1px solid #e5d5c5;display:flex;justify-content:space-between;padding:20px 24px}.user-management-container .modal-header h3{color:#5d4037;font-size:18px;margin:0}.user-management-container .modal-close{background:none;border:none;border-radius:6px;color:#8b7355;cursor:pointer;font-size:20px;padding:4px 8px;transition:all .2s ease}.user-management-container .modal-close:hover{background:#f5ebe0;color:#5d4037}.user-management-container .modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.user-management-container .modal-hint{color:#8b7355;font-size:13px;line-height:1.4;margin:0 0 16px}.user-management-container .modal-box-list{background:#fff8f0;border:1px solid #e5d5c5;border-radius:10px;margin-top:8px;padding:10px}.field-warning{color:#dc2626;font-size:12px;margin:8px 0 0}.user-management-container .modal-footer{align-items:center;background:#fffaf5;border-radius:0 0 20px 20px;border-top:1px solid #e5d5c5;display:flex;justify-content:space-between;padding:16px 24px}.selected-count{color:#8b7355;font-size:13px;font-weight:500}.user-management-container .modal-actions{display:flex;gap:10px}.user-management-container .modal-actions .btn-cancel{background:#f5f5f5;border:none;border-radius:10px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.user-management-container .modal-actions .btn-cancel:hover{background:#ebebeb}.user-management-container .modal-actions .btn-save{background:linear-gradient(135deg,#8b7355,#6b5b4f);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.user-management-container .modal-actions .btn-save:hover:not(:disabled){background:linear-gradient(135deg,#7a6548,#5a4a3f);box-shadow:0 4px 12px #8b5a2b4d;transform:translateY(-1px)}.user-management-container .modal-actions .btn-save:disabled{cursor:not-allowed;opacity:.6}.accessory-edit-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:420px;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.edit-accessory-preview{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.edit-accessory-preview img{background:#fff;border-radius:10px;height:70px;object-fit:contain;padding:8px;width:70px}.edit-accessory-info{display:flex;flex-direction:column;gap:4px}.edit-accessory-category{color:#a08060;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.edit-accessory-name{color:#5d4037;font-size:18px;font-weight:600}.edit-field{margin-bottom:16px}.edit-field label{color:#5d4037;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.edit-field input[type=number],.edit-field select{background:#fff;border:1.5px solid #e5d5c5;border-radius:10px;box-sizing:border-box;font-size:14px;padding:12px 14px;width:100%}.edit-field input:focus,.edit-field select:focus{border-color:#d4a574;outline:none}.accessory-edit-modal .edit-fields-row,.edit-accessory-modal .edit-fields-row{display:flex;flex-wrap:wrap;gap:12px}.accessory-edit-modal .edit-field-small,.edit-accessory-modal .edit-field-small{flex:0 0 auto;min-width:80px}.accessory-edit-modal .edit-field-small select,.edit-accessory-modal .edit-field-small select{min-width:70px}.coin-icon-inline{height:16px;margin-right:2px;vertical-align:middle;width:16px}.edit-contents-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}.modal-content.compact-modal{background:#fff!important;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;position:relative;width:90%;z-index:1001}.modal-content.compact-modal .modal-header{align-items:center;background:linear-gradient(135deg,#faf7f4,#f5f0eb);border-bottom:1px solid #e8e0d8;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.modal-content.compact-modal .modal-header h3{color:#4a3f35;font-size:16px;font-weight:600;margin:0}.modal-content.compact-modal .close-btn{background:none;border:none;border-radius:6px;color:#8b7355;cursor:pointer;font-size:18px;padding:4px 8px;transition:all .15s ease}.modal-content.compact-modal .close-btn:hover{background:#e8e0d8;color:#5d4037}.modal-content.compact-modal .modal-body{background:#fff;padding:20px}.modal-content.compact-modal .modal-footer{background:#faf7f4;border-radius:0 0 16px 16px;border-top:1px solid #e8e0d8;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.modal-content.compact-modal .btn-cancel{background:#fff;border:1.5px solid #e5d5c5;border-radius:8px;color:#6b5b4f;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.modal-content.compact-modal .btn-save{background:linear-gradient(135deg,#8b7355,#6b5b4f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.settings-card{background:#fff;border-radius:20px;box-shadow:0 2px 12px #8b5a2b1a;padding:24px}.settings-card h2{color:#5c3d2e;font-size:20px;font-weight:800;margin:0 0 8px}.settings-card .section-description{margin-bottom:24px}.admin-coin-row{align-items:center;display:flex;gap:10px}.admin-coin-row .setting-input{flex:1 1;font-size:16px;height:auto;max-width:150px;min-width:80px;padding:10px 12px}.admin-coin-row .btn-primary{padding:10px 16px;white-space:nowrap}.settings-form{max-width:100%}.setting-group{margin-bottom:24px}.setting-group label{align-items:center;color:#5c3d2e;display:flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:10px}.setting-input{background:#fff;border:2px solid #8b5a2b26;border-radius:14px;box-sizing:border-box;color:#5c3d2e;font-size:18px;font-weight:700;padding:14px 16px;transition:all .2s ease;width:100%}.setting-input:focus{border-color:#d4a574;box-shadow:0 0 0 3px #d4a57433;outline:none}.setting-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.setting-helper{font-size:13px;line-height:1.4;margin-top:8px}.setting-helper,.setting-hint{color:#8b7355;display:block;font-weight:500}.setting-hint{font-size:12px;margin-top:4px}.setting-group select{background:#fff;border:2px solid #8b5a2b26;border-radius:14px;color:#5c3d2e;cursor:pointer;font-size:15px;font-weight:600;padding:14px 16px;transition:all .2s ease;width:100%}.setting-group select:focus{border-color:#d4a574;box-shadow:0 0 0 3px #d4a57433;outline:none}.setting-group select:disabled{cursor:not-allowed;opacity:.6}.settings-save-btn{margin-top:8px;min-height:48px;width:100%}.settings-info{border-top:1px solid #8b5a2b1a;margin-top:24px;padding-top:20px}.settings-note{align-items:flex-start;color:#8b7355;display:flex;font-size:13px;gap:8px;line-height:1.4;margin:0 0 10px}.settings-note:last-child{margin-bottom:0}.compact-row{align-items:flex-end;display:flex;gap:10px;margin-bottom:10px}.compact-field{display:flex;flex-direction:column;gap:4px;min-width:0}.compact-field label{color:#6b5b4f;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.compact-field input,.compact-field select{background:#fff;border:1.5px solid #e5d5c5;border-radius:8px;font-size:14px;padding:8px 10px;transition:border-color .2s ease,box-shadow .2s ease}.compact-field input:focus,.compact-field select:focus{border-color:#d4a574;box-shadow:0 0 0 3px #d4a57426;outline:none}.flex-1{flex:1 1}.flex-2{flex:2 1}.flex-3{flex:3 1}.active-toggle{background:#fff8f0;border:1.5px solid #e5d5c5;border-radius:10px;color:#5d4037;font-size:13px;font-weight:500;transition:all .2s ease}.active-toggle:hover{background:#fff5eb;border-color:#d4a574}.active-toggle input[type=checkbox]{accent-color:#8b5a2b;cursor:pointer;height:18px;width:18px}.section-header-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.section-header-row h2{margin:0 0 4px}.section-header-row .section-description{margin:0}.scan-images-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.scan-images-btn:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.image-picker-container{background:linear-gradient(135deg,#f0f4ff,#e8eeff);border:1px solid #c7d2fe;border-radius:16px;margin-bottom:24px;padding:20px}.image-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.image-picker-header h3{color:#4338ca;font-size:16px;margin:0}.refresh-btn{background:#fff;border:1px solid #c7d2fe;border-radius:8px;cursor:pointer;font-size:12px;padding:6px 12px}.refresh-btn:hover:not(:disabled){background:#eef2ff}.image-picker-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.image-picker-row{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;gap:10px;padding:6px 10px;transition:all .15s}.image-picker-row.new-image:hover{background:#f8f9ff;border-color:#6366f1}.image-picker-row.in-database{background:#f9fafb;cursor:not-allowed;opacity:.5}.image-picker-thumb{align-items:center;background:#f5f5f5;border-radius:6px;display:flex;height:50px;justify-content:center;min-width:50px;overflow:hidden;width:50px}.image-picker-thumb img{max-height:100%;max-width:100%;object-fit:contain}.image-picker-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.image-picker-info .image-name{color:#374151;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-picker-row .in-db-badge{background:#10b981;font-size:12px}.image-picker-row .add-badge,.image-picker-row .in-db-badge{align-items:center;border-radius:50%;color:#fff;display:flex;font-weight:600;height:24px;justify-content:center;width:24px}.image-picker-row .add-badge{background:#6366f1;font-size:16px}.image-picker-row.in-database .add-badge{display:none}.image-picker-stats{display:flex;gap:8px;margin-bottom:12px}.image-picker-stats .stat-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px}.image-picker-stats .stat-badge.new{background:#eef2ff;color:#6366f1}.image-picker-stats .stat-badge.added{background:#ecfdf5;color:#10b981}.category-filter-tabs.compact .filter-tab{font-size:12px;padding:5px 10px}.advanced-toggle{align-items:center;cursor:pointer;display:flex;gap:12px;margin:16px 0;-webkit-user-select:none;user-select:none}.toggle-line{background:#e5d5c5;flex:1 1;height:1px}.toggle-text{color:#8b7355;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.advanced-toggle:hover .toggle-text{color:#5d4037}.advanced-settings{background:#ffffff80;border:1px dashed #e5d5c5;border-radius:10px;gap:14px;margin-bottom:16px;padding:16px}.advanced-settings,.inline-group{display:flex;flex-direction:column}.inline-group{gap:6px}.group-label{align-items:center;color:#5d4037;display:flex;font-size:12px;font-weight:600;gap:8px}.rate-indicator{font-size:11px;font-weight:700}.rate-indicator.valid{color:#059669}.rate-indicator.invalid{color:#dc2626}.inline-inputs{display:flex;gap:10px}.mini-field{align-items:center;display:flex;gap:4px}.mini-label{font-size:14px}.mini-field input{border:1.5px solid #e5d5c5;border-radius:8px;font-size:14px;padding:8px 6px;text-align:center;width:70px}.mini-field input:focus{border-color:#d4a574;outline:none}.level-control-section{border-bottom:1px solid #8b735526;margin-bottom:20px;padding-bottom:16px}.level-label{color:#5c4033;display:block;font-weight:700;margin-bottom:8px}.level-input-row{align-items:center;display:flex;gap:10px}.level-input{border:2px solid #8b735533;border-radius:10px;font-size:16px;font-weight:600;padding:10px 12px;text-align:center;width:80px}.level-input:focus{border-color:#d4a574;outline:none}.level-set-btn{padding:10px 16px}.level-hint{color:#8b7355;font-size:12px;margin-top:8px}.reset-subsection{margin-top:16px}@supports (padding-top:env(safe-area-inset-top)){.user-management-header{padding-top:max(16px,env(safe-area-inset-top))}}@media (max-width:767px){.user-management-header{align-items:center;flex-direction:row;justify-content:center}.form-row{flex-direction:column;gap:12px}.users-table-container{display:none}.users-cards-container{display:block}.actions-cell{flex-direction:column;gap:6px}.actions-cell .action-btn{text-align:center;width:100%}.form-actions,.input-with-button{flex-direction:column}.btn-primary,.btn-secondary{text-align:center;width:100%}.user-management-container{padding-bottom:calc(100px + env(safe-area-inset-bottom, 20px))}.list-controls{align-items:stretch;flex-direction:column}.search-bar{max-width:none}.inactive-user-card{align-items:flex-start;flex-direction:column;gap:10px}.inactive-user-actions{justify-content:flex-end;width:100%}.edit-form-row.three-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.edit-form-row.three-col .edit-form-group:last-child{grid-column:1/-1}.edit-form-row.two-col{grid-template-columns:1fr}.edit-form-actions{align-items:stretch;flex-direction:column;gap:12px}.edit-checkbox{justify-content:center}.btn-save{width:100%}.inline-action-row{flex-wrap:wrap}.inline-input{width:100%}.edit-card.compact-info{align-items:flex-start;flex-direction:column;gap:4px}.edit-card.compact-info .info-divider{display:none}.create-mode-toggle{flex-direction:row}.mode-btn{width:auto}.invite-steps .steps-list{flex-wrap:wrap;gap:6px}.invite-steps .steps-list span:nth-child(odd){flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:0;font-size:10px;padding:6px 4px}.invite-steps .steps-list span:nth-child(2n){display:none}}@media (min-width:768px){.users-table-container{display:block}.users-cards-container{display:none}}@media (max-width:600px){.capy-box-card .box-card-header{align-items:center;flex-direction:column;text-align:center}.capy-box-card .box-card-details{flex-direction:column;gap:8px}.capy-box-card .box-card-rates{flex-wrap:wrap;justify-content:center}.capy-box-card .box-card-actions{flex-wrap:wrap}.box-list .box-grid{gap:8px;grid-template-columns:1fr}.furniture-card-image{min-height:60px;min-width:60px;width:60px}.furniture-card-info{padding:6px 8px}.furniture-card-actions{gap:3px;padding:6px}.furniture-card-actions .action-btn{font-size:12px;height:28px;width:28px}.section-header-row{align-items:stretch;flex-direction:column}.scan-images-btn{width:100%}.image-picker-list{max-height:240px}.image-picker-thumb{height:44px;min-width:44px;width:44px}.image-picker-row{gap:8px;padding:6px 8px}.image-picker-row .add-badge,.image-picker-row .in-db-badge{font-size:12px;height:22px;width:22px}.compact-row{flex-wrap:wrap}.compact-field{min-width:80px}}@media (max-width:500px){.user-form .form-row{grid-template-columns:1fr}.add-user-form .form-row{gap:8px;grid-template-columns:1fr 1fr}.add-user-form .form-row.single{grid-template-columns:1fr}.add-user-form .form-group input,.add-user-form .form-group select{font-size:13px;padding:9px 10px}.add-user-form .form-group label{font-size:11px}.input-with-inline-btn input{padding-right:36px!important}.inline-auto-btn{font-size:12px;height:24px;width:24px}.box-image-selector{gap:8px}.box-image-option{padding:8px;width:70px}.box-image-option img{height:40px;width:40px}.capy-boxes-grid,.create-box-form .form-row{grid-template-columns:1fr}.box-stats{flex-direction:column;gap:6px;text-align:center}}@media (max-width:480px){.user-tabs{padding:12px 16px}.user-tabs .tab-btn{font-size:13px;padding:10px 14px}.user-section{padding:0 16px 16px}.accessory-prices-grid{gap:6px}.accessory-preview{min-height:80px;padding:16px}.accessory-preview-image{max-height:55px;max-width:55px}.accessory-details{padding:10px 12px 12px}.accessory-name-text{font-size:13px}}@media (max-width:420px){.compact-row{flex-direction:column;gap:10px}.compact-row .active-toggle{align-self:flex-start}.flex-1,.flex-2{flex:none;width:100%}.inline-inputs{flex-wrap:wrap}.mini-field input{width:60px}}@media (min-width:1024px){.user-management-container{margin:0 auto;max-width:1200px}.user-tabs{justify-content:center}}.accessory-badges,.availability-badge,.mystery-box-badge{display:none!important}.category-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.category-filter-tabs .filter-tab{background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.category-filter-tabs .filter-tab:hover:not(.empty):not(.active){border-color:#d4a574;color:#8b7355}.category-filter-tabs .filter-tab.active{background:linear-gradient(135deg,#8b7355,#6b5b4f);border-color:#8b7355;color:#fff}.category-filter-tabs .filter-tab.empty{cursor:not-allowed;opacity:.4}.furniture-list-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.furniture-list-header h3{margin:0}.furniture-list-header .category-filter-tabs{margin-bottom:0}.image-picker-container .category-filter-tabs{margin-bottom:12px}.image-picker-container .category-filter-tabs .filter-tab{background:#fffc}.image-picker-container .category-filter-tabs .filter-tab.active{background:#6366f1;border-color:#6366f1}@media (max-width:600px){.category-filter-tabs{gap:6px}.category-filter-tabs .filter-tab{font-size:11px;padding:5px 10px}.furniture-list-header{gap:8px}}.edit-accessory-preview-section{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px}.capybara-animation-preview{align-items:center;background:#ffffff80;border-radius:12px;box-shadow:inset 0 2px 8px #0000000d;display:flex;height:120px;justify-content:center;width:120px}.edit-accessory-preview-section .edit-accessory-info{align-items:center;display:flex;flex-direction:column;text-align:center}.edit-accessory-preview-section .edit-accessory-category{color:#8b7355;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.edit-accessory-preview-section .edit-accessory-name{color:#5c4033;font-size:16px;font-weight:600}.animation-badge{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:12px;box-shadow:0 2px 8px #ffa5004d;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;text-transform:capitalize}.furniture-image-preview{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px;position:relative}.furniture-image-preview img{max-height:80px;max-width:80px;object-fit:contain}.furniture-image-preview .preview-info{align-items:center;display:flex;flex-direction:column;gap:2px;text-align:center}.furniture-image-preview .filename{color:#5c4033;font-size:13px;font-weight:600}.furniture-image-preview .filepath{color:#8b7355;font-size:11px;word-break:break-all}.furniture-image-preview .preview-error{color:#e74c3c;font-size:11px}.furniture-image-preview .preview-placeholder{font-size:48px;opacity:.5}.furniture-image-preview.anim-sparkle:after,.furniture-image-preview.anim-sparkle:before{animation:furniture-sparkle-twinkle 1.5s ease-in-out infinite;color:#fff;content:"✦";font-size:10px;pointer-events:none;position:absolute;text-shadow:0 0 4px gold,0 0 8px gold;z-index:10}.furniture-image-preview.anim-sparkle:before{animation-delay:0s;left:10%;top:5%}.furniture-image-preview.anim-sparkle:after{animation-delay:.5s;right:10%;top:10%}.furniture-image-preview.anim-flame img{animation:furniture-flame-flicker .15s infinite alternate,furniture-flame-sway .8s ease-in-out infinite!important}.furniture-image-preview.anim-glow img{animation:furniture-glow-pulse 2s ease-in-out infinite!important}.furniture-image-preview.anim-pulse img{animation:furniture-pulse-breathe 1.5s ease-in-out infinite!important}.furniture-image-preview.anim-rainbow img{animation:furniture-rainbow-cycle 3s linear infinite!important}.furniture-image-preview.anim-float img{animation:furniture-float-bob 2.5s ease-in-out infinite!important}.empty-hint{font-size:13px;margin:8px 0;padding:12px;text-align:center}.empty-hint,.furniture-hint{background:#f5ebe0;border-radius:8px;color:#8b7355}.furniture-hint{align-items:center;display:inline-flex;font-size:11px;gap:4px;padding:8px 12px;white-space:nowrap}.modal-subtitle{color:#8b7355;font-size:13px;margin:-8px 0 16px;text-align:center}.content-item{align-items:center;background:#fff;border:1.5px solid #e5d5c5;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .2s ease}.content-item:hover{background:#fdfbf9;border-color:#d4c4b0}.content-item.selected{background:linear-gradient(135deg,#f0fff4,#e8f5e9);border-color:#7db87d}.content-item-preview{align-items:center;background:#f5ebe0;border-radius:8px;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.content-item-preview img{max-height:100%;max-width:100%;object-fit:contain}.content-item-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.content-item-name{color:#5c4033;font-size:14px;font-weight:600}.content-item .rarity-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;gap:4px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.content-item .rarity-badge.rare{background:linear-gradient(135deg,#e8def8,#d0bcff);color:#6750a4}.content-item .rarity-badge.legendary,.furniture-image-preview .animation-badge{background:linear-gradient(135deg,gold,orange);color:#5c4033}.furniture-image-preview .animation-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;margin-top:6px;padding:4px 10px}.password-confirm-wrapper{align-items:center;display:flex;position:relative}.password-confirm-wrapper input{flex:1 1;padding-right:36px}.password-match-indicator{font-size:18px;font-weight:700;position:absolute;right:12px}.password-match-indicator.match{color:#4caf50}.password-match-indicator.no-match{color:#e53935}.furniture-thumbnail{align-items:center;background:#fff8f0;border-radius:8px;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;position:relative;width:50px}.furniture-thumbnail img{max-height:100%;max-width:100%;object-fit:contain}.furniture-thumbnail .rarity-stars{background:#ffffffe6;border-radius:4px;bottom:2px;font-size:8px;left:50%;padding:1px 4px;position:absolute;transform:translateX(-50%)}body.native-app .user-management-header{left:0;padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:0;z-index:1000}body.native-app .user-management-header .back-to-dashboard{top:calc(50% + env(safe-area-inset-top, 0px)/2)}body.native-app .user-management-container{padding-top:calc(70px + env(safe-area-inset-top, 0px))}.accessory-edit-modal .modal-body.compact{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:12px 16px}.edit-preview-compact{align-items:center;background:#fef6e8;border-radius:10px;display:flex;gap:12px;margin-bottom:12px;padding:10px 12px}.edit-preview-compact .preview-capybara{align-items:center;display:flex;flex-shrink:0;height:70px;justify-content:center;width:70px}.edit-preview-compact .preview-info{display:flex;flex-direction:column;gap:2px;min-width:0}.edit-preview-compact .preview-category{color:#8b7355;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.edit-preview-compact .preview-name{color:#5c4033;font-size:15px;font-weight:600}.edit-preview-compact .preview-animation{color:#d4a574;font-size:11px}.edit-fields-compact{display:flex;flex-direction:column;gap:10px}.edit-fields-compact .fields-row{display:flex;flex-wrap:wrap;gap:8px}.edit-fields-compact .field-group{display:flex;flex-direction:column;gap:4px;min-width:70px}.edit-fields-compact .field-group.field-grow{flex:1 1}.edit-fields-compact .field-group label{color:#5d4037;font-size:11px;font-weight:600}.edit-fields-compact .field-group input,.edit-fields-compact .field-group select{background:#fff;border:1.5px solid #e5d5c5;border-radius:8px;font-size:13px;padding:8px 10px}.edit-fields-compact .field-group input:focus,.edit-fields-compact .field-group select:focus{border-color:#d4a574;outline:none}.edit-fields-compact .field-group input[type=number]{width:60px}.edit-fields-compact .box-selection{padding-top:4px}.edit-fields-compact .box-selection label{color:#5d4037;display:block;font-size:11px;font-weight:600;margin-bottom:6px}.edit-fields-compact .box-checkbox-list.compact{display:flex;flex-wrap:wrap;gap:6px}.edit-fields-compact .box-checkbox-item{align-items:center;background:#f5ede0;border-radius:6px;display:flex;font-size:12px;gap:4px;padding:4px 8px}.edit-fields-compact .field-warning{color:#c77700;font-size:11px;margin:4px 0 0}.accessory-edit-modal .modal-footer{background:#fffaf5;border-radius:0 0 20px 20px;border-top:1px solid #e8dfd0;padding:12px 16px}.accessory-edit-modal .modal-actions{display:flex;gap:10px;justify-content:flex-end}.accessory-edit-modal .btn-cancel,.accessory-edit-modal .btn-save{border-radius:8px;font-size:14px;padding:10px 20px}@media (max-width:480px){.accessory-edit-modal{max-height:90vh;width:94%}.edit-preview-compact{margin-bottom:10px;padding:8px 10px}.edit-preview-compact .preview-name{font-size:14px}.edit-fields-compact .field-group{min-width:60px}.edit-fields-compact .field-group input[type=number]{width:56px}.accessory-edit-modal .modal-footer{padding:10px 12px}.accessory-edit-modal .btn-cancel,.accessory-edit-modal .btn-save{font-size:13px;padding:10px 14px}}.furniture-form-compact{padding:12px!important}.furniture-preview-compact{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:12px;position:relative}.furniture-preview-compact img{background:#fff;border-radius:8px;height:60px;object-fit:contain;padding:4px;width:60px}.furniture-preview-compact .preview-placeholder{align-items:center;background:#fff;border-radius:8px;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.furniture-preview-compact .preview-meta{display:flex;flex:1 1;flex-direction:column;gap:4px}.furniture-preview-compact .preview-filename{color:#5c4033;font-size:13px;font-weight:600}.furniture-preview-compact .preview-anim-badge{color:#d4a574;font-size:11px;font-weight:600}.image-path-display{align-items:center;background:#fafafa;border:1.5px dashed #e5d5c5;border-radius:8px;cursor:pointer;display:flex;gap:8px;margin-bottom:10px;padding:8px 12px;transition:all .2s}.image-path-display:hover{background:#fff8f0;border-color:#d4a574}.image-path-display .path-text{color:#8b7355;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-path-display .path-btn{font-size:16px}.compact-input-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.compact-input-row label{color:#6b5b4f;font-size:11px;font-weight:600;min-width:45px;text-transform:uppercase}.compact-input-row input{border:1.5px solid #e5d5c5;border-radius:8px;flex:1 1;font-size:14px;padding:8px 10px}.compact-input-row input:focus{border-color:#d4a574;outline:none}.pricing-row{background:#fafafa;border-radius:10px;gap:8px;margin-bottom:12px;padding:10px}.price-field,.pricing-row{align-items:center;display:flex}.price-field{flex:1 1;gap:4px}.price-field .price-icon{height:18px;width:18px}.price-field .price-emoji{font-size:16px}.price-field input{border:1.5px solid #e5d5c5;border-radius:6px;font-size:14px;padding:6px 8px;text-align:center;width:100%}.price-field input:focus{border-color:#d4a574;outline:none}.category-display{background:#f0e6d9;border-radius:6px;color:#6b5b4f;font-size:12px;font-weight:600;padding:6px 10px;text-transform:capitalize}.active-chip{align-items:center;cursor:pointer;display:flex;justify-content:center}.active-chip input{display:none}.active-chip span{align-items:center;background:#ffebee;border-radius:6px;color:#e57373;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;transition:all .2s;width:28px}.active-chip input:checked+span{background:#e8f5e9;color:#66bb6a}.rap-container{margin-bottom:12px}.rap-container.rap-compact .rap-section{align-items:center;display:flex;gap:10px;margin-bottom:8px}.rap-label{color:#6b5b4f;font-size:11px;font-weight:600;min-width:65px;text-transform:uppercase}.rap-pills{display:flex;gap:6px}.rap-pill{background:#fff;border:2px solid #e5d5c5;border-radius:20px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.rap-pill.active,.rap-pill:hover{border-color:#d4a574}.rap-pill.active{background:#fff8f0}.rap-pill.active.rap-common{background:#f5f5f5;border-color:#9e9e9e}.rap-pill.active.rap-rare{background:#f3e5f5;border-color:#7b68ee}.rap-pill.active.rap-legendary{background:#fff8e1;border-color:#ffb300}.rap-icons{display:flex;gap:4px}.rap-icon{align-items:center;background:#fff;border:2px solid #e5d5c5;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.rap-icon:hover{border-color:#d4a574;transform:scale(1.05)}.rap-icon.active{background:#fff8e1;border-color:#ffb300}.form-actions-compact{display:flex;gap:10px;margin-top:12px}.form-actions-compact .btn-cancel{background:#f5f5f5;border:none;border-radius:10px;color:#757575;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s}.form-actions-compact .btn-cancel:hover{background:#eee}.form-actions-compact .btn-save{background:linear-gradient(135deg,#c4956a,#a67c52);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:2 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s}.form-actions-compact .btn-save:hover{box-shadow:0 4px 12px #c4956a66;transform:translateY(-1px)}.form-actions-compact .btn-save:active,.form-actions-compact .btn-save:focus{background:linear-gradient(135deg,#c4956a,#a67c52);outline:none;transform:translateY(0)}.furniture-preview-compact.anim-sparkle:after,.furniture-preview-compact.anim-sparkle:before{animation:furniture-sparkle-twinkle 1.5s ease-in-out infinite;color:#fff;content:"✦";font-size:8px;pointer-events:none;position:absolute;text-shadow:0 0 4px gold,0 0 8px gold;z-index:10}.furniture-preview-compact.anim-sparkle:before{left:20px;top:8px}.furniture-preview-compact.anim-sparkle:after{animation-delay:.5s;left:55px;top:12px}.furniture-preview-compact.anim-flame img{animation:furniture-flame-flicker .15s infinite alternate,furniture-flame-sway .8s ease-in-out infinite}.furniture-preview-compact.anim-glow img{animation:furniture-glow-pulse 2s ease-in-out infinite}.furniture-preview-compact.anim-pulse img{animation:furniture-pulse-breathe 1.5s ease-in-out infinite}.furniture-preview-compact.anim-rainbow img{animation:furniture-rainbow-cycle 3s linear infinite}.furniture-preview-compact.anim-float img{animation:furniture-float-bob 2.5s ease-in-out infinite}.ui-btn{align-items:center;border:none;border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;position:relative;transition:all .2s ease}.ui-btn-small{border-radius:8px;font-size:13px;padding:8px 16px}.ui-btn-medium{font-size:15px;padding:12px 24px}.ui-btn-large{font-size:16px;padding:14px 28px}.ui-btn-full{width:100%}.ui-btn-primary{background:linear-gradient(135deg,#7db87d,#5a9a5a);border:1px solid #0000;color:#fff}.ui-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #7db87d66;transform:translateY(-1px)}.ui-btn-primary:active:not(:disabled){transform:translateY(0)}.ui-btn-secondary{background:#fff;border:1px solid #e0d5c8;color:#5c4033}.ui-btn-secondary:hover:not(:disabled){background:#f5ebe0}.ui-btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:1px solid #0000;color:#fff}.ui-btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ee5a5a66;transform:translateY(-1px)}.ui-btn-ghost{background:#0000;border:1px solid #0000;color:#8b7355}.ui-btn-ghost:hover:not(:disabled){background:#f5ebe0}.ui-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.ui-btn-loading{pointer-events:none}.ui-btn-spinner{animation:ui-btn-spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;height:16px;position:absolute;width:16px}.ui-btn-text-hidden{visibility:hidden}@keyframes ui-btn-spin{to{transform:rotate(1turn)}}.ui-modal-overlay{align-items:center;animation:ui-modal-fade-in .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2100}@keyframes ui-modal-fade-in{0%{opacity:0}to{opacity:1}}.ui-confirm-modal{animation:ui-modal-slide-up .2s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:360px;padding:24px;width:100%}@keyframes ui-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ui-modal-title{color:#5c4033;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.ui-modal-content{margin-bottom:16px;text-align:center}.ui-modal-actions{display:flex;gap:12px}.ui-modal-actions .ui-btn{flex:1 1;min-width:0}label.ui-checkbox{align-items:center;cursor:pointer;display:flex!important;gap:12px;padding:4px 0;-webkit-user-select:none;user-select:none}.ui-checkbox input[type=checkbox]{accent-color:#8b5a2b;cursor:pointer;flex-shrink:0;height:18px;width:18px}.ui-checkbox-label{color:#5c4033;font-size:14px;line-height:1.4}.ui-checkbox-disabled{cursor:not-allowed;opacity:.6}.ui-checkbox-disabled input[type=checkbox]{cursor:not-allowed}.accessory-thumbnail{--legendary-glow:#ffc10780;--legendary-glow-bright:#ffd700b3;--legendary-shimmer:#fff9;--rare-glow:#7c3aed59;--rare-glow-bright:#9333ea80;align-items:center;background:#fff8f0;border-radius:10px;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;transition:box-shadow .3s ease,transform .2s ease}.accessory-thumbnail.size-sm{border-radius:8px;height:44px;width:44px}.accessory-thumbnail.size-md{height:64px;width:64px}.accessory-thumbnail.size-lg{border-radius:12px;height:80px;width:80px}.accessory-thumbnail img{max-height:100%;max-width:100%;object-fit:contain;position:relative;z-index:1}.accessory-thumbnail.crop-top{align-items:flex-start}.accessory-thumbnail.crop-top img{height:auto;min-height:100%;object-fit:cover;object-position:top center;transform:scale(1.3);transform-origin:top center;width:100%}.accessory-thumbnail.crop-bottom{align-items:flex-end}.accessory-thumbnail.crop-bottom img{height:auto;min-height:100%;object-fit:cover;object-position:bottom center;transform:scale(1.3);transform-origin:bottom center;width:100%}.accessory-thumbnail.selected{border:2px solid #d4a574;box-shadow:0 2px 8px #d4a5744d}.accessory-thumbnail.rarity-common{border:2px solid #e5d5c5}.accessory-thumbnail.rarity-rare{animation:rareGlow 3s ease-in-out infinite;border:2px solid #9333ea}.accessory-thumbnail.rarity-legendary{animation:legendaryGlow 2s ease-in-out infinite;border:2px solid #f59e0b}.shimmer-overlay{animation:shimmerSweep 4s ease-in-out infinite;animation-delay:1s;background:linear-gradient(90deg,#0000,var(--legendary-shimmer),#0000);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:50%;z-index:2}.legendary-badge{animation:badgeBounce 2s ease-in-out infinite;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:12px;position:absolute;right:-2px;top:-2px;z-index:3}.accessory-thumbnail.size-sm .legendary-badge{font-size:10px;right:-3px;top:-3px}.accessory-thumbnail.size-lg .legendary-badge{font-size:14px;right:-1px;top:-1px}.rarity-indicator{bottom:2px;font-size:8px;left:50%;line-height:1;position:absolute;text-shadow:0 1px 2px #0006;transform:translateX(-50%);white-space:nowrap;z-index:3}.accessory-thumbnail.size-lg .rarity-indicator{bottom:4px;font-size:10px}.rarity-indicator.common{filter:grayscale(.6) brightness(.9)}.rarity-indicator.rare{filter:hue-rotate(220deg) saturate(1.5)}.rarity-indicator.legendary{filter:none;text-shadow:0 0 4px #ffc107cc,0 1px 2px #0006}@media (prefers-reduced-motion:reduce){.accessory-thumbnail.rarity-legendary,.accessory-thumbnail.rarity-rare{animation:none}.shimmer-overlay{animation:none;display:none}.legendary-badge{animation:none}.accessory-thumbnail.rarity-legendary{box-shadow:0 0 12px var(--legendary-glow),0 0 24px var(--legendary-glow)}.accessory-thumbnail.rarity-rare{box-shadow:0 0 10px var(--rare-glow)}}.accessory-thumbnail:hover{transform:scale(1.05)}.accessory-thumbnail.rarity-legendary:hover{box-shadow:0 0 20px var(--legendary-glow-bright),0 0 40px var(--legendary-glow),0 0 60px #ffc1074d}.accessory-thumbnail.rarity-rare:hover{box-shadow:0 0 15px var(--rare-glow-bright),0 0 30px var(--rare-glow)}.capybara-display{align-items:center;display:flex;flex-direction:column;justify-content:center}.capybara-display.clickable{cursor:pointer;transition:transform .2s ease}.capybara-display.clickable:hover{transform:scale(1.05)}.capybara-image-container{align-items:center;display:flex;justify-content:center;margin:-20px;overflow:visible;padding:20px;position:relative}.capybara-layer{left:0;object-fit:contain;position:absolute;top:0}.capybara-body{z-index:1}.capybara-expression{z-index:2}.capybara-accessory{left:0;object-fit:contain;pointer-events:none;position:absolute;top:0}.accessory-necklaces-wrapper{z-index:9!important}.accessory-hats-wrapper{z-index:10!important}.accessory-glasses-wrapper{z-index:11!important}.capybara-accessory.accessory-glasses,.capybara-accessory.accessory-hats,.capybara-accessory.accessory-necklaces{z-index:1}.capybara-fallback{align-items:center;background:linear-gradient(135deg,#f5e6d3,#d4a574);border:3px solid #8b4513;border-radius:50%;display:none;justify-content:center;left:0;position:absolute;top:0}.capybara-fallback.show-fallback{display:flex}.fallback-emoji{font-size:80px}.equipped-item{pointer-events:none;position:absolute}.equipped-item.background{height:100%;left:0;top:0;width:100%;z-index:0}.equipped-item.outfit{bottom:10%;left:50%;transform:translateX(-50%);z-index:3}.equipped-item.accessory{top:50%;transform:translateY(-50%);z-index:4}.equipped-item.hat{left:50%;top:0;transform:translateX(-50%);z-index:5}.capybara-info{align-items:center;display:flex;flex-direction:column;gap:4px;margin-top:8px}.capybara-name{color:#333;font-size:14px;font-weight:600}.capybara-level{background:linear-gradient(135deg,#f5e6d3,#d4a574);border:1px solid #8b4513;border-radius:12px;color:#8b4513;font-size:12px;font-weight:500;padding:4px 12px}.expression-preview{align-items:center;background:#fff;border:3px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .2s ease}.expression-preview:hover{border-color:#8b4513;box-shadow:0 4px 12px #8b451333;transform:scale(1.02)}.expression-preview.selected{background:#d4edda;border-color:#28a745;box-shadow:0 4px 12px #28a7454d}.expression-preview-image{align-items:center;background:linear-gradient(135deg,#f5e6d3,#fff);border-radius:12px;display:flex;justify-content:center;overflow:hidden;position:relative}.expression-preview-image .capybara-layer{left:0;object-fit:contain;position:absolute;top:0}.expression-preview-image .capybara-expression{z-index:2}.expression-name{color:#333;font-size:14px;font-weight:600;text-transform:capitalize}.expression-preview.selected .expression-name{color:#155724}@media (max-width:600px){.capybara-info{gap:2px;margin-top:4px}.capybara-name{font-size:12px}.capybara-level{font-size:10px;padding:3px 8px}.expression-preview{padding:8px}.expression-name{font-size:12px}.fallback-emoji{font-size:60px}}@media (max-width:420px){.expression-preview{border-radius:10px;border-width:2px;gap:4px;padding:6px}.expression-name{font-size:10px}.expression-preview-image{border-radius:8px}}@media (max-width:375px){.expression-preview{border-radius:8px;border-width:2px;gap:2px;padding:4px}.expression-name{font-size:9px}.expression-preview-image{border-radius:6px}}.capybara-image-container[class*=frame-]{border-radius:16px}.capybara-image-container.frame-wood{border:4px solid #8b7355;box-shadow:0 0 0 2px #5c4033,0 4px 12px #5c403366}.capybara-image-container.frame-bronze{border:4px solid #cd7f32;box-shadow:0 0 0 2px #8b4513,0 4px 12px #cd7f3280}.capybara-image-container.frame-silver{border:4px solid silver;box-shadow:0 0 0 2px #a0a0a0,0 4px 12px #a0a0a080}.capybara-image-container.frame-gold{animation:gold-shimmer 3s ease-in-out infinite;border:4px solid gold;box-shadow:0 0 0 2px #daa520,0 4px 16px #ffd70080}@keyframes gold-shimmer{0%,to{box-shadow:0 0 0 2px #daa520,0 4px 16px #ffd70080}50%{box-shadow:0 0 0 2px #daa520,0 4px 24px #ffd700b3}}.capybara-image-container.frame-platinum{animation:platinum-glow 2.5s ease-in-out infinite;border:4px solid #e5e4e2;box-shadow:0 0 0 2px #8ba8c4,0 4px 16px #8ba8c480}@keyframes platinum-glow{0%,to{box-shadow:0 0 0 2px #8ba8c4,0 4px 16px #8ba8c480}50%{box-shadow:0 0 0 2px #8ba8c4,0 6px 24px #8ba8c4b3}}.capybara-image-container.frame-emerald{animation:emerald-pulse 2s ease-in-out infinite;border:4px solid #50c878;box-shadow:0 0 0 2px #228b22,0 4px 20px #50c87899}@keyframes emerald-pulse{0%,to{box-shadow:0 0 0 2px #228b22,0 4px 20px #50c87899}50%{box-shadow:0 0 0 2px #228b22,0 6px 28px #50c878cc}}.capybara-image-container.frame-diamond{animation:diamond-sparkle 2s ease-in-out infinite;border:4px solid #b9f2ff;box-shadow:0 0 0 2px #add8e6,0 4px 24px #b9f2ff99}@keyframes diamond-sparkle{0%,to{box-shadow:0 0 0 2px #add8e6,0 4px 24px #b9f2ff99}50%{box-shadow:0 0 0 2px #e6e6fa,0 6px 32px #b9f2ffe6}}.accessory-wrapper{left:0;overflow:visible;pointer-events:none;position:absolute;top:0;z-index:3}.accessory-wrapper img{display:block;object-fit:contain}.accessory-wrapper.rarity-rare img{animation:rarePulse 3s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(147,51,234,.6)) drop-shadow(0 0 8px rgba(147,51,234,.3))}@keyframes rarePulse{0%,to{filter:drop-shadow(0 0 4px rgba(147,51,234,.5)) drop-shadow(0 0 8px rgba(147,51,234,.25))}50%{filter:drop-shadow(0 0 6px rgba(147,51,234,.7)) drop-shadow(0 0 12px rgba(147,51,234,.4))}}.accessory-wrapper.rarity-legendary:not([class*=anim-]) img{animation:legendaryGlowPulse 2.5s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(255,215,0,.6)) drop-shadow(0 0 10px rgba(255,193,7,.4))}@keyframes legendaryGlowPulse{0%,to{filter:drop-shadow(0 0 5px rgba(255,215,0,.5)) drop-shadow(0 0 10px rgba(255,193,7,.3))}50%{filter:drop-shadow(0 0 8px rgba(255,215,0,.8)) drop-shadow(0 0 16px rgba(255,193,7,.5))}}.accessory-hats-wrapper.rarity-legendary:not([class*=anim-]){animation:floatHat 3s ease-in-out infinite}.accessory-glasses-wrapper.rarity-legendary:not([class*=anim-]){animation:floatGlasses 3.2s ease-in-out infinite}.accessory-necklaces-wrapper.rarity-legendary:not([class*=anim-]){animation:floatNecklace 2.8s ease-in-out infinite}@keyframes floatHat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes floatGlasses{0%,to{transform:translateX(0)}50%{transform:translateX(1px)}}@keyframes floatNecklace{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.accessory-wrapper.rarity-legendary:not([class*=anim-]):before{animation:holoParticles 6s ease-in-out infinite;background-image:radial-gradient(circle at 20% 30%,#fffc 0,#0000 2%),radial-gradient(circle at 60% 50%,#fff9 0,#0000 2%),radial-gradient(circle at 40% 70%,#ffffffb3 0,#0000 1.5%),radial-gradient(circle at 80% 20%,#ffffff80 0,#0000 2%),radial-gradient(circle at 10% 60%,#fff9 0,#0000 1.5%),radial-gradient(circle at 70% 80%,#ffffffb3 0,#0000 2%),radial-gradient(circle at 30% 10%,#ffffff80 0,#0000 1.5%),radial-gradient(circle at 90% 50%,#fff9 0,#0000 2%);background-size:100% 100%;content:"";left:0;mix-blend-mode:overlay;opacity:0;pointer-events:none;position:absolute;width:100%;z-index:5}.accessory-hats-wrapper.rarity-legendary:not([class*=anim-]):before{height:40%;top:0}.accessory-glasses-wrapper.rarity-legendary:not([class*=anim-]):before{height:30%;top:28%}.accessory-necklaces-wrapper.rarity-legendary:not([class*=anim-]):before{height:35%;top:50%}@keyframes holoParticles{0%,to{background-position:0 0,10% 10%,20% 20%,30% 30%,40% 40%,50% 50%,60% 60%,70% 70%;opacity:.12}25%{background-position:10% 5%,20% 15%,30% 25%,40% 35%,50% 45%,60% 55%,70% 65%,80% 75%;opacity:.18}50%{background-position:20% 10%,30% 20%,40% 30%,50% 40%,60% 50%,70% 60%,80% 70%,90% 80%;opacity:.15}75%{background-position:30% 15%,40% 25%,50% 35%,60% 45%,70% 55%,80% 65%,90% 75%,100% 85%;opacity:.2}}.accessory-hats-wrapper.rarity-rare{animation:floatHatSubtle 4s ease-in-out infinite}.accessory-glasses-wrapper.rarity-rare{animation:floatGlassesSubtle 4.2s ease-in-out infinite}.accessory-necklaces-wrapper.rarity-rare{animation:floatNecklaceSubtle 3.8s ease-in-out infinite}@keyframes floatHatSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes floatGlassesSubtle{0%,to{transform:translateX(0)}50%{transform:translateX(.5px)}}@keyframes floatNecklaceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(1px)}}.accessory-hats-wrapper.rarity-legendary:not([class*=anim-]) img{animation-delay:0s}.accessory-glasses-wrapper.rarity-legendary:not([class*=anim-]) img{animation-delay:.8s}.accessory-necklaces-wrapper.rarity-legendary:not([class*=anim-]) img{animation-delay:1.6s}.anim-flame img{animation:flame-flicker .15s infinite alternate,flame-sway .8s ease-in-out infinite;filter:drop-shadow(0 0 8px #ff6600) drop-shadow(0 0 15px #ff3300)}@keyframes flame-flicker{0%{filter:drop-shadow(0 0 8px #ff6600) drop-shadow(0 0 15px #ff3300);opacity:.9}to{filter:drop-shadow(0 0 12px #ff8800) drop-shadow(0 0 20px #ff4400);opacity:1}}@keyframes flame-sway{0%,to{transform:rotate(-.5deg) translateY(0)}50%{transform:rotate(.5deg) translateY(-1px)}}.anim-sparkle:after,.anim-sparkle:before{animation:sparkle-twinkle 1.5s ease-in-out infinite;color:#fff;content:"✦";font-size:8px;pointer-events:none;position:absolute;z-index:10}.anim-sparkle:before{animation-delay:0s;left:15%;text-shadow:0 0 4px gold,0 0 8px gold;top:10%}.anim-sparkle:after{animation-delay:.5s;right:18%;text-shadow:0 0 4px gold,0 0 8px gold;top:15%}@keyframes sparkle-twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.extra-sparkle{animation:sparkle-twinkle 1.5s ease-in-out infinite;color:#fff;font-size:8px;pointer-events:none;position:absolute;text-shadow:0 0 4px gold,0 0 8px gold;z-index:10}.extra-sparkle.sparkle-1{animation-delay:.25s;left:25%;top:35%}.extra-sparkle.sparkle-2{animation-delay:.9s;right:22%;top:40%}.extra-sparkle.sparkle-3{animation-delay:.4s;left:30%;top:55%}.extra-sparkle.sparkle-4{animation-delay:1.1s;right:28%;top:50%}.anim-glow img{animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 5px #ffd700) drop-shadow(0 0 10px #ffaa00)}50%{filter:drop-shadow(0 0 15px #ffd700) drop-shadow(0 0 25px #ffaa00)}}.anim-pulse img{animation:pulse-breathe 1.5s ease-in-out infinite}@keyframes pulse-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.anim-rainbow img{animation:rainbow-cycle 3s linear infinite}@keyframes rainbow-cycle{0%{filter:hue-rotate(0deg) drop-shadow(0 0 8px rgba(255,0,0,.5))}33%{filter:hue-rotate(120deg) drop-shadow(0 0 8px rgba(0,255,0,.5))}66%{filter:hue-rotate(240deg) drop-shadow(0 0 8px rgba(0,0,255,.5))}to{filter:hue-rotate(1turn) drop-shadow(0 0 8px rgba(255,0,0,.5))}}.anim-float img{animation:float-bob 2.5s ease-in-out infinite}@keyframes float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.accessory-wrapper.rarity-legendary img,.accessory-wrapper.rarity-rare img{animation:none}.accessory-wrapper.rarity-legendary:before{animation:none;opacity:.1}.accessory-glasses-wrapper.rarity-legendary,.accessory-glasses-wrapper.rarity-rare,.accessory-hats-wrapper.rarity-legendary,.accessory-hats-wrapper.rarity-rare,.accessory-necklaces-wrapper.rarity-legendary,.accessory-necklaces-wrapper.rarity-rare{animation:none}.accessory-wrapper.rarity-rare img{filter:drop-shadow(0 0 5px rgba(147,51,234,.5))}.accessory-wrapper.rarity-legendary img{filter:drop-shadow(0 0 6px rgba(255,215,0,.6)) drop-shadow(0 0 12px rgba(255,193,7,.4))}}.checklist-admin{padding:0}.checklist-admin-loading{color:#8b7355;padding:40px;text-align:center}.checklist-subtabs{border-bottom:2px solid #f0e6dc;display:flex;gap:8px;margin-bottom:20px;padding-bottom:12px}.subtab-btn{background:#f5f0eb;border:none;border-radius:8px;color:#5d4e3e;cursor:pointer;flex:1 1;font-size:13px;min-width:0;padding:8px 12px;transition:all .2s;white-space:nowrap}.subtab-btn.active{background:#8b7355;color:#fff}.subtab-btn:hover:not(.active){background:#e8e0d8}.checklist-form-section{background:#fff;border:1px solid #e8e0d8;border-radius:12px;margin-bottom:24px;overflow:hidden}.checklist-form-section.collapsed{cursor:pointer}.checklist-form-section.collapsed:hover{border-color:#d4c4b0}.form-header-toggle{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px}.form-header-toggle h3{color:#5d4e3e;font-size:16px;margin:0}.toggle-icon{color:#8b7355;font-size:14px}.checklist-form{border-top:1px solid #f0e6dc;padding:0 20px 20px}.form-row{display:flex;gap:16px;margin-bottom:16px;margin-top:16px}.form-row.three-col{display:grid;grid-template-columns:repeat(3,1fr)}.form-row.rewards-row{align-items:flex-end}.form-field{flex:1 1}.form-field label{color:#5d4e3e;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-field input,.form-field select{border:1px solid #e8e0d8;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-field input:focus,.form-field select:focus{border-color:#8b7355;outline:none}.active-toggle{gap:8px;padding:10px 0}.active-toggle input{width:auto}.active-toggle span{font-size:14px}.items-section{margin-top:16px}.items-section>label{color:#5d4e3e;display:block;font-size:13px;font-weight:500;margin-bottom:12px}.item-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.item-number{color:#8b7355;font-size:14px;min-width:24px}.item-row input{border:1px solid #e8e0d8;border-radius:8px;flex:1 1;padding:10px 12px}.item-row input:focus{border-color:#8b7355;outline:none}.remove-item-btn{background:none;font-size:16px;opacity:.6;padding:8px;transition:opacity .2s}.remove-item-btn:hover:not(:disabled){opacity:1}.remove-item-btn:disabled{cursor:not-allowed;opacity:.3}.add-item-btn{background:#f5f0eb;border:1px dashed #d4c4b0;border-radius:8px;color:#8b7355;cursor:pointer;font-size:14px;margin-top:8px;padding:10px 16px;transition:background .2s;width:100%}.add-item-btn:hover{background:#e8e0d8}.form-actions{border-top:1px solid #f0e6dc;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.btn-cancel{background:#f5f0eb;border:none;border-radius:8px;color:#5d4e3e;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s}.btn-cancel:hover{background:#e8e0d8}.btn-save{background:#8b7355;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s}.btn-save:hover{background:#6d5a45}.templates-list{margin-top:24px}.templates-list h3{color:#5d4e3e;font-size:16px;margin-bottom:16px}.templates-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.template-card{background:#fff;border:1px solid #e8e0d8;border-radius:12px;padding:16px;transition:box-shadow .2s}.template-card:hover{box-shadow:0 4px 12px #00000014}.template-card.inactive{opacity:.6}.template-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.template-name{color:#5d4e3e;font-size:15px;font-weight:600}.status-badge{border-radius:10px;font-size:11px;padding:2px 8px}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#fff3e0;color:#e65100}.template-timing{color:#8b7355;font-size:13px;margin-bottom:12px}.template-stats{color:#a99580;display:flex;font-size:12px;gap:12px;margin-bottom:12px}.template-actions{display:flex;gap:8px}.template-actions .delete-btn,.template-actions .edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .2s}.template-actions .edit-btn{background:#e3f2fd;color:#1565c0}.template-actions .edit-btn:hover{background:#bbdefb}.template-actions .delete-btn{background:#ffebee;color:#c62828}.template-actions .delete-btn:hover{background:#ffcdd2}.history-section{padding:0}.history-nav{align-items:center;background:#fff;border:1px solid #e8e0d8;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.nav-btn{background:#f5f0eb;border:none;border-radius:6px;color:#5d4e3e;cursor:pointer;font-size:13px;padding:8px 16px;transition:background .2s}.nav-btn:hover:not(:disabled){background:#e8e0d8}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.date-range{color:#5d4e3e;font-size:14px;font-weight:500}.history-loading{color:#8b7355;padding:40px;text-align:center}.history-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.history-grid{grid-template-columns:1fr}}.day-card{border:1px solid #e8e0d8;border-radius:12px;overflow:hidden}.day-header{background:linear-gradient(135deg,#f5ede4,#ede3d8);border-bottom:1px solid #e8dfd4;color:#5d4e3e;font-weight:600;padding:12px 16px}.day-content{display:flex;flex-direction:column;gap:0;padding:12px}.shift-header{color:#5d4e3e;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px}.timing-row{align-items:flex-start;display:flex;font-size:13px;gap:8px;margin-bottom:6px}.submissions{display:flex;flex-wrap:wrap;gap:6px}.submission{align-items:center;background:#e8f5e9;border-radius:6px;color:#2e7d32;display:inline-flex;font-size:12px;gap:6px;padding:5px 10px}.submission .time{color:#66bb6a;font-size:11px}.delete-submission{background:none;border:none;color:#c62828;cursor:pointer;font-size:10px;margin-left:2px;opacity:.6;padding:0 2px}.delete-submission:hover{opacity:1}.empty-state{background:#fafafa;border-radius:12px;color:#a99580;padding:40px 20px}.checklist-admin .alert{animation:none;border-radius:8px;font-size:14px;margin-bottom:16px;margin-left:0;margin-right:0;padding:12px 16px}.checklist-admin .alert-error{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.checklist-admin .alert-success{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.modal-overlay{padding:20px}.confirm-modal{background:#fff;border-radius:12px;max-width:360px;padding:24px;width:100%}.confirm-modal h3{color:#5d4e3e;font-size:18px;margin:0 0 12px}.confirm-modal p{color:#5d4e3e;font-size:14px;margin:0 0 8px}.confirm-modal .warning{color:#e65100;font-size:12px}.confirm-modal .info{color:#1565c0;font-size:12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-delete{background:#c62828;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s}.btn-delete:hover{background:#b71c1c}@media (max-width:600px){.form-row.three-col{gap:12px;grid-template-columns:1fr}.form-row.rewards-row{flex-wrap:wrap}.checklist-subtabs{flex-wrap:nowrap;gap:6px}.subtab-btn{font-size:12px;padding:6px 10px}.history-nav{flex-direction:column;gap:12px;text-align:center}.templates-grid{grid-template-columns:1fr}}.locked-info-row{border-bottom:1px solid #f0e6dc;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:16px}.locked-badge{align-items:center;background:#f5ede4;border-radius:16px;color:#5d4e3e;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px}.form-row.rewards-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr 1fr auto}.form-row.rewards-row .form-field{min-width:0}.form-row.rewards-row .form-field label{font-size:12px;margin-bottom:4px}.form-row.rewards-row .form-field input{font-size:14px;padding:8px 10px}.active-toggle{align-items:center;background:#f5ede4;border-radius:8px;cursor:pointer;display:flex;gap:6px;padding:8px 12px;white-space:nowrap}.active-toggle input{height:16px;margin:0;width:16px}.active-toggle span{color:#5d4e3e;font-size:13px;font-weight:500}.checklist-form{padding:0 16px 16px}.checklist-form-section{margin-bottom:16px}.form-header-toggle{padding:12px 16px}.form-header-toggle h3{font-size:14px}.items-section{margin-top:12px}.items-section>label{font-size:12px;margin-bottom:8px}.item-row{margin-bottom:6px}.item-row input{font-size:14px;padding:8px 10px}.add-item-btn{font-size:13px;margin-top:4px;padding:8px 12px}.form-actions{margin-top:16px;padding-top:12px}.btn-cancel,.btn-save{font-size:13px;padding:8px 16px}@media (max-width:480px){.form-row.rewards-row{grid-template-columns:1fr 1fr}.active-toggle{grid-column:span 2}.active-toggle,.locked-info-row{justify-content:center}}.shift-grid{display:flex;flex-direction:column;gap:12px}.shift-group-card{background:#fff;border:1px solid #e8dfd4;border-radius:12px;margin-bottom:12px;overflow:hidden}.shift-group-card:last-child{margin-bottom:0}.shift-group-header{align-items:center;background:linear-gradient(135deg,#f5ede4,#ede6dd);color:#5d4e3e;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px}.shift-group-header.clickable{cursor:pointer;transition:background .2s}.shift-group-header.clickable:hover{background:linear-gradient(135deg,#ede6dd,#e5ded5)}.shift-header-left{align-items:center;display:flex;gap:10px}.shift-title{font-size:15px}.notes-badge{background:#fff3e0;border-radius:12px;color:#e65100;font-size:12px;font-weight:500;padding:2px 8px}.expand-icon{transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.shift-group-body{padding:12px}.shift-group-body,.shift-summary{display:flex;flex-direction:column;gap:8px}.shift-summary{border-top:1px solid #f0e8e0;padding:12px 16px}.position-summary{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.position-summary.has-issue{background:#fff8f0;border-radius:8px;margin:-4px -8px;padding:8px}.pos-label{color:#5d4e3e;font-weight:600;min-width:35px}.pos-status{display:flex;gap:2px}.status-check{color:#4caf50;font-weight:700}.status-missing{color:#bdbdbd;font-weight:700}.pos-count{color:#8b7355;font-size:12px}.warning-badge{background:#fff3e0;border-radius:4px;color:#e65100;font-size:11px;font-weight:500;padding:2px 6px}.mini-notes{color:#8b7355;font-size:11px}.no-submissions{color:#aaa;font-size:13px;font-style:italic}.shift-details{animation:fadeInDetails .15s ease-out;background:#fefcfa;border-top:1px solid #e8e0d8;padding:16px}@keyframes fadeInDetails{0%{opacity:0}to{opacity:1}}.position-detail{margin-bottom:16px}.position-detail:last-child{margin-bottom:0}.position-detail-header{border-bottom:1px dashed #e0d8d0;color:#8b7355;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;padding-bottom:4px}.timing-row.missing{background:#fff8f0;border:1px dashed #ffcc80;border-radius:6px;padding:8px 12px}.missing-text{color:#e65100;font-size:13px;font-weight:500}.notes-section{border-top:1px dashed #e0d8d0;margin-top:16px;padding-top:12px}.notes-section-header{align-items:center;color:#8b7355;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:8px}.notes-list{display:flex;flex-direction:column;gap:8px}.note-item{background:#fffbf5;border:1px solid #f0e8e0;border-radius:8px;font-size:13px;padding:10px 12px}.note-item-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.note-author{color:#5d4e3e;font-weight:600}.note-time{color:#a99580;font-size:11px}.note-position{background:#8b7355;border-radius:4px;color:#fff;font-size:10px;padding:1px 6px}.note-content{color:#5d4e3e;line-height:1.5;white-space:pre-wrap;word-break:break-word}.timing-label{color:#8b7355;font-size:12px;font-weight:500;min-width:60px}.position-row{align-items:center;background:#fff;border:1px solid #f0e6dc;border-radius:8px;display:flex;gap:12px;padding:8px 12px}.position-label{color:#5d4e3e;font-size:13px;font-weight:600;min-width:65px}.timing-slots{display:flex;flex:1 1;gap:8px}.timing-slot{align-items:center;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:12px;gap:6px;justify-content:center;padding:6px 10px;transition:all .2s}.timing-slot.filled{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.timing-slot.filled:hover{background:#c8e6c9;border-color:#a5d6a7}.timing-slot.filled.inactive{background:#fff3e0;border:1px solid #ffe0b2;color:#e65100}.timing-slot.empty{background:#f5f5f5;border:1px dashed #ccc;color:#999}.timing-slot.empty:hover{background:#e8e8e8;border-color:#999;color:#666}.timing-icon{font-size:10px}.slot-status{align-items:center;display:flex;gap:4px;margin-left:auto}.item-count{background:#0000001a;border-radius:10px;font-size:11px;font-weight:600;padding:2px 6px}.inactive-badge{background:#e65100;border-radius:4px;color:#fff;font-size:9px;font-weight:600;padding:2px 5px}.empty-status{font-size:11px;font-weight:500}.position-rewards{border-left:1px solid #e8dfd4;color:#8b7355;display:flex;font-size:11px;gap:8px;margin-left:auto;padding-left:8px}@media (max-width:480px){.position-row{flex-wrap:wrap}.position-label{margin-bottom:4px;min-width:100%}.timing-slots{width:100%}.position-rewards{border-left:none;border-top:1px solid #e8dfd4;justify-content:center;margin-top:4px;padding-left:0;padding-top:8px;width:100%}}.templates-grid{display:none}.notes-toggle{color:#6b5b4f;margin-left:16px}.notes-toggle span{font-size:13px}.notes-indicator{cursor:pointer;font-size:12px;margin-left:6px;opacity:.8;transition:opacity .2s}.notes-indicator:hover{opacity:1}.notes-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:400px;padding:24px;width:90%}.notes-modal-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.notes-modal-header .notes-modal-icon{font-size:24px}.notes-modal-header h3{color:#5d4e3e;font-size:20px;margin:0}.notes-modal-meta{border-bottom:1px solid #e8e0d8;color:#8b7355;font-size:13px;margin-bottom:16px;padding-bottom:12px}.notes-modal-meta strong{color:#5d4e3e}.notes-modal-content{background:#fefcf9;border:1px solid #e8e0d8;border-radius:10px;color:#5d4e3e;font-size:14px;line-height:1.6;max-height:200px;overflow-y:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.notes-modal-close{background:linear-gradient(135deg,#d4a574,#c4956a);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:20px;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.notes-modal-close:hover{box-shadow:0 4px 12px #d4a57466;transform:translateY(-1px)}.box-contents-modal{background:#fff;border-radius:24px;display:flex;flex-direction:column;max-height:85vh;max-width:400px;overflow:visible;position:relative;text-align:center;width:90%}.box-contents-modal .contents-modal-title{flex-shrink:0;margin:0;padding:20px 20px 0}.box-contents-modal .contents-preview-area{flex-shrink:0;margin:8px 16px}.box-contents-modal .contents-drop-rates{flex-shrink:0;padding:0 16px 8px}.box-contents-modal .contents-sections{-webkit-overflow-scrolling:touch;flex:1 1;max-height:45vh;overflow-y:auto;padding:0 12px 12px}.box-contents-modal .contents-back-btn{flex-shrink:0;margin:8px 16px 16px}.box-contents-modal .contents-empty,.box-contents-modal .contents-loading{padding:40px 20px}.contents-modal-title{color:#5c4033;font-size:20px;font-weight:800;margin:0 0 16px}.contents-drop-rates{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.contents-drop-rates .rate{border-radius:16px;font-size:11px;font-weight:700;padding:4px 10px}.contents-drop-rates .rate.common{background:#f5f5f5;color:#666}.contents-drop-rates .rate.rare{background:linear-gradient(135deg,#e8d5f0,#d4b8e8);color:#6b3fa0}.contents-drop-rates .rate.legendary{background:linear-gradient(135deg,#fff3cd,#ffe082);color:#b8860b}.contents-sections{text-align:left}.contents-unified-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));padding:0 4px}.contents-section{border-radius:10px;padding:10px}.contents-section.legendary{background:linear-gradient(135deg,#fffdf0,#fff8e1);border:2px solid #ffd54f}.contents-section.rare{background:linear-gradient(135deg,#f8f0ff,#f0e6fa);border:2px solid #ce93d8}.contents-section.common{background:#f9f9f9;border:2px solid #e0e0e0}.contents-preview-area{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border:2px dashed #d4a5744d;border-radius:12px;display:flex;flex-direction:column;gap:4px;margin-bottom:10px;padding:12px}.contents-capybara{align-items:center;display:flex;height:120px;justify-content:center;overflow:visible;position:relative;width:120px}.contents-capybara img{max-height:80px;max-width:80px;object-fit:contain}.preview-hint{color:#8b7355;font-size:12px;font-weight:600;margin:0}.contents-item{aspect-ratio:1;border:2px solid #0000;border-radius:10px;cursor:pointer;padding:6px;transition:all .2s ease}.contents-item,.contents-item .item-image-wrap{align-items:center;display:flex;justify-content:center;position:relative}.contents-item .item-image-wrap{border-radius:6px;height:100%;padding:4px;width:100%}.contents-item img{max-height:100%;max-width:100%;object-fit:contain}.contents-item.legendary{background:linear-gradient(135deg,#fffdf0,#fff3cd);border-color:#ffc1074d}.contents-item.legendary .item-image-wrap{background:#fff9}.contents-item.legendary:hover{border-color:#ffd54f;box-shadow:0 4px 12px #ffc1074d;transform:scale(1.05)}.contents-item.rare{background:linear-gradient(135deg,#f8f0ff,#e8d5f0);border-color:#9c27b033}.contents-item.rare .item-image-wrap{background:#fff9}.contents-item.rare:hover{border-color:#ce93d8;box-shadow:0 4px 12px #9c27b033;transform:scale(1.05)}.contents-item.common{background:linear-gradient(135deg,#f5f5f5,#eee);border-color:#00000014}.contents-item.common .item-image-wrap{background:#fffc}.contents-item.common:hover{border-color:#bdbdbd;box-shadow:0 4px 12px #0000001a;transform:scale(1.05)}.contents-item.previewing{box-shadow:0 4px 16px #d4a57466!important;outline:none!important;position:relative;transform:scale(1.08);z-index:2}.contents-item.previewing:before{animation:preview-pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#d4a574,#c4956a);border-radius:14px;content:"";inset:-3px;position:absolute;z-index:-1}@keyframes preview-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.contents-item.owned{opacity:1}.contents-item.owned .item-image-wrap:after{background:linear-gradient(90deg,#66bb6a,#4caf50);border-radius:2px;bottom:2px;content:"";height:3px;left:4px;position:absolute;right:4px}.contents-item .owned-badge{align-items:center;background:linear-gradient(135deg,#66bb6a,#4caf50);border:2px solid #fff;border-radius:50%;bottom:-4px;box-shadow:0 1px 4px #4caf5066;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-4px;width:16px;z-index:1}.contents-item .rarity-badge{font-size:10px;left:-2px;line-height:1;position:absolute;top:-2px;z-index:3}.contents-item .rarity-badge.legendary{filter:drop-shadow(0 1px 2px rgba(255,193,7,.6))}.contents-item .rarity-badge.rare{filter:drop-shadow(0 1px 2px rgba(156,39,176,.4))}.contents-item .rarity-badge.common{color:#9e9e9e;font-size:14px;left:0;top:-4px}.contents-section{margin-bottom:12px}.contents-section:last-child{margin-bottom:0}.contents-section h4{align-items:center;color:#5c4033;display:flex;font-size:13px;font-weight:700;gap:6px;margin:0 0 10px}.contents-section.legendary h4{color:#b8860b}.contents-section.rare h4{color:#7b1fa2}.contents-section.common h4{color:#616161}.contents-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}@media (max-width:360px){.contents-grid{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:8px}.contents-grid::-webkit-scrollbar{height:4px}.contents-grid::-webkit-scrollbar-track{background:#f5f5f5;border-radius:2px}.contents-grid::-webkit-scrollbar-thumb{background:#d4a574;border-radius:2px}.contents-item{flex:0 0 56px}}.contents-empty,.contents-loading{color:#8b7355;font-size:14px;padding:40px}.contents-back-btn{background:#f5ebe0;border:none;border-radius:10px;color:#5c4033;cursor:pointer;font-size:13px;font-weight:600;margin-top:10px;padding:10px 20px;transition:all .2s}.contents-back-btn:hover{background:#e8ddd0}.box-modal-count.clickable{color:#8b7355;cursor:pointer;transition:all .2s}.box-modal-count.clickable:hover{color:#d4a574;text-decoration:underline}.contents-capybara.anim-sparkle:after,.contents-capybara.anim-sparkle:before{animation:furniture-sparkle-twinkle 1.5s ease-in-out infinite;color:#fff;content:"✦";font-size:10px;pointer-events:none;position:absolute;text-shadow:0 0 4px gold,0 0 8px gold;z-index:10}.contents-capybara.anim-sparkle:before{animation-delay:0s;left:10%;top:5%}.contents-capybara.anim-sparkle:after{animation-delay:.5s;right:10%;top:10%}.contents-capybara.anim-flame img{animation:furniture-flame-flicker .15s infinite alternate,furniture-flame-sway .8s ease-in-out infinite}.contents-capybara.anim-glow img{animation:furniture-glow-pulse 2s ease-in-out infinite}.contents-capybara.anim-pulse img{animation:furniture-pulse-breathe 1.5s ease-in-out infinite}.contents-capybara.anim-rainbow img{animation:furniture-rainbow-cycle 3s linear infinite}.contents-capybara.anim-float img{animation:furniture-float-bob 2.5s ease-in-out infinite}.xp-bar-container{margin:12px auto;max-width:280px;width:100%}.xp-bar-header{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px}.xp-level{color:#5c4033;font-weight:600}.xp-numbers{color:#8b7355;font-size:12px}.xp-bar-track{background:#f5f0eb;border-radius:6px;box-shadow:inset 0 1px 3px #0000001a;height:12px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg,#7db87d,#5a9a5a);border-radius:6px;height:100%;position:relative;transition:width .5s ease-out}.xp-bar-fill:after{background:linear-gradient(180deg,#ffffff4d,#fff0);border-radius:6px 6px 0 0;content:"";height:50%;left:0;position:absolute;right:0;top:0}.level-up-flash{background:radial-gradient(circle,#ffd700cc 0,#ffffffe6 50%,#0000 100%);inset:0;opacity:0;pointer-events:none;position:fixed;z-index:1999}.level-up-flash.active{animation:flashBurst .4s ease-out forwards}@keyframes flashBurst{0%{opacity:1}to{opacity:0}}.confetti-container{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:2001}.confetti-piece{animation:confettiFall linear forwards;border-radius:2px;position:absolute;top:-20px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}80%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.level-up-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:2000}.level-up-overlay.visible{opacity:1;pointer-events:all}.level-up-modal-v2{background:linear-gradient(180deg,#fffbf0,#fff0d4);border-radius:28px;box-shadow:0 20px 60px #5c40334d,0 0 0 1px #ffd7004d,0 0 80px #ffd70033;max-width:340px;opacity:0;padding:32px 28px;text-align:center;transform:scale(.5);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:90%}.level-up-modal-v2.show{opacity:1;transform:scale(1)}.level-up-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.level-up-header h2{color:#5c4033;font-size:28px;font-weight:800;letter-spacing:2px;margin:0;text-transform:uppercase}.level-up-stars{animation:starPulse 1s ease-in-out infinite;font-size:24px}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.level-number-container{margin-bottom:16px;opacity:0;transform:scale(0)}.level-number-container.reveal{animation:levelReveal .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes levelReveal{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.level-number{align-items:center;animation:goldenGlow 2s ease-in-out infinite;background:linear-gradient(135deg,gold,orange);border-radius:50%;box-shadow:0 4px 20px #ffd70080,inset 0 2px 4px #fff6;color:#5c4033;display:inline-flex;font-size:36px;font-weight:800;height:80px;justify-content:center;width:80px}@keyframes goldenGlow{0%,to{box-shadow:0 4px 20px #ffd70080,inset 0 2px 4px #fff6}50%{box-shadow:0 4px 40px #ffd700cc,inset 0 2px 4px #fff6}}.level-title-container{margin-bottom:24px;opacity:0;transform:translateY(10px)}.level-title-container.reveal{animation:slideUp .4s ease-out forwards;animation-delay:.2s}.level-title{color:#5c4033;font-size:20px;font-weight:700}.title-upgrade{color:#ff6b35;font-size:13px;font-weight:600;margin-top:6px}.rewards-section{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;opacity:0}.rewards-section.reveal{animation:rewardsCascade .5s ease-out forwards}@keyframes rewardsCascade{to{opacity:1}}.reward-item{animation:rewardSlideIn .4s ease-out backwards;background:#ffffffb3;border-radius:16px;padding:14px 18px}.reward-item:first-child{animation-delay:.1s}.reward-item:nth-child(2){animation-delay:.25s}@keyframes rewardSlideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.frame-reward .reward-label{color:#5c4033;font-size:14px;font-weight:700;margin-bottom:10px}.frame-preview{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.frame-badge{border-radius:12px;color:#5c4033;font-size:13px;font-weight:600;padding:8px 14px}.frame-badge.wood{background:linear-gradient(135deg,#deb887,#c4a574)}.frame-badge.bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.frame-badge.silver{background:linear-gradient(135deg,silver,#a8a8a8)}.frame-badge.gold{background:linear-gradient(135deg,gold,orange)}.frame-badge.platinum{background:linear-gradient(135deg,#e5e4e2,#bcc6cc)}.frame-badge.emerald{background:linear-gradient(135deg,#50c878,#2e8b57);color:#fff}.frame-badge.diamond{background:linear-gradient(135deg,#b9f2ff,#89cff0)}.coin-reward{align-items:center;display:flex;gap:10px;justify-content:center}.coin-icon{animation:coinBounce .6s ease-out;font-size:28px}@keyframes coinBounce{0%{transform:scale(0) rotate(-180deg)}60%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}.coin-amount{color:#b8860b}.coin-amount,.level-up-btn{font-size:18px;font-weight:700}.level-up-btn{align-items:center;background:linear-gradient(135deg,#ff6b35,#e55a2b);border:none;border-radius:16px;box-shadow:0 4px 16px #ff6b3566;color:#fff;cursor:pointer;display:inline-flex;gap:10px;justify-content:center;padding:16px 28px;transition:all .2s ease;width:100%}.level-up-btn:hover{box-shadow:0 6px 24px #ff6b3580;transform:translateY(-2px)}.level-up-btn:active{transform:translateY(0)}.btn-capy-icon{height:28px;object-fit:contain;width:28px}@media (max-width:380px){.level-up-modal-v2{padding:24px 20px}.level-up-header h2{font-size:24px}.level-number{font-size:32px;height:70px;width:70px}}.floating-xp{animation:floatUp 1.2s ease-out forwards;left:50%;pointer-events:none;position:absolute;top:50%;transform:translateX(-50%);z-index:1100}@keyframes floatUp{0%{opacity:1;transform:translateX(-50%) translateY(0)}70%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-50px)}}.floating-xp-text{color:#7db87d;display:inline-block;font-size:18px;font-weight:700;text-shadow:0 1px 2px #0003,0 0 10px #7db87d4d;white-space:nowrap}.floating-xp.bonus .floating-xp-text{color:gold;font-size:20px;text-shadow:0 1px 2px #0000004d,0 0 15px #ffd70066}.floating-xp.with-gems{align-items:center;display:flex;flex-direction:column;gap:4px}.floating-gems-text{animation:floatUpGems 1.5s ease-out forwards;color:#ba68c8;font-size:20px;font-weight:800;text-shadow:0 0 10px #ba68c8cc,0 2px 4px #0000004d}@keyframes floatUpGems{0%{opacity:0;transform:translateY(10px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.1)}40%{transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.9)}}.floating-coins-text{color:#d4a574;display:inline-block;font-size:16px;font-weight:700;text-shadow:0 1px 2px #0003,0 0 10px #d4a5744d;white-space:nowrap}.standard-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #8b73551a;box-sizing:border-box;display:flex;justify-content:space-between;min-height:56px;padding:14px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.standard-header-left{align-items:center;display:flex;gap:10px}.standard-header-icon-wrapper{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.standard-header-icon{height:28px;object-fit:contain;width:28px}.standard-header-title{color:#5c4033;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;font-weight:800;margin:0}.standard-header-right{align-items:center;background:#f5ede3;border:1px solid #8b73551f;border-radius:20px;display:flex;gap:12px;padding:6px 14px}.header-currency{align-items:center;color:#5c4033;display:flex;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:700;gap:4px}.header-currency-icon{height:16px;object-fit:contain;width:16px}.header-currency-emoji{font-size:14px;line-height:1}body.native-app .standard-header{left:0;padding-top:env(safe-area-inset-top,20px);position:fixed;right:0;top:0}:root{--legendary-glow:#ffc10780;--legendary-glow-bright:#ffd700b3;--legendary-shimmer:#fff9;--rare-glow:#7c3aed59;--rare-glow-bright:#9333ea80}@keyframes rareGlow{0%,to{box-shadow:0 0 8px #7c3aed59,0 0 16px #7c3aed59;box-shadow:0 0 8px var(--rare-glow),0 0 16px var(--rare-glow)}50%{box-shadow:0 0 12px #9333ea80,0 0 24px #7c3aed59;box-shadow:0 0 12px var(--rare-glow-bright),0 0 24px var(--rare-glow)}}@keyframes shimmerSweep{0%,85%,to{left:-100%;opacity:0}90%{left:100%;opacity:1}95%{left:200%;opacity:0}}@keyframes badgeBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-2px) rotate(5deg)}}@keyframes wornLegendaryGlow{0%,to{filter:drop-shadow(0 0 8px rgba(255,193,7,.6)) drop-shadow(0 0 16px rgba(255,193,7,.3))}50%{filter:drop-shadow(0 0 12px rgba(255,215,0,.8)) drop-shadow(0 0 24px rgba(255,193,7,.4))}}@keyframes wornRareGlow{0%,to{filter:drop-shadow(0 0 6px rgba(124,58,237,.5)) drop-shadow(0 0 12px rgba(124,58,237,.25))}50%{filter:drop-shadow(0 0 10px rgba(147,51,234,.7)) drop-shadow(0 0 18px rgba(124,58,237,.35))}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}.my-capybara-page{background:linear-gradient(145deg,#fff8f0,#fff5e6 50%,#f5ebe0);font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;padding:0 0 100px}.loading-container{min-height:80vh}.cute-loader{font-size:64px}.error-container .error-message{color:#8b7355;font-size:16px}.retry-button{background:linear-gradient(135deg,#d4a574,#c4956a);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 28px;transition:all .3s ease}.retry-button:hover{box-shadow:0 4px 12px #d4a57466;transform:translateY(-2px)}.page-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #8b73551a;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-button{background:none;border:none;border-radius:12px;color:#8b7355;cursor:pointer;font-size:16px;font-weight:600;padding:8px 12px;transition:all .2s ease}.back-button:hover{background:#8b73551a}.header-center{align-items:center;display:flex;gap:8px}.header-emoji{animation:sparkle 2s infinite;font-size:24px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.page-header h1{color:#5c4033;font-size:20px;font-weight:800;margin:0}.page-header .subtitle{display:none}.header-spacer{width:60px}.gear-menu-container{display:flex;justify-content:flex-end;position:relative}.gear-menu-container.card-gear{position:absolute;right:12px;top:12px;z-index:10}.gear-button{background:none;border:none;border-radius:12px;cursor:pointer;font-size:24px;padding:8px;transition:all .2s ease}.gear-button:hover{background:#8b73551a}.gear-dropdown{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:160px;padding:8px 0;position:absolute;right:0;top:100%;z-index:100}.gear-dropdown button{background:none;border:none;color:#5c4033;cursor:pointer;display:block;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.gear-dropdown button:hover{background:#f5f0eb}.gear-dropdown button:disabled{cursor:not-allowed;opacity:.5}.message{animation:messageFadeIn .25s ease;border-radius:16px;box-shadow:0 4px 20px #00000026;font-weight:600;left:50%;padding:14px 24px;position:fixed;top:80px;transform:translateX(-50%);z-index:200}@keyframes messageFadeIn{0%{opacity:0}to{opacity:1}}.message.success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.message.error{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.capybara-content{gap:16px}.capybara-content,.capybara-preview-section{display:flex;flex-direction:column;padding:16px}.capybara-preview-section{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 12px #5c403314;gap:10px}.capybara-frame{background:linear-gradient(135deg,#fff8f0,#f5ebe0);border:2px solid #d4a574;border-radius:16px;padding:16px;position:relative}.capybara-frame.compact{padding:10px}.preview-badge{animation:pulse 1.5s infinite;background:linear-gradient(135deg,#007bff,#6f42c1);border-radius:20px;color:#fff;font-size:12px;font-weight:700;padding:6px 14px;position:absolute;right:-8px;top:-8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.capybara-name-display{margin-bottom:4px;margin-top:8px;text-align:center}.capybara-nickname{color:#5c4033;font-size:18px;font-weight:600;letter-spacing:.5px}.capybara-nickname:before{color:#d4a574;content:"「";margin-right:2px}.capybara-nickname:after{color:#d4a574;content:"」";margin-left:2px}.capybara-nickname-placeholder{color:#a8967a;font-size:14px;font-style:italic}.capybara-nickname-placeholder:after,.capybara-nickname-placeholder:before{content:none}.capybara-owner{color:#a8967a;display:block;font-size:12px;font-weight:400;margin-top:4px}.stats-row{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:12px;color:#5c4033;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;justify-content:center;padding:8px 12px;width:100%}.stats-row .stat-item{align-items:center;display:flex;font-weight:600;gap:4px}.stats-row .stat-divider{color:#ccc;font-weight:400}.action-buttons-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto;max-width:480px;padding:8px 0;width:100%}.action-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;gap:6px;min-height:44px;padding:10px 18px;transition:all .2s ease}.action-button.admin{background:linear-gradient(135deg,#ffd54f,#ffb300);color:#5c4033}.action-button.save{background:linear-gradient(135deg,#81c784,#66bb6a);color:#fff}.action-button.load{background:linear-gradient(135deg,#90a4ae,#78909c);color:#fff}.action-button:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-button:active:not(:disabled){transform:scale(.96)}.action-button:disabled{cursor:not-allowed;opacity:.6}.coin-balance-display{align-items:center;background:linear-gradient(135deg,#ffd54f,#ffa726);border-radius:25px;box-shadow:0 4px 12px #ffa7264d;display:flex;gap:8px;padding:10px 20px}.coin-balance-display .coin-icon{font-size:24px}.coin-balance-display .coin-amount{color:#5c4033;font-size:1.4rem;font-weight:800}.coin-balance-display .coin-label{color:#5c4033;font-size:12px;font-weight:600;opacity:.8}.customization-info{background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:16px;max-width:280px;padding:14px 18px;width:100%}.info-row{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.info-label{color:#8b7355;font-size:13px;font-weight:600}.info-value{align-items:center;color:#5c4033;display:flex;font-size:14px;font-weight:700;gap:6px}.hue-preview-dot{border:2px solid #5c4033;border-radius:50%;display:inline-block;height:18px;width:18px}.hue-preview-dot.small{height:14px;vertical-align:middle;width:14px}.locked-badge{border-top:1px solid #8b735533;color:#8b7355;display:block;font-size:12px;margin-top:8px;padding-top:8px;text-align:center}.admin-edit-button{align-items:center;background:linear-gradient(135deg,#ffd54f,#ffb300);border:none;border-radius:16px;color:#5c4033;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;max-width:280px;padding:12px 20px;transition:all .3s ease;width:100%}.admin-edit-button:hover{box-shadow:0 4px 12px #ffb30066;transform:translateY(-2px)}.capybara-stats{display:flex;gap:20px;justify-content:center}.capybara-stats .stat-item{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:16px;display:flex;flex-direction:column;gap:4px;min-width:100px;padding:12px 20px}.stat-label{color:#8b7355;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#5c4033;font-size:28px;font-weight:800}.preset-buttons{display:flex;gap:12px;max-width:280px;width:100%}.preset-button{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:12px 16px;transition:all .3s ease}.preset-button.save{background:linear-gradient(135deg,#81c784,#66bb6a);color:#fff}.preset-button.save:hover:not(:disabled){box-shadow:0 4px 12px #66bb6a66;transform:translateY(-2px)}.preset-button.load{background:linear-gradient(135deg,#90a4ae,#78909c);color:#fff}.preset-button.load:hover:not(:disabled){box-shadow:0 4px 12px #78909c66;transform:translateY(-2px)}.preset-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.customization-panel{background:#fff;border-radius:20px;box-shadow:0 2px 12px #5c403314;padding:16px}.customization-panel.compact{padding:12px}.customization-panel h2{color:#5c4033;font-size:1.2rem;font-weight:800;margin:0 0 12px;text-align:center}.category-tabs{gap:8px;margin-bottom:12px}.category-tab,.category-tabs{display:flex;justify-content:center}.category-tab{align-items:center;background:#fff;border:2px solid #8b735533;border-radius:16px;color:#8b7355;cursor:pointer;font-size:14px;font-weight:700;gap:0;padding:10px;transition:all .3s ease;width:44px}.category-tab:hover{border-color:#d4a574;color:#5c4033}.category-tab.active{background:linear-gradient(135deg,#d4a574,#c4956a);border-color:#c4956a;color:#fff}.category-tab-icon{height:22px;object-fit:contain;width:22px}.currently-wearing{align-items:center;color:#5c4033;display:flex;font-size:14px;gap:8px;margin-bottom:12px;padding:8px 0}.wearing-label{color:#8b7355;font-weight:600}.wearing-chip{align-items:center;background:#e8f5e9;border:1px solid #81c784;border-radius:16px;color:#2e7d32;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:4px 8px 4px 6px}.wearing-chip img{border-radius:4px}.remove-chip{background:none;border:none;color:#666;cursor:pointer;font-size:12px;padding:0 2px;transition:color .2s}.remove-chip:hover{color:#c62828}.remove-chip:disabled{cursor:not-allowed;opacity:.5}.wearing-none{color:#a8967a;font-style:italic}.filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:8px 0}.filter-pill{background:#f5f0eb;border:none;border-radius:20px;color:#5c4033;cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.filter-pill:hover{background:#e8ddd0}.filter-pill.active{background:#8b7355;color:#fff}.boutique-tabs{background:#f5f0eb;border-radius:12px;display:flex;gap:8px;margin-bottom:16px;padding:6px}.boutique-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#8b7355;cursor:pointer;display:flex;flex:1 1;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:10px 12px;transition:all .2s ease}.boutique-tab:hover{background:#ffffff80;color:#5c4033}.boutique-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#5c4033}.boutique-tab-icon{font-size:16px}.boutique-tab-icon-img{height:24px;object-fit:contain;width:24px}.boutique-content{animation:fadeIn .2s ease}.shop-balance{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:12px;color:#5c4033;font-size:15px;font-weight:700;gap:6px;padding:10px 16px}.accessory-grid-new{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));margin-top:12px}.accessory-grid-new .accessory-card{min-width:auto;width:auto}.empty-state{color:#a8967a;padding:32px 16px;text-align:center}.empty-state p{font-size:14px;margin:0}.collection-teaser{background:#fff8f0;border-radius:8px;color:#8b7355;font-size:13px}.collection-teaser,.shop-hint{margin-top:16px;padding:12px;text-align:center}.shop-hint{color:#a8967a;font-size:12px}.mystery-placeholder{padding:32px 16px}.mystery-coming-soon{text-align:center}.mystery-coming-soon .mystery-icon{display:block;font-size:48px;margin-bottom:12px}.mystery-coming-soon h3{color:#5c4033;font-size:18px;font-weight:700;margin:0 0 8px}.mystery-coming-soon p{color:#a8967a;font-size:14px;margin:0 0 16px}.stardust-preview{background:linear-gradient(135deg,#f5f0eb,#e8ddd0);border-radius:20px;color:#8b7355;display:inline-block;font-size:13px;font-weight:600;padding:8px 16px}.accessory-boutique-section{margin:0 auto;max-width:500px;padding:0 16px}.accessory-section{margin-bottom:16px}.section-label{color:#8b7355;font-size:11px;font-weight:700;letter-spacing:1px;margin:16px 0 8px 4px;padding-left:4px}.section-label.premium{color:#b8860b}.accessory-row{-webkit-overflow-scrolling:touch;display:flex;gap:12px;margin:0 -12px;overflow-x:auto;padding:8px 24px 8px 12px;scroll-snap-type:x mandatory}.accessory-row::-webkit-scrollbar{display:none}.accessory-card{align-items:center;background:#fff;border:2px solid #8b735526;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px;min-width:100px;padding:8px;scroll-snap-align:start;transition:all .2s ease;width:100px}@media (min-width:600px){.accessory-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(85px,100px));justify-content:center;margin:0;overflow-x:visible;padding:8px 0}.accessory-card{min-width:auto;width:auto}}.accessory-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.accessory-card.owned{border-color:#81c784}.accessory-card.equipped{background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-color:#d4a574;box-shadow:0 2px 8px #d4a5744d}.accessory-card.previewing{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#42a5f5}.accessory-card-image{align-items:center;background:#fff8f0;border-radius:8px;display:flex;height:64px;justify-content:center;overflow:hidden;position:relative;width:64px}.accessory-card-image img{max-height:100%;max-width:100%;object-fit:contain}.accessory-card-image.head-item{align-items:flex-start;overflow:hidden}.accessory-card-image.head-item img{height:auto;min-height:100%;object-fit:cover;object-position:top center;transform:scale(1.3);transform-origin:top center;width:100%}.accessory-card-image.neck-item{align-items:flex-end;overflow:hidden}.accessory-card-image.neck-item img{height:auto;min-height:100%;object-fit:cover;object-position:bottom center;transform:scale(1.3);transform-origin:bottom center;width:100%}.accessory-card-name{color:#5c4033;font-size:10px;line-height:1.2;min-height:24px;overflow:hidden;text-align:center;text-overflow:ellipsis}.accessory-card-btn,.accessory-card-name{align-items:center;display:flex;font-weight:700;justify-content:center}.accessory-card-btn{background:linear-gradient(135deg,#d4a574,#c4956a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:11px;gap:4px;min-height:28px;padding:6px 8px;transition:all .2s ease;width:100%}.accessory-card-btn:hover:not(:disabled){transform:scale(1.02)}.accessory-card-btn.equipped{background:linear-gradient(135deg,#81c784,#66bb6a)}.accessory-card-btn.buy{background:linear-gradient(135deg,#ffd54f,#ffa726);color:#5c4033}.accessory-card-btn:disabled{cursor:default;opacity:.7}.capybara-preview-section.compact{gap:8px;padding:12px}.equipped-section{border-bottom:1px solid #8b73551a;margin-bottom:20px;padding-bottom:20px}.equipped-section h3,.inventory-section h3{color:#8b7355;font-size:14px;font-weight:700;margin:0 0 12px;text-align:center}.equipped-display{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:16px;display:flex;justify-content:center;min-height:80px;padding:16px}.equipped-item-card{align-items:center;display:flex;gap:16px}.equipped-accessory-image{background:#fff;border:2px solid #d4a574;border-radius:12px;height:70px;object-fit:contain;padding:4px;width:70px}.equipped-name{color:#5c4033;font-size:14px;font-weight:700}.unequip-button{background:linear-gradient(135deg,#ef5350,#e53935);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px;transition:all .3s ease}.unequip-button:hover:not(:disabled){box-shadow:0 4px 12px #e5393566;transform:translateY(-2px)}.no-item-equipped{color:#a8967a;font-style:italic;font-weight:600;margin:0}.accessory-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.accessory-item{align-items:center;background:#fff;border:2px solid #8b735526;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .3s ease}.accessory-item:hover{transform:translateY(-2px)}.accessory-item.owned{border-color:#81c784}.accessory-item.owned:hover{box-shadow:0 4px 12px #81c7844d}.accessory-item.locked{border-color:#8b735533}.accessory-item.locked:hover{border-color:#ffa726;box-shadow:0 4px 12px #ffa72633}.accessory-item.equipped{background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-color:#d4a574;box-shadow:0 4px 12px #d4a5744d}.accessory-item.previewing{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#42a5f5;box-shadow:0 4px 12px #42a5f54d}.accessory-image-container{align-items:center;background:#fff;border-radius:12px;display:flex;height:70px;justify-content:center;overflow:hidden;position:relative;width:70px}.accessory-image{max-height:100%;max-width:100%;object-fit:contain}.premium-badge{background:linear-gradient(135deg,#ffd54f,#ffa726);font-size:10px;padding:3px 6px;right:2px;top:2px}.free-badge,.premium-badge{border-radius:8px;position:absolute}.free-badge{background:linear-gradient(135deg,#81c784,#66bb6a);bottom:2px;color:#fff;font-size:9px;font-weight:700;left:2px;padding:3px 8px}.accessory-name{align-items:center;color:#5c4033;display:flex;min-height:32px;text-align:center}.accessory-name,.equip-button{font-size:12px;font-weight:700}.equip-button{background:linear-gradient(135deg,#d4a574,#c4956a);border:none;border-radius:12px;color:#fff;cursor:pointer;padding:8px 12px;transition:all .3s ease;width:100%}.equip-button:hover:not(:disabled){box-shadow:0 4px 12px #d4a57466;transform:translateY(-1px)}.equip-button.equipped{background:linear-gradient(135deg,#81c784,#66bb6a);cursor:default}.equip-button:disabled{opacity:.7}.buy-button{background:linear-gradient(135deg,#ffd54f,#ffa726);border:none;border-radius:12px;box-shadow:0 2px 8px #ffa7264d;color:#5c4033;cursor:pointer;font-size:12px;font-weight:700;padding:8px 12px;transition:all .3s ease;width:100%}.buy-button:hover:not(:disabled){box-shadow:0 4px 12px #ffa72666;transform:translateY(-1px)}.empty-inventory{color:#8b7355;grid-column:1/-1;padding:40px 20px;text-align:center}.empty-inventory p{font-weight:600;margin:0 0 8px}.empty-inventory .hint{font-size:13px;opacity:.8}.my-capybara-page .modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.purchase-modal{animation:slideUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:340px;padding:28px 24px;text-align:center;width:100%}.purchase-modal h3{color:#5c4033;font-size:1.3rem;font-weight:800;margin:0 0 16px}.purchase-preview{background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:16px;display:inline-block;margin-bottom:16px;padding:20px}.purchase-preview-image{height:100px;object-fit:contain;width:100px}.purchase-name{margin:0 0 12px}.purchase-name,.purchase-price{color:#5c4033;font-size:1.1rem;font-weight:700}.purchase-price{align-items:center;display:flex;gap:8px;justify-content:center;margin:0 0 8px}.purchase-price .coin-icon{font-size:1.3rem}.purchase-balance{color:#2e7d32}.purchase-balance,.purchase-insufficient{font-size:14px;font-weight:600;margin:0 0 20px}.purchase-insufficient{color:#c62828}.purchase-buttons{display:flex;flex-direction:column;gap:10px}.purchase-buttons .cancel-button{background:linear-gradient(135deg,#90a4ae,#78909c);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 24px;transition:all .3s ease}.purchase-buttons .cancel-button:hover{box-shadow:0 4px 12px #78909c66;transform:translateY(-2px)}.purchase-buttons .confirm-button{background:linear-gradient(135deg,#81c784,#66bb6a);border:none;border-radius:16px;box-shadow:0 4px 12px #66bb6a4d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 24px;transition:all .3s ease}.purchase-buttons .confirm-button:hover:not(:disabled){box-shadow:0 6px 16px #66bb6a66;transform:translateY(-2px)}.purchase-buttons .confirm-button:disabled{cursor:not-allowed;opacity:.6}.customizer-modal{min-height:100vh;padding:20px}.customizer-content{background:#fff;border-radius:24px;box-shadow:0 4px 20px #5c40331a;margin:0 auto;max-width:500px;padding:24px 20px}.customizer-content h1{color:#5c4033;font-size:1.5rem;font-weight:800;margin:0 0 12px;text-align:center}.customizer-intro{color:#8b7355;font-size:14px;line-height:1.5;margin:0 0 20px;text-align:center}.customizer-intro strong{color:#5c4033}.admin-notice{background:linear-gradient(135deg,#ffd54f,#ffa726);border-radius:16px;color:#5c4033;display:inline-block;font-weight:700;padding:8px 16px}.name-input-section{margin-bottom:20px;text-align:center}.name-input-section h3{color:#5c4033;font-size:14px;font-weight:700;margin:0 0 10px}.name-input{border:2px solid #8b735533;border-radius:14px;font-family:Nunito,sans-serif;font-size:16px;font-weight:600;max-width:260px;padding:14px 16px;text-align:center;transition:border-color .2s;width:100%}.name-input:focus{border-color:#d4a574;outline:none}.name-hint{color:#a8967a;font-size:12px;font-weight:600;margin:8px 0 0}.customizer-preview-main{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border:3px solid #d4a574;border-radius:20px;display:flex;flex-direction:column;margin-bottom:20px;padding:20px}.preview-name{color:#5c4033;font-size:1.1rem;font-weight:700;margin:12px 0 0}.color-section{border:2px solid #8b735526;border-radius:16px;margin-bottom:20px;overflow:hidden}.color-section-toggle{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border:none;cursor:pointer;display:flex;gap:10px;padding:14px 16px;transition:background-color .2s;width:100%}.color-section-toggle:hover{background:linear-gradient(135deg,#f5ebe0,#e8ddd0)}.color-section-toggle.expanded{background:linear-gradient(135deg,#d4a574,#c4956a);color:#fff}.color-section-toggle.expanded h3{color:#fff}.toggle-icon{font-size:12px;transition:transform .2s}.color-section-toggle h3{color:#5c4033;flex:1 1;font-size:14px;font-weight:700;margin:0;text-align:left}.current-color-preview{background:#fff;border:1px solid #8b735533;border-radius:12px;color:#8b7355;font-size:12px;font-weight:600;padding:4px 12px}.color-section-toggle.expanded .current-color-preview{background:#fff3;border-color:#ffffff4d;color:#fff}.color-options-content{background:#fff;border-top:2px solid #8b73551a;padding:16px}.color-mode-toggle{display:flex;gap:10px;justify-content:center;margin-bottom:16px}.color-mode-btn{background:#fff;border:2px solid #8b735533;border-radius:14px;color:#8b7355;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;max-width:150px;padding:10px 14px;transition:all .2s}.color-mode-btn:hover{border-color:#d4a574;color:#5c4033}.color-mode-btn.active{background:linear-gradient(135deg,#d4a574,#c4956a);border-color:#c4956a;color:#fff}.brown-shades-section{text-align:center}.color-hint{color:#8b7355;font-size:12px;font-weight:600;margin:0 0 12px}.brown-shades-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.brown-shade-btn{align-items:center;background:#fff;border:3px solid #8b735533;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:80px;padding:10px;transition:all .3s ease}.brown-shade-btn:hover{border-color:#d4a574;transform:scale(1.05)}.brown-shade-btn.selected{background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-color:#d4a574;box-shadow:0 4px 12px #d4a5744d}.shade-preview-container{background:#f0f0f0;border-radius:10px;height:50px;overflow:hidden;width:50px}.shade-name{color:#5c4033;font-size:10px;font-weight:700;white-space:nowrap}.pastel-hue-section,.shade-name{text-align:center}.hue-slider-container{align-items:center;display:flex;flex-direction:column;gap:12px}.hue-slider{-webkit-appearance:none;appearance:none;border-radius:12px;cursor:pointer;height:24px;max-width:280px;outline:none;width:100%}.hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid #5c4033;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:28px;width:28px}.hue-slider::-moz-range-thumb{background:#fff;border:3px solid #5c4033;border-radius:50%;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:28px;width:28px}.hue-value{color:#5c4033;font-size:14px;font-weight:700;gap:8px}.expression-section,.hue-value{align-items:center;display:flex}.expression-section{flex-direction:column;margin-bottom:20px;max-width:none!important;overflow:visible;width:100%}.expression-section h3{color:#5c4033;font-size:14px;font-weight:700;margin:0 0 12px;text-align:center}.expression-options-grid{grid-gap:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(3,auto);justify-content:center;justify-items:center;max-width:none!important;padding:8px 0;width:100%}@media (max-width:420px){.expression-options-grid{gap:6px}.expression-options-grid .expression-preview{margin:-4px;transform:scale(.85)}}@media (max-width:375px){.expression-options-grid{gap:4px;padding:2px}.expression-options-grid .expression-preview{margin:-6px;transform:scale(.75)}}.customizer-warning{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px solid #ffd54f;border-radius:14px;color:#5c4033}.customizer-excited,.customizer-warning{font-size:13px;font-weight:600;margin-bottom:20px;padding:14px 18px;text-align:center}.customizer-excited{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #81c784;border-radius:14px;color:#2e7d32}.customizer-buttons{display:flex;flex-direction:column;gap:12px}.cancel-button{background:linear-gradient(135deg,#90a4ae,#78909c);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 24px;transition:all .3s ease}.cancel-button:hover{box-shadow:0 4px 12px #78909c66;transform:translateY(-2px)}.confirm-customization-button{background:linear-gradient(135deg,#81c784,#66bb6a);border:none;border-radius:16px;box-shadow:0 4px 16px #66bb6a66;color:#fff;cursor:pointer;font-size:16px;font-weight:800;padding:16px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.confirm-customization-button:hover:not(:disabled){box-shadow:0 6px 20px #66bb6a80;transform:scale(1.02)}.confirm-customization-button:disabled{cursor:not-allowed;opacity:.7}@media (min-width:500px){.accessory-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1099px){.my-capybara-page{margin:0 auto;max-width:700px;padding-bottom:40px}.capybara-content{flex-direction:column}.accessory-grid{grid-template-columns:repeat(3,1fr)}.purchase-buttons{flex-direction:row}.customizer-content{max-width:600px}.customizer-buttons{flex-direction:row;justify-content:center}.cancel-button,.confirm-customization-button{min-width:160px;width:auto}}@media (min-width:1100px){.my-capybara-page{margin:0 auto;max-width:1000px;padding-bottom:40px}.capybara-content{align-items:flex-start;flex-direction:row;gap:24px;margin:0 auto;max-width:1000px}.capybara-preview-section{flex:0 0 420px;position:-webkit-sticky;position:sticky;top:80px}.customization-panel{flex:1 1;max-width:none;min-width:0}.accessory-grid{grid-template-columns:repeat(4,1fr)}.purchase-buttons{flex-direction:row}.customizer-content{max-width:600px}.customizer-buttons{flex-direction:row;justify-content:center}.cancel-button,.confirm-customization-button{min-width:160px;width:auto}}@supports (padding-top:env(safe-area-inset-top)){.page-header{padding-top:max(16px,env(safe-area-inset-top))}}@media (max-width:767px){.my-capybara-page{padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px))}}@media (min-width:768px){.my-capybara-page{padding-bottom:40px}}@media (hover:none) and (pointer:coarse){.accessory-item:active,.buy-button:active,.equip-button:active,.preset-button:active{transform:scale(.96)}.confirm-customization-button:active:not(:disabled){transform:scale(.98)}}.gear-divider{background:#8b735526;height:1px;margin:8px 0}.gear-reset-option{align-items:center;display:flex!important;justify-content:space-between}.gear-cost{align-items:center;color:#8b7355;display:flex;font-size:12px;gap:4px}.gear-admin-option{background:#1565c00d!important;color:#1565c0!important}.gear-admin-option:hover{background:#1565c01a!important}.reset-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:320px;padding:24px 20px;text-align:center;width:100%}.reset-modal h3{color:#5c4033;font-size:1.2rem;font-weight:800;margin:0 0 16px}.reset-warning{color:#8b7355;font-size:14px;font-weight:600;margin:0 0 8px}.reset-list{background:#fff8f0;border-radius:12px;margin:0 0 16px;padding:12px 16px;text-align:left}.reset-list li{color:#5c4033;font-size:13px;font-weight:600;padding:4px 0}.reset-note{background:#e8f5e9;border-radius:10px;color:#4caf50;font-size:12px;font-weight:700;margin:0 0 16px;padding:8px 12px}.reset-cost{align-items:center;color:#5c4033;display:flex;font-size:16px;font-weight:800;gap:6px;justify-content:center;margin:0 0 20px}.my-capybara-page .modal-actions{display:flex;gap:10px}.my-capybara-page .modal-cancel{background:#f5f0eb;border:none;border-radius:12px;color:#8b7355;cursor:pointer;flex:1 1;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:12px 16px;transition:all .2s ease}.my-capybara-page .modal-cancel:hover{background:#e8ddd0}.my-capybara-page .modal-confirm{background:linear-gradient(135deg,#d4a574,#c4956a);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:12px 16px;transition:all .2s ease}.my-capybara-page .modal-confirm:hover:not(:disabled){box-shadow:0 4px 12px #d4a57466;transform:translateY(-2px)}.my-capybara-page .modal-confirm:disabled{cursor:not-allowed;opacity:.6}.my-capybara-page .modal-confirm.reset-confirm{background:linear-gradient(135deg,#ff8a65,#ff7043)}.my-capybara-page .modal-confirm.reset-confirm:hover:not(:disabled){box-shadow:0 4px 12px #ff704366}.admin-price-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:320px;padding:24px 20px;text-align:center;width:100%}.admin-price-modal h3{color:#5c4033;font-size:1.2rem;font-weight:800;margin:0 0 12px}.admin-price-desc{color:#8b7355;font-size:13px;line-height:1.4;margin:0 0 20px}.price-input-group{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:12px}.price-btn{background:#fff;border:2px solid #8b73554d;border-radius:50%;color:#5c4033;font-size:24px;font-weight:700;height:44px;justify-content:center;width:44px}.price-btn:hover:not(:disabled){background:#fff8f0;border-color:#d4a574}.price-btn:disabled{cursor:not-allowed;opacity:.4}.price-display{align-items:center;color:#5c4033;display:flex;font-size:24px;font-weight:800;gap:8px;justify-content:center;min-width:80px}.price-hint{color:#8b7355;font-size:12px;font-weight:600;margin:0 0 20px}.accessory-card-name,.wearing-chip{text-transform:lowercase}.section-label{text-transform:capitalize}.inline-coin{height:16px;margin-left:4px;vertical-align:middle;width:16px}:root{--rarity-common:#9ca3af;--rarity-common-bg:#f9fafb;--rarity-rare:#a78bfa;--rarity-rare-bg:#f3f0ff;--rarity-legendary:#f59e0b;--rarity-legendary-bg:#fffbeb}.accessory-card.common{border:2px solid #9ca3af;border:2px solid var(--rarity-common)}.accessory-card.rare{border:2px solid #a78bfa;border:2px solid var(--rarity-rare);box-shadow:0 0 4px #a78bfa26}.accessory-card.legendary{border:2px solid #f59e0b;border:2px solid var(--rarity-legendary);box-shadow:0 0 12px #f59e0b66}@keyframes legendary-border-pulse{0%,to{border-color:#f59e0b;box-shadow:0 0 8px #f59e0b4d}50%{border-color:#fbbf24;box-shadow:0 0 16px #fbbf2480}}.legendary-sparkle{overflow:visible;position:relative}.legendary-sparkle:after{animation:twinkle 1.5s ease-in-out infinite;color:#fbbf24;content:"✦";font-size:12px;pointer-events:none;position:absolute;right:6px;text-shadow:0 0 4px #fbbf24cc;top:4px;z-index:5}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.8) rotate(0deg)}50%{opacity:1;transform:scale(1.3) rotate(180deg)}}.rarity-label{font-size:10px;font-weight:600;letter-spacing:.5px;margin-top:2px}.rarity-label.common{color:#9ca3af;color:var(--rarity-common)}.rarity-label.rare{color:#a78bfa;color:var(--rarity-rare)}.rarity-label.legendary{color:#f59e0b;color:var(--rarity-legendary)}.exclusive-badge{background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:8px;color:#fff;font-size:8px;font-weight:700;left:-6px;padding:2px 6px;position:absolute;top:-6px;z-index:5}.reset-confirm-btn{align-items:center;display:inline-flex;gap:4px;justify-content:center;white-space:nowrap}.reset-list{list-style:none}.reset-list,.reset-list li{padding-left:0}.reset-list li:before{color:#d4a574;content:"• "}.capybox-currencies{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.currency-display{align-items:center;border-radius:20px;display:flex;font-size:16px;font-weight:700;gap:8px;padding:10px 20px}.currency-display.coins{background:linear-gradient(135deg,#ffd54f,#ffa726);color:#5c4033}.currency-display.gems{background:linear-gradient(135deg,#ce93d8,#ba68c8);color:#fff}.gem-icon{font-size:20px}.capybox-title{color:#5c4033;font-size:16px;font-weight:700;margin:0 0 16px;text-align:center;text-transform:lowercase}.capybox-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:20px}.capybox-card{background:#fff;border:3px solid #8b735533;border-radius:16px;cursor:pointer;padding:12px;transition:all .3s ease}.capybox-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.capybox-card.selected{border-color:#d4a574;box-shadow:0 6px 16px #d4a5744d}.capybox-card.selected,.capybox-image{background:linear-gradient(135deg,#fff8f0,#f5ebe0)}.capybox-image{align-items:center;border-radius:12px;display:flex;height:100px;justify-content:center;margin-bottom:10px;width:100%}.capybox-image img{max-height:80%;max-width:80%;object-fit:contain}.capybox-info h4{color:#5c4033;font-size:14px;font-weight:700;margin:0 0 6px;text-align:center}.capybox-desc{color:#8b7355;font-size:11px;margin:0 0 8px;text-align:center}.capybox-prices{display:flex;gap:8px;justify-content:center;margin-bottom:6px}.box-price{align-items:center;border-radius:12px;display:flex;font-size:12px;font-weight:700;gap:4px;padding:4px 10px}.box-price.coins{background:linear-gradient(135deg,#ffd54f,#ffa726);color:#5c4033}.box-price.gems{background:linear-gradient(135deg,#ce93d8,#ba68c8);color:#fff}.capybox-count{color:#a8967a;cursor:pointer;font-size:11px;font-weight:600;text-align:center;transition:color .2s}.capybox-count:hover{color:#d4a574}.capybox-count:after{content:" →";opacity:0;transition:opacity .2s}.capybox-card:hover .capybox-count:after{opacity:1}.pull-area{background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:16px;margin-top:16px;padding:20px 16px;text-align:center}.pull-area h3{color:#5c4033;font-size:16px;font-weight:700;margin:0 0 16px;text-transform:lowercase}.pull-buttons{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:280px}.pull-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s ease}.pull-btn.coins{background:linear-gradient(135deg,#ffd54f,#ffa726);box-shadow:0 4px 12px #ffa7264d;color:#5c4033}.pull-btn.gems{background:linear-gradient(135deg,#ce93d8,#ba68c8);box-shadow:0 4px 12px #ba68c84d;color:#fff}.pull-btn:hover:not(:disabled){box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.pull-btn:disabled{cursor:not-allowed;opacity:.5}.pull-modal-overlay{animation:fadeIn .3s ease}.pull-box{animation:shake .5s infinite;height:200px;margin:0 auto 20px;width:200px}.pull-box img{filter:drop-shadow(0 8px 20px rgba(0,0,0,.4));height:100%;object-fit:contain;width:100%}.pull-text{animation:pulse 1s infinite;font-weight:700;margin:0}.pull-animation.burst{height:100%}.burst-effect{animation:flashBang .4s ease-out forwards;background:#fff;height:100vh;width:100vw;z-index:1}@keyframes flashBang{0%{opacity:0}15%{opacity:1}to{opacity:0}}.light-rays{height:300px;width:300px;z-index:2}.light-rays:before{animation:raysPulse .4s ease-out forwards;background:repeating-conic-gradient(from 0deg,#ffd700cc 0deg 8deg,#0000 8deg 24deg);content:"";height:400%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:400%}@keyframes raysPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.light-rays:after{animation:centerGlow .4s ease-out forwards;background:radial-gradient(circle,gold 0,#ffd70099 30%,#0000 70%);border-radius:50%;content:"";height:150px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}@keyframes centerGlow{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.burst-particles{pointer-events:none;z-index:4}.particle{animation:particleFly .6s ease-out forwards;color:gold;font-size:20px;left:50%;opacity:0;top:50%}.particle.p1{--angle:-30deg;--distance:120px}.particle.p2{--angle:30deg;--distance:100px}.particle.p3{--angle:-70deg;--distance:90px;animation-delay:.08s}.particle.p4{--angle:70deg;--distance:110px;animation-delay:.1s}.particle.p5{--angle:0deg;--distance:130px;animation-delay:.03s;font-size:28px}.particle.p6{--angle:180deg;--distance:80px;animation-delay:.12s}@keyframes particleFly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(0)}20%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance)*-.3)) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance)*-1)) scale(.5)}}.pull-animation.reveal{animation:slideUp .4s ease;box-shadow:0 20px 60px #0006}.reveal-glow{border-radius:24px;opacity:.5}.pull-animation.reveal.rare .reveal-glow{animation:pulse 2s infinite;background:radial-gradient(circle,#a78bfa66 0,#0000 70%)}.pull-animation.reveal.legendary .reveal-glow{animation:legendary-glow 1.5s infinite}@keyframes legendary-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.reveal-item{animation:itemAppear .5s ease;height:150px;width:150px}@keyframes itemAppear{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.reveal-item img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));max-height:100%;max-width:100%}.reveal-info{margin-bottom:24px}.rarity-label{margin-bottom:12px;padding:6px 16px}.rarity-label.common{background:#f3f4f6}.rarity-label.rare{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#6d28d9}.rarity-label.legendary{animation:shimmer 2s infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.item-name{color:#5c4033;font-size:20px;font-weight:800;margin:0 0 12px;text-transform:capitalize}.new-badge{animation:pulse 1s infinite;color:#10b981;font-size:16px;font-weight:700;margin:0}.dupe-badge{color:#8b7355;font-size:14px;font-weight:600;margin:0}.close-reveal-btn{border-radius:16px;font-family:Nunito,sans-serif;font-weight:700;transition:all .3s ease}.close-reveal-btn:hover{box-shadow:0 6px 16px #d4a57466}@media (max-width:420px){.pull-box{height:150px;width:150px}.reveal-item{height:120px;width:120px}.item-name{font-size:18px}}.mini-preview-header{align-items:center;animation:dropdownFadeIn .2s ease-out;background:linear-gradient(180deg,#fff8f0,#fdf5ed);border-bottom:1px solid #5c40331a;box-shadow:0 2px 12px #5c40331a;cursor:pointer;display:flex;justify-content:space-between;left:0;padding:10px 16px;position:fixed;right:0;top:0;z-index:100}@keyframes dropdownFadeIn{0%{opacity:0}to{opacity:1}}.mini-preview-header:active{background:#f5ede4}.mini-preview-content{align-items:center;display:flex;gap:12px}.mini-capy-icon{height:40px;object-fit:contain;width:40px}.mini-info{display:flex;flex-direction:column;gap:4px}.mini-name-level{align-items:center;display:flex;gap:8px}.mini-name{color:#5c4033;font-size:15px;font-weight:600}.mini-level{background:#ff6b351a;border-radius:10px;color:#ff6b35;font-size:12px;font-weight:700;padding:2px 8px}.mini-xp-bar{background:#e8e0d8;border-radius:3px;height:6px;overflow:hidden;width:100px}.mini-xp-fill{background:linear-gradient(90deg,#7db87d,#5a9a5a);border-radius:3px;height:100%;transition:width .3s ease}.mini-hint{color:#a0927d;font-size:11px;font-weight:500}@media (max-width:768px){.mini-preview-header{padding:8px 12px}.mini-capy-icon{height:36px;width:36px}.mini-xp-bar{width:80px}}.capybara-card-horizontal{align-items:center;background:linear-gradient(135deg,#fff,#fdf8f3);border:2px solid #e8dfd6;border-radius:24px;box-shadow:0 4px 20px #5c40330f;display:flex;gap:24px;margin:12px auto;max-width:480px;padding:24px 28px;position:relative}.capy-preview-left{flex-shrink:0}.capy-preview-left .capybara-image-container{background:#fef6ee!important;border:2px solid #d4a574!important;border-radius:16px!important;overflow:visible!important;padding:12px}.capy-info-right{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center;min-width:0}.capy-name-display{color:#5c4033;font-size:20px;font-weight:500;letter-spacing:.5px}.name-bracket{color:#d4a574;font-weight:400}.capy-level-text{color:#8b7355;font-size:13px;font-weight:600}.capy-xp-section{align-items:center;display:flex;flex-direction:column;gap:4px;margin-top:2px}.xp-bar-compact{background:#e8e0d8;border-radius:3px;height:6px;overflow:hidden;width:140px}.xp-fill-compact{background:linear-gradient(90deg,#8baf8b,#7a9f7a);border-radius:3px;height:100%;transition:width .4s ease}.xp-text-compact{color:#a0927d;font-size:11px;font-weight:500}.capy-owner{color:#a0927d;font-size:12px;margin-top:2px}@media (max-width:420px){.capybara-card-horizontal{gap:18px;margin:10px 12px;padding:18px 20px}.capy-name-display{font-size:18px}.capy-preview-left{padding:6px}.xp-bar-compact{width:120px}}@media (max-width:360px){.capybara-card-horizontal{flex-direction:column;gap:16px;padding:20px 16px;text-align:center}.capy-info-right,.capy-xp-section{align-items:center}.xp-bar-compact{width:160px}}.box-open-modal{animation:slideUp .3s ease;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:28px 24px;width:100%}.box-open-modal .modal-close-x{background:none;border:none;color:#a0927d;cursor:pointer;font-size:20px;padding:4px 8px;position:absolute;right:16px;top:12px;transition:color .2s}.box-open-modal .modal-close-x:hover{color:#5c4033}.box-modal-preview{background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:20px;display:inline-block;margin-bottom:16px;padding:24px}.box-modal-image{animation:boxWiggle .5s ease-in-out;height:100px;width:100px}@keyframes boxWiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.box-modal-title{font-weight:800;margin:0 0 8px}.box-modal-count{color:#8b7355;font-weight:600}.box-modal-btn{font-family:Nunito,sans-serif;font-weight:700;transition:all .3s ease}.box-modal-btn:hover:not(:disabled){box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.box-modal-btn:disabled{transform:none}.box-modal-btn .gem-icon{font-size:20px}.box-modal-cancel{color:#a0927d;font-family:Nunito,sans-serif;font-weight:600;padding:8px 16px;transition:color .2s}.box-modal-cancel:hover{background:#e0d0c0}.reveal-item .furniture-icon{align-items:center;display:flex;font-size:64px;justify-content:center}.item-type-badge{background:linear-gradient(135deg,#a8d5ba,#7db87d);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:4px 12px}.accessory-card.rare{animation:rareGlow 3s ease-in-out infinite;border-color:#9333ea}.accessory-card.legendary{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66,0 0 24px #f59e0b33;overflow:visible;position:relative}.accessory-card.legendary:after{animation:crownFloat 2.5s ease-in-out infinite;content:"👑";filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:14px;position:absolute;right:4px;top:4px;z-index:11}@keyframes crownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.accessory-card.legendary:before{animation:borderSparkle 3s linear infinite;background:linear-gradient(90deg,#0000,#ffd70099 25%,#fffc 50%,#ffd70099 75%,#0000);background-size:200% 100%;border-radius:inherit;content:"";inset:-2px;opacity:.7;position:absolute;z-index:-1}@keyframes borderSparkle{0%{background-position:200% 0}to{background-position:-200% 0}}.accessory-card.legendary:hover{box-shadow:0 0 20px #ffd700b3,0 0 40px #ffc10780,0 4px 12px #d4a5744d}.accessory-card.rare:hover{box-shadow:0 0 15px #9333ea80,0 0 30px #7c3aed59,0 4px 12px #d4a5744d}@media (prefers-reduced-motion:reduce){.accessory-card.legendary:after,.accessory-card.legendary:before,.accessory-card.rare{animation:none}.accessory-card.legendary{box-shadow:0 0 12px #ffc10780,0 0 24px #ffc1074d}.accessory-card.rare{box-shadow:0 0 10px #7c3aed66}}body.native-app .my-capybara-page .page-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #8b73551a;left:0;padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:0;z-index:1000}body.native-app .my-capybara-page .page-header .back-button{margin-top:0}.streak-modal-overlay{align-items:center;animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.streak-modal-v2{animation:modalPop .35s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(180deg,#fdf8f3,#f5ede4);border-radius:24px;box-shadow:0 20px 50px #5c403340,0 0 0 1px #5c403314;max-width:360px;overflow:hidden;padding:0;width:100%}.streak-modal-v2.jackpot-mode{background:linear-gradient(180deg,#fffbf0,#fff0d4);box-shadow:0 20px 50px #ffb40040,0 0 30px #ffd70026}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.streak-modal-header{align-items:center;display:flex;justify-content:center;padding:20px 20px 16px;position:relative}.header-flame{animation:flameWiggle 1s ease-in-out infinite;font-size:28px;margin-right:8px}@keyframes flameWiggle{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.05)}}.streak-modal-header h2{color:#5c4033;font-size:22px;font-weight:700;margin:0}.modal-close-x{border-radius:8px;color:#a0927d;right:16px;top:50%;transform:translateY(-50%);transition:all .2s}.modal-close-x:hover{background:#0000000d;color:#5c4033}.streak-grid-container{display:flex;gap:12px;padding:0 20px 16px}.days-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.day-card{background:#fff;border:2px solid #e8e0d8;border-radius:14px;padding:12px 8px;position:relative;text-align:center;transition:all .3s ease}.day-card.claimed{background:#f0ede8;border-color:#d8d0c8}.day-card.today{background:linear-gradient(180deg,#fff5ec,#ffe8d9);border-color:#ff6b35;box-shadow:0 4px 16px #ff6b3533}.day-card.future{border-style:dashed;opacity:.5}.day-label{color:#a0927d;font-size:11px;font-weight:700;margin-bottom:6px}.day-card.today .day-label{color:#ff6b35}.day-rewards{display:flex;flex-direction:column;gap:2px}.xp-reward{color:#5a9a5a;font-size:12px;font-weight:700}.gem-reward{color:#4a90d9;font-size:10px;font-weight:600}.claimed-badge{align-items:center;background:linear-gradient(135deg,#7db87d,#5a9a5a);border-radius:50%;box-shadow:0 2px 8px #7db87d66;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px;z-index:2}.claimed-badge.large{font-size:13px;height:26px;right:6px;top:6px;width:26px}.today-ring{animation:todayPulse 2s ease-in-out infinite;border:2px solid #ff6b35;border-radius:18px;inset:-4px;pointer-events:none;position:absolute}.today-ring.large{border-radius:20px}@keyframes todayPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.02)}}.jackpot-card{align-items:center;background:linear-gradient(180deg,#fffbe8,#ffe9a0);border:3px solid gold;border-radius:16px;box-shadow:0 4px 20px #ffd70040;display:flex;flex-direction:column;justify-content:center;padding:16px 12px;position:relative;text-align:center;width:100px}.jackpot-card.claimed{background:linear-gradient(180deg,#f5f0e8,#e8e0d0);border-color:#d0c8b8;box-shadow:none}.jackpot-card.today{animation:jackpotGlow 2s ease-in-out infinite}@keyframes jackpotGlow{0%,to{box-shadow:0 4px 20px #ffd7004d}50%{box-shadow:0 4px 30px #ffd70080}}.jackpot-card.future{border-style:dashed;opacity:.6}.jackpot-star{font-size:32px;margin-bottom:4px}.jackpot-label{color:#b8960c;font-size:10px;font-weight:700;letter-spacing:.5px}.jackpot-title{color:#8b7000;font-size:11px;font-weight:800;margin-bottom:8px}.jackpot-rewards{display:flex;flex-direction:column;gap:4px}.xp-reward.large{font-size:14px}.gem-reward.large{font-size:12px}.today-callout{background:linear-gradient(135deg,#fff5ec,#ffe8d9);border:1px solid #ff6b3533;border-radius:14px;margin:0 20px 16px;padding:14px 16px}.callout-label{color:#a0927d;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.callout-rewards{display:flex;gap:16px;justify-content:center}.callout-xp{color:#5a9a5a}.callout-gems,.callout-xp{font-size:18px;font-weight:700}.callout-gems{color:#4a90d9}.streak-status-bar{color:#8b7355;font-size:14px;padding:12px 20px;text-align:center}.streak-action-btn{background:linear-gradient(135deg,#ff6b35,#e55a2b);border:none;border-radius:16px;box-shadow:0 4px 16px #ff6b3559;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;margin:0 20px 20px;padding:14px 24px;transition:all .2s ease;width:calc(100% - 40px)}.streak-modal-v2.jackpot-mode .streak-action-btn{background:linear-gradient(135deg,gold,#f5c400);box-shadow:0 4px 16px #ffd70066;color:#5c4033}.streak-action-btn:hover{box-shadow:0 6px 20px #ff6b3566;transform:translateY(-2px)}.streak-action-btn:active{transform:translateY(0)}@media (max-width:380px){.streak-grid-container{gap:8px;padding:0 12px 12px}.days-grid{gap:6px}.day-card{padding:10px 6px}.jackpot-card{padding:12px 8px;width:85px}.jackpot-star{font-size:26px}}.streak-indicator-v2{align-items:center;background:linear-gradient(135deg,#fff8f0,#ffe8d9);border:1px solid #ff6b3526;border-radius:20px;box-shadow:0 2px 8px #5c403314;cursor:pointer;display:flex;gap:8px;padding:8px 14px 8px 10px;position:relative;transition:all .2s ease}.streak-indicator-v2:hover{border-color:#ff6b354d;box-shadow:0 4px 12px #5c40331f;transform:translateY(-1px)}.streak-indicator-v2:active{transform:translateY(0)}.indicator-flame{animation:indicatorFlame 2s ease-in-out infinite;font-size:18px}@keyframes indicatorFlame{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.indicator-count{color:#ff6b35;font-size:16px;font-weight:700;min-width:14px}.indicator-dots{align-items:center;display:flex;gap:3px}.indicator-dot{background:#e0d8d0;border-radius:50%;height:6px;transition:all .3s ease;width:6px}.indicator-dot.filled{background:#ff6b35}.indicator-star{font-size:12px;margin-left:2px;opacity:.3;transition:all .3s ease}.indicator-star.filled{opacity:1}.indicator-alert{align-items:center;animation:alertPulse 1.5s ease-in-out infinite;background:#ff3b30;border-radius:50%;box-shadow:0 2px 8px #ff3b3066;color:#fff;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}@keyframes alertPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.featured-page{background:linear-gradient(145deg,#fff8f0,#fff5e6 50%,#f5ebe0);font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;padding:0 0 100px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.cute-loader{animation:bounce 1s infinite;font-size:48px}.cute-loader span{display:inline-block}.loading-container p{color:#8b7355;font-size:16px;font-weight:600}.error-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh;padding:20px;text-align:center}.error-emoji{font-size:64px}.error-container p{color:#8b7355;font-size:16px}.retry-btn{background:linear-gradient(135deg,#d4a574,#c4956a);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.retry-btn:hover{box-shadow:0 4px 12px #d4a57466;transform:translateY(-2px)}.featured-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #8b73551a;box-sizing:border-box;justify-content:space-between;min-height:56px;padding:14px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.featured-header,.header-brand{align-items:center;display:flex}.header-brand{gap:8px}.brand-icon{height:28px;object-fit:contain;width:28px}.brand-name{color:#5c4033;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;font-weight:800}.profile-section{position:relative}.profile-btn{align-items:center;background:linear-gradient(135deg,#d4a574,#c4956a);border:none;border-radius:50%;box-shadow:0 2px 8px #d4a5744d;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.profile-btn:hover{box-shadow:0 4px 12px #d4a57466;transform:scale(1.05)}.profile-initial{color:#fff;font-size:16px;font-weight:800}.profile-dropdown{animation:dropdownSlide .2s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #5c403326;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-info{background:linear-gradient(135deg,#fff8f0,#f5ebe0);display:flex;flex-direction:column;gap:2px;padding:16px}.dropdown-name{color:#5c4033;font-size:16px;font-weight:700}.dropdown-role{color:#8b7355;font-size:13px;font-weight:600}.dropdown-divider{background:#8b73551a;height:1px}.dropdown-item{align-items:center;background:none;border:none;color:#5c4033;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:12px;padding:14px 16px;text-align:left;transition:all .15s ease;width:100%}.dropdown-item:hover{background:#d4a5741a}.dropdown-item span:first-child{font-size:18px}.dropdown-item.logout-item{color:#e57373}.dropdown-item.logout-item:hover{background:#e573731a}.dropdown-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:700;margin-left:auto;min-width:18px;padding:2px 6px;text-align:center}.records-banner{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf244d;border-radius:14px;box-shadow:0 2px 8px #fbbf2433;display:flex;margin:0 16px;overflow:hidden}.banner-content{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:10px;padding:14px 16px;transition:background .2s ease}.banner-content:hover{background:#00000008}.banner-icon{font-size:18px}.banner-text{flex:1 1;font-size:14px}.banner-arrow,.banner-text{color:#92400e;font-weight:700}.banner-arrow{font-size:16px}.banner-dismiss{background:none;border:none;border-left:1px solid #fbbf244d;color:#92400e;cursor:pointer;font-size:14px;padding:14px 16px;transition:background .2s ease}.banner-dismiss:hover{background:#0000000d}.greeting-section{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.greeting-text{color:#5c4033;font-size:22px;font-weight:800;margin:0}.time-status-card{background:#fff;border-radius:20px;box-shadow:0 2px 12px #5c403314;display:flex;flex-direction:column;gap:8px;margin:16px 20px;padding:16px 20px}.status-row{align-items:center;display:flex;gap:8px}.status-dot{animation:pulse-dot 2s infinite;background:#4caf50;border-radius:50%;height:10px;width:10px}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 #4caf5066;opacity:1}50%{box-shadow:0 0 0 8px #4caf5000;opacity:.8}}.status-text{color:#4caf50;font-size:14px;font-weight:700}.countdown-row{align-items:center;display:flex;gap:8px}.countdown-icon{font-size:16px}.countdown-value{color:#5c4033;font-size:18px;font-weight:800}.countdown-pst{color:#8b7355;font-size:13px;font-weight:600}.sleeping-section{align-items:center;background:linear-gradient(135deg,#f5ebe0,#e8ddd0);border-radius:24px;display:flex;flex-direction:column;gap:20px;margin:20px 16px;padding:30px 20px;text-align:center}.sleeping-capy-container{align-items:center;animation:float 3s ease-in-out infinite;display:flex;height:180px;justify-content:center;width:180px}.sleeping-capy-image{filter:drop-shadow(0 8px 16px rgba(92,64,51,.2));max-height:100%;max-width:100%;object-fit:contain}.sleeping-emoji-fallback{animation:sleepy-pulse 2s ease-in-out infinite;font-size:100px}@keyframes sleepy-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sleeping-message{display:flex;flex-direction:column;gap:8px}.sleeping-title{color:#5c4033;font-size:22px;font-weight:800;margin:0}.sleeping-subtitle{color:#8b7355;font-size:15px;font-weight:600;margin:0}.operating-hours-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #5c403314;max-width:280px;padding:16px 24px;width:100%}.operating-hours-card h4{color:#5c4033;font-size:14px;font-weight:700;margin:0 0 12px}.hours-row{display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.hours-label{color:#8b7355;font-weight:600}.hours-time{color:#5c4033;font-weight:700}.closed-card{background:linear-gradient(135deg,#f5ebe0,#e8ddd0);border-radius:24px;margin:20px;padding:40px 20px;text-align:center}.closed-emoji{animation:float 3s ease-in-out infinite;display:block;font-size:64px;margin-bottom:16px}.closed-title{color:#5c4033;font-size:24px;font-weight:800;margin:0 0 8px}.closed-subtitle{color:#8b7355;font-size:14px;margin:0}.slots-section{padding:0 16px}.slots-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.slot-card{align-items:center;-webkit-backface-visibility:hidden;background:#fff;border-radius:20px;box-shadow:0 2px 12px #5c403314;display:flex;flex-direction:column;min-height:160px;padding:12px;position:relative;transform:translateZ(0);transition:all .3s ease}.slot-card.filled:hover{box-shadow:0 8px 24px #5c403326;transform:translateY(-4px)}.slot-card.empty{background:linear-gradient(135deg,#fff8f0,#f5ebe0);border:2px dashed #8b73554d;box-shadow:none}.slot-capy{margin:-10px;position:relative;transform:scale(.9)}.slot-level-badge{background:#fffffff2;border-radius:10px;bottom:4px;box-shadow:0 1px 3px #0000001a;color:#7c6f5b;font-size:10px;font-weight:600;padding:2px 8px;position:absolute;right:4px}.slot-info{margin-top:4px;text-align:center}.slot-capy-name{color:#8b7e6a;font-size:11px;font-style:italic;margin:0 0 2px}.slot-name{color:#5c4033;font-size:12px;font-weight:700;margin:0 0 4px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-likes{align-items:center;background:linear-gradient(135deg,#ffe5e5,#fff0f0);border-radius:12px;display:flex;gap:4px;justify-content:center;padding:4px 10px}.heart-icon{font-size:12px}.likes-num{color:#e57373;font-size:13px;font-weight:800}.empty-slot-content{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.empty-icon{font-size:32px;opacity:.4}.empty-slot-content p{color:#a8967a;font-size:12px;font-weight:600;margin:0}.actions-section{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.like-btn{align-items:center;background:linear-gradient(135deg,#ff8a80,#ff5252);border:none;border-radius:24px;box-shadow:0 4px 16px #ff52524d;cursor:pointer;display:flex;font-size:18px;font-weight:800;gap:10px;justify-content:center;padding:18px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.like-btn:hover:not(:disabled){box-shadow:0 6px 20px #ff525266;transform:scale(1.02)}.like-btn:active:not(:disabled){transform:scale(.98)}.like-btn.animating{animation:like-pop .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes like-pop{0%{transform:scale(1)}30%{transform:scale(1.1)}50%{transform:scale(.95)}to{transform:scale(1)}}.like-btn.liked{background:linear-gradient(135deg,#a5d6a7,#81c784);box-shadow:0 4px 16px #81c7844d}.like-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.like-btn-icon{font-size:24px}.add-btn,.like-btn-text{font-size:16px}.add-btn{align-items:center;background:linear-gradient(135deg,#d4a574,#c4956a);border:none;border-radius:24px;box-shadow:0 4px 16px #d4a5744d;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:10px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.add-btn:hover:not(:disabled){box-shadow:0 6px 20px #d4a57466;transform:translateY(-2px)}.add-btn:disabled{cursor:not-allowed;opacity:.6}.add-btn-icon{font-size:18px}.setup-hint{color:var(--text-tertiary);font-size:13px;font-style:italic;margin-top:8px;text-align:center}.admin-mode-indicator{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px dashed #1565c04d;border-radius:12px;color:#1565c0;font-size:13px;margin-bottom:12px;padding:10px 16px}.admin-mode-indicator,.status-message{align-items:center;display:flex;font-weight:600;gap:8px;justify-content:center;text-align:center}.status-message{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:16px;color:#2e7d32;font-size:14px;padding:14px 18px}.status-message.queue{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.featured-status{background:linear-gradient(135deg,#fff8f0,#ffe8d6);border:1px solid #e8d4c4;border-radius:12px;color:#8b7355;font-size:14px;font-weight:600;margin:12px 0;padding:12px 16px;text-align:center}.info-card{background:#fff;border-radius:24px;box-shadow:0 2px 12px #5c403314;margin:20px 16px;padding:20px}.info-card h3{color:#5c4033;font-size:18px;font-weight:800;margin:0 0 16px;text-align:center}.info-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.info-item{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:14px;display:flex;gap:8px;padding:12px}.info-emoji{font-size:18px}.info-item span:last-child{color:#5c4033;font-size:12px;font-weight:600;line-height:1.3}.activity-feed-card{background:#fff;border-radius:24px;box-shadow:0 2px 12px #5c403314;margin:20px 16px;overflow:hidden;padding:20px}.activity-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:16px}.activity-title{align-items:center;display:flex;gap:8px}.activity-emoji{font-size:20px}.activity-title h2{color:#5c4033;font-size:18px;font-weight:800;margin:0}.expand-btn{background:#8b73551a;border:none;border-radius:10px;color:#8b7355;cursor:pointer;font-size:12px;height:32px;transition:all .2s ease;width:32px}.expand-btn:hover{background:#8b735533}.expand-btn.expanded{transform:rotate(180deg)}.activity-content{transition:all .3s ease}.activity-content.expanded{max-height:500px;overflow-y:auto}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:12px;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.activity-item:hover{transform:translateX(4px)}.activity-item-emoji{flex-shrink:0;font-size:18px}.activity-message{color:#5c4033;flex:1 1;font-size:13px;font-weight:600;line-height:1.3}.activity-time{color:#8b7355;flex-shrink:0;font-size:11px;font-weight:600}.empty-activity{align-items:center;display:flex;flex-direction:column;padding:30px 20px;text-align:center}.empty-activity span{display:block;font-size:40px;margin-bottom:12px}.empty-activity p{color:#8b7355;font-size:14px;font-weight:600;margin:0}.empty-activity .empty-capy-img,.empty-leaderboard .empty-capy-img{display:block;height:60px;margin:0 auto 12px;object-fit:contain;width:60px}.see-more-btn{background:#f5f0eb;border:none;border-radius:12px;color:#8b7355;cursor:pointer;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;margin-top:8px;padding:12px;transition:all .2s ease;width:100%}.see-more-btn:hover{background:#ebe5df}.see-more-btn:active{transform:scale(.98)}.leaderboard-card{background:#fff;border-radius:24px;box-shadow:0 2px 12px #5c403314;margin:20px 16px;overflow:hidden;padding:20px}.leaderboard-header{margin-bottom:16px;text-align:center}.leaderboard-header h2{color:#5c4033;font-size:20px;font-weight:800;margin:0 0 4px}.week-dates{color:#8b7355;font-size:12px;font-weight:600}.leaderboard-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}@media (max-width:400px){.leaderboard-list{grid-template-columns:1fr}}.leaderboard-row{align-items:center;background:#fff8f0;border-radius:10px;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.leaderboard-row:hover{transform:translateX(4px)}.leaderboard-row.rank-1{background:linear-gradient(135deg,#fff9c4,#ffeb3b33)}.leaderboard-row.rank-2{background:linear-gradient(135deg,#f5f5f5,#e0e0e033)}.leaderboard-row.rank-3{background:linear-gradient(135deg,#ffccbc,#ff8a6533)}.rank-badge{flex-shrink:0;font-size:18px;text-align:center;width:28px}.rank-num{color:#8b7355;font-size:13px;font-weight:800}.user-name{color:#5c4033;flex:1 1;font-size:13px;font-weight:700;margin-left:6px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-likes{color:#e57373;flex-shrink:0;font-size:13px;font-weight:800}.empty-leaderboard{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;padding:30px 20px;text-align:center}.empty-leaderboard span{display:block;font-size:40px;margin-bottom:12px}.empty-leaderboard p{color:#8b7355;font-weight:600;margin:0}.empty-leaderboard .hint{font-size:13px;margin-top:4px;opacity:.8}.leaderboard-footer{align-items:center;border-top:1px solid #8b73551a;display:flex;flex-direction:column;gap:4px;margin-top:16px;padding-top:16px;text-align:center}.leaderboard-footer span:first-child{color:#5c4033;font-size:14px;font-weight:700}.reset-text{color:#8b7355;font-size:12px}.quick-access-section{margin:24px 16px 16px}.section-divider{align-items:center;display:flex;gap:16px;margin-bottom:20px}.divider-line{background:#8b735533;flex:1 1;height:1px}.divider-text{color:#8b7355;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.quick-access-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.quick-access-card{align-items:center;background:#fff;border:none;border-radius:16px;box-shadow:0 2px 8px #5c40330f;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:8px;justify-content:center;max-width:160px;min-width:120px;padding:20px 12px;transition:all .2s ease}.quick-access-card:hover{box-shadow:0 6px 16px #5c40331f;transform:translateY(-3px)}.quick-access-card:active{transform:scale(.97)}.card-icon-wrapper,.quick-card-icon{align-items:center;display:flex;height:36px;justify-content:center;position:relative;width:36px}.card-icon-wrapper img,.quick-card-icon img{height:100%;object-fit:contain;width:100%}.card-icon-wrapper .card-emoji,.quick-card-icon span{font-size:28px}.quick-access-notification-dot{animation:pulse-notification 2s infinite;background:#ef4444;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:-4px;top:-4px;width:12px}@keyframes pulse-notification{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.how-it-works-section{margin:16px 16px 24px}.how-it-works-toggle{align-items:center;background:#fff;border:1px solid #e8e0d8;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:#5c4033;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;gap:8px;justify-content:center;padding:14px 16px;transition:all .2s ease;width:100%}.how-it-works-toggle:hover{background:#fafafa}.how-it-works-toggle.expanded{border-bottom:none;border-radius:12px 12px 0 0}.toggle-arrow{color:#8b7355;font-size:12px}.how-it-works-content{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #0000000d;margin-top:-2px;padding:16px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.how-it-works-content .info-item{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border-radius:14px;display:flex;gap:8px;padding:12px}.how-it-works-content .info-emoji{font-size:18px}.how-it-works-content .info-item span:last-child{color:#5c4033;font-size:12px;font-weight:600;line-height:1.3}.quick-card-label{color:#5c4033;font-size:13px;font-weight:700;text-align:center}@media (min-width:768px){.featured-page{margin:0 auto;max-width:700px;padding-bottom:40px}.activity-header{cursor:default}.activity-content{max-height:none}.slots-grid{gap:16px}.slot-card{min-height:200px;padding:16px}.slot-capy{margin:0;transform:scale(1)}.slot-name{font-size:14px;max-width:100px}.like-btn{font-size:20px;padding:20px 32px}.add-btn,.like-btn{margin:0 auto;max-width:400px}.info-list{grid-template-columns:repeat(4,1fr)}.info-item{flex-direction:column;padding:16px 12px;text-align:center}.info-item span:last-child{font-size:11px}.brand-name{font-size:20px}.greeting-text{font-size:28px}.quick-access-grid{grid-template-columns:repeat(4,1fr)}.quick-access-card{padding:24px 16px}.quick-card-icon{height:40px;width:40px}}@media (min-width:1024px){.leaderboard-list{max-height:none}}@supports (padding-top:env(safe-area-inset-top)){.featured-header{padding-top:max(14px,env(safe-area-inset-top))}}body.native-app .featured-header{left:0;padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:0;z-index:1000}@media (max-width:767px){.featured-page{padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px))}}@media (min-width:768px){.featured-page{padding-bottom:40px}}@media (hover:none) and (pointer:coarse){.add-btn:active,.like-btn:active{transform:scale(.96)}.slot-card.filled:active{transform:scale(.98)}}.activity-item{position:relative;transition:opacity .3s ease,transform .3s ease}.activity-item.deleting{opacity:.5}.activity-delete-btn{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:18px;font-weight:700;line-height:1;opacity:.5;padding:4px 8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease}.activity-delete-btn:hover{background:#e74c3c1a;color:#e74c3c;opacity:1}.activity-item{padding-right:36px}.delete-confirm-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirm-dialog{animation:slideUp .2s ease;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000026;min-width:280px;padding:24px;text-align:center}.delete-confirm-dialog p{color:#333;font-size:16px;font-weight:500;margin:0 0 20px}.delete-confirm-buttons{display:flex;gap:12px;justify-content:center}.delete-cancel-btn,.delete-confirm-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.delete-cancel-btn{background:#f0f0f0;color:#666}.delete-cancel-btn:hover{background:#e0e0e0}.delete-confirm-btn{background:#e74c3c;color:#fff}.delete-confirm-btn:hover{background:#c0392b}.delete-cancel-btn:disabled,.delete-confirm-btn:disabled{cursor:not-allowed;opacity:.6}.slot-kick-btn{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;opacity:.7;position:absolute;right:8px;top:8px;transition:opacity .2s,transform .2s;width:24px;z-index:10}.slot-kick-btn:hover{opacity:1;transform:scale(1.1)}.featured-page .modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.kick-modal{background:#fff;border-radius:16px;max-width:320px;padding:24px;text-align:center;width:90%}.kick-modal h3{color:#5c4033;font-size:18px;font-weight:700;margin:0 0 12px}.kick-modal p{color:#666;font-size:14px;margin:0 0 20px}.kick-modal .modal-buttons{display:flex;gap:12px;justify-content:center}.kick-modal .cancel-btn{background:#fff;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.kick-modal .cancel-btn:hover{background:#f5f5f5}.kick-modal .confirm-btn.kick{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.kick-modal .confirm-btn.kick:hover{background:#c82333}.kick-modal .confirm-btn.kick:disabled{cursor:not-allowed;opacity:.6}.slot-card.slot-frame-wood{border:4px solid #8b7355;box-shadow:0 0 0 2px #5c4033,0 4px 12px #5c403366}.slot-card.slot-frame-bronze{border:4px solid #cd7f32;box-shadow:0 0 0 2px #8b4513,0 4px 12px #cd7f3280}.slot-card.slot-frame-silver{border:4px solid silver;box-shadow:0 0 0 2px #a0a0a0,0 4px 12px #a0a0a080}.slot-card.slot-frame-gold{animation:slot-gold-shimmer 3s ease-in-out infinite;border:4px solid gold;box-shadow:0 0 0 2px #daa520,0 4px 16px #ffd70080}.slot-card.slot-frame-platinum{animation:slot-platinum-glow 2.5s ease-in-out infinite;border:4px solid #e5e4e2;box-shadow:0 0 0 2px #8ba8c4,0 4px 16px #8ba8c480}.slot-card.slot-frame-emerald{animation:slot-emerald-pulse 2s ease-in-out infinite;border:4px solid #50c878;box-shadow:0 0 0 2px #228b22,0 4px 20px #50c87899}.slot-card.slot-frame-diamond{animation:slot-diamond-sparkle 2s ease-in-out infinite;border:4px solid #b9f2ff;box-shadow:0 0 0 2px #add8e6,0 4px 24px #b9f2ff99}@keyframes slot-gold-shimmer{0%,to{box-shadow:0 0 0 2px #daa520,0 4px 16px #ffd70080}50%{box-shadow:0 0 0 2px #daa520,0 4px 24px #ffd700b3}}@keyframes slot-platinum-glow{0%,to{box-shadow:0 0 0 2px #8ba8c4,0 4px 16px #8ba8c480}50%{box-shadow:0 0 0 2px #8ba8c4,0 6px 24px #8ba8c4b3}}@keyframes slot-emerald-pulse{0%,to{box-shadow:0 0 0 2px #228b22,0 4px 20px #50c87899}50%{box-shadow:0 0 0 2px #228b22,0 6px 28px #50c878cc}}@keyframes slot-diamond-sparkle{0%,to{box-shadow:0 0 0 2px #add8e6,0 4px 24px #b9f2ff99}50%{box-shadow:0 0 0 2px #e6e6fa,0 6px 32px #b9f2ffe6}}.inline-loader{align-items:center;color:#8b7355;display:flex;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:24px}.inline-loader-icon{animation:inline-bounce .8s ease-in-out infinite;height:20px;width:20px}@keyframes inline-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.inline-loader-message{color:#8b7355}.wallet-container{background:linear-gradient(145deg,#fff8f0,#fff5e6 50%,#f5ebe0);min-height:100vh;padding-bottom:100px}.wallet-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.wallet-loading p{color:#8b7355;font-size:16px;font-weight:600}.wallet-toast{animation:wallet-slideDown .3s ease;border-radius:16px;font-size:14px;font-weight:600;left:50%;max-width:calc(100% - 40px);padding:14px 24px;position:fixed;text-align:center;top:20px;top:calc(20px + env(safe-area-inset-top, 0px));transform:translateX(-50%);z-index:1100}.wallet-toast-success{background:linear-gradient(135deg,#6dc276,#5cb865);box-shadow:0 4px 16px #5cb8654d;color:#fff}.wallet-toast-error{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 16px #e74c3c4d;color:#fff}@keyframes wallet-slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.wallet-back-btn{background:#8b5a2b1a;border:none;border-radius:12px;color:#5c4033;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:all .2s ease}.wallet-back-btn:hover{background:#8b5a2b33;transform:translateX(-2px)}.wallet-title{align-items:center;display:flex;gap:8px}.wallet-title-icon{font-size:24px}.wallet-title h1{color:#5c4033;font-size:20px;font-weight:800;margin:0}.wallet-balance-badges{align-items:center;display:flex;gap:8px}.wallet-balance-badge{align-items:center;background:linear-gradient(135deg,#fff8e7,#fff0d4);border:2px solid #d4a5744d;border-radius:20px;display:flex;gap:4px;padding:8px 14px}.gem-badge{background:#f0f4ff;border-color:#d0d8f0}.gem-icon{font-size:14px}.wallet-balance-amount{color:#8b6914;font-size:18px;font-weight:800}.wallet-stats-pill{background:linear-gradient(135deg,#8b7355,#6b5344);border-radius:20px;box-shadow:0 6px 24px #6b534459;cursor:pointer;margin:16px 20px;padding:14px 20px;transition:all .3s ease}.wallet-stats-pill:hover{box-shadow:0 4px 12px #8b5a2b1f}.wallet-stats-compact{align-items:center;color:#fffffff2;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center}.wallet-stats-dot{color:#d4a574}.wallet-stats-expanded{gap:16px;padding:12px 0}.wallet-stats-expanded,.wallet-stats-hero{align-items:center;display:flex;flex-direction:column}.wallet-stats-hero{gap:4px}.wallet-stats-big-coin{animation:wallet-pulse 2s ease-in-out infinite}@keyframes wallet-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.wallet-stats-big-balance{color:#fff;font-size:48px;font-weight:800;text-shadow:0 2px 4px #0000001a}.wallet-stats-label{color:#ffffffe6;font-size:16px;font-weight:600}.wallet-stats-row{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:center;margin-top:8px}.wallet-stats-collapse{background:#ffffff40;border:none;color:#fff;cursor:pointer;font-size:12px}.wallet-stats-allowance,.wallet-stats-collapse{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;font-weight:600;padding:8px 16px}.wallet-stats-allowance{align-items:center;background:#fff3;color:#fffffff2;font-size:13px;margin-top:12px}.wallet-stats-allowance,.wallet-tabs{display:flex;gap:6px;justify-content:center}.wallet-tabs{padding:12px 16px}.wallet-tab{background:#8b5a2b0f;border:none;border-radius:14px;color:#6b5b4f;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease}.wallet-tab:hover{background:#8b5a2b1f}.wallet-tab.active{background:linear-gradient(135deg,#d4a574,#c4956a);box-shadow:0 2px 8px #d4a57459;color:#fff}.wallet-tab-content{min-height:200px;padding:0 16px 80px}.wallet-placeholder{background:#fff;border-radius:16px;color:#8b7355;font-size:14px;margin-top:8px;padding:40px 20px;text-align:center}.wallet-give-button-container{background:#fffbf7;border-top:1px solid #e8dfd4;bottom:calc(48px + env(safe-area-inset-bottom, 0px));left:0;padding:0;position:fixed;right:0;z-index:99}.wallet-give-button{background:linear-gradient(135deg,#d4a574,#c4956a);border:none;border-radius:0;box-shadow:none;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:18px 24px;transition:all .2s ease;width:100%}.wallet-give-button:hover{background:linear-gradient(135deg,#c4956a,#b4855a)}.wallet-give-button:active{background:linear-gradient(135deg,#b4855a,#a4754a)}@media (max-width:380px){.wallet-tab{font-size:12px;padding:7px 11px}.wallet-balance-amount{font-size:16px}.wallet-stats-big-balance{font-size:40px}}@media (min-width:768px){.wallet-container{margin:0 auto;max-width:540px}.wallet-tabs{gap:8px}.wallet-tab{padding:10px 18px}}.wallet-filter-pills{display:flex;gap:6px;margin-bottom:10px}.wallet-filter-pill{background:#0000;border:1.5px solid #8b5a2b1f;border-radius:16px;color:#6b5b4f;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.wallet-filter-pill:hover{background:#8b5a2b0a;border-color:#8b5a2b40}.wallet-filter-pill.active{background:#5c4033;border-color:#0000;color:#fff}.wallet-rewards-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.wallet-reward-card{background:#fffbf7;border:1px solid #ede5dc;border-radius:12px;box-shadow:0 2px 8px #5c40330f;overflow:hidden;padding:8px;transition:all .2s ease}.wallet-reward-card:hover{border-color:#d4c4b4;box-shadow:0 3px 10px #5c40331a;transform:translateY(-1px)}.wallet-reward-image{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#fef9f3,#fff5e6);border-radius:8px;display:flex;justify-content:center;padding:6px;width:100%}.wallet-reward-image img{height:90%;object-fit:contain;width:90%}.wallet-reward-info{padding:6px 4px 4px;text-align:center}.wallet-reward-name{color:#5c4033;font-size:11px;font-weight:600;line-height:1.2;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.wallet-reward-price{align-items:center;display:flex;gap:3px;justify-content:center;margin-bottom:6px}.wallet-reward-price span{color:#8b7355;font-size:11px;font-weight:600}.wallet-redeem-btn{background:linear-gradient(135deg,#c4956a,#b8865c);border:none;border-radius:8px;box-shadow:0 2px 6px #c4956a40;color:#fff;cursor:pointer;font-size:11px;font-weight:700;padding:8px 10px;transition:all .2s ease;width:100%}.wallet-redeem-btn:hover:not(.disabled){box-shadow:0 2px 8px #c4956a66;transform:translateY(-1px)}.wallet-redeem-btn.disabled{background:#d4c8bc;color:#a89b8c;cursor:not-allowed}.wallet-empty-state{align-items:center;background:#fff;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:48px 20px;text-align:center}.wallet-empty-icon{font-size:48px;margin-bottom:16px}.wallet-empty-state p{color:#5c4033;font-size:16px;font-weight:700;margin:0}.wallet-empty-hint{color:#8b7355!important;font-size:14px!important;font-weight:600!important;margin-top:8px!important}.wallet-history-list{display:flex;flex-direction:column;gap:10px}.wallet-history-item{align-items:flex-start;background:#fff;border-radius:14px;box-shadow:0 2px 8px #8b5a2b0f;display:flex;gap:12px;padding:14px 16px;position:relative;transition:all .2s ease}.wallet-history-item.expandable{cursor:pointer}.wallet-history-item.expandable:hover{box-shadow:0 4px 12px #8b5a2b1a}.wallet-history-item.expandable:active{transform:scale(.995)}.wallet-history-icon-wrapper{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.wallet-history-icon{align-items:center;background:linear-gradient(135deg,#fff8f0,#fff0e0);border-radius:12px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.wallet-history-type-badge{background:#f5f0eb;border-radius:6px;color:#8b7355;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.wallet-history-type-badge.type-nomination{background:#fef3c7;color:#92400e}.wallet-history-type-badge.type-peernomination{background:#dbeafe;color:#1e40af}.wallet-history-type-badge.type-weeklycompetition{background:#fee2e2;color:#991b1b}.wallet-history-type-badge.type-redemption{background:#d1fae5;color:#065f46}.wallet-history-type-badge.type-admindeposit{background:#e5e7eb;color:#374151}.wallet-history-details{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.wallet-history-main{align-items:center;display:flex;gap:8px;justify-content:space-between}.wallet-history-left{align-items:center;display:flex;gap:8px;min-width:0}.wallet-history-amount{flex-shrink:0;font-size:17px;font-weight:800}.wallet-history-amount.positive{color:#16a34a}.wallet-history-amount.negative{color:#dc2626}.wallet-history-desc{color:#5c4033;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-history-time{color:#8b7355;flex-shrink:0;font-size:12px;font-weight:600}.wallet-history-status-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.wallet-history-status{font-size:12px;font-weight:600}.wallet-history-status.status-pending{color:#d97706}.wallet-history-status.status-approved{color:#16a34a}.wallet-history-status.status-denied{color:#dc2626}.wallet-history-refund{background:#dcfce7;border-radius:8px;color:#16a34a;font-size:11px;font-weight:700;padding:2px 8px}.wallet-history-reason-wrapper{max-height:20px;overflow:hidden;transition:max-height .3s ease}.wallet-history-reason-wrapper.expanded{max-height:200px}.wallet-history-reason{color:#6b5b4f;font-size:13px;font-style:italic;line-height:1.4;margin:0}.wallet-history-expand-hint{color:#a8967a;font-size:11px;font-weight:600}.wallet-history-reason-wrapper.expanded .wallet-history-expand-hint{display:none}.wallet-history-expand-icon{color:#c4b5a5;font-size:18px;font-weight:600;position:absolute;right:12px;top:50%;transform:translateY(-50%) rotate(0deg);transition:transform .2s ease}.wallet-history-expand-icon.expanded{transform:translateY(-50%) rotate(90deg)}.wallet-history-item.incoming{border-left:3px solid #16a34a}.wallet-history-item.outgoing{border-left:3px solid #dc2626}@media (max-width:380px){.wallet-history-item{padding:12px 14px}.wallet-history-icon{font-size:18px;height:36px;width:36px}.wallet-history-amount{font-size:15px}.wallet-history-desc{font-size:13px}.wallet-history-type-badge{font-size:8px}}.wallet-section-title{color:#5c4033;font-size:14px;font-weight:700;margin:0 0 12px}.wallet-section-divider{border-top:1px solid #8b5a2b1a;margin-top:24px;padding-top:24px}.wallet-pending-list{display:flex;flex-direction:column;gap:12px}.wallet-pending-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #8b5a2b14;display:flex;justify-content:space-between;padding:16px}.wallet-pending-info{display:flex;flex-direction:column;gap:4px}.wallet-pending-user{color:#5c4033;font-size:15px;font-weight:700}.wallet-pending-reward{color:#8b7355;font-size:14px}.wallet-pending-meta{align-items:center;display:flex;gap:12px;margin-top:4px}.wallet-pending-cost{align-items:center;color:#8b6914;display:flex;font-size:13px;font-weight:700;gap:4px}.wallet-pending-time{color:#a8967a;font-size:12px}.wallet-pending-actions{display:flex;gap:8px}.wallet-approve-btn,.wallet-deny-btn{border:none;border-radius:12px;cursor:pointer;font-size:18px;height:40px;transition:all .2s ease;width:40px}.wallet-approve-btn{background:linear-gradient(135deg,#6dc276,#5cb865);color:#fff}.wallet-approve-btn:hover{transform:scale(1.05)}.wallet-deny-btn{background:#fee2e2;color:#e74c3c}.wallet-deny-btn:hover{background:#fecaca;transform:scale(1.05)}.wallet-approval-history{display:flex;flex-direction:column;gap:8px}.wallet-approval-item{align-items:center;background:#fff;border-radius:10px;display:flex;font-size:13px;gap:8px;padding:10px 14px}.wallet-approval-user{color:#5c4033;font-weight:700}.wallet-approval-reward{color:#8b7355;flex:1 1}.wallet-approval-status{font-size:14px}.wallet-approval-time{color:#a8967a;font-size:12px}.wallet-tab-badge{align-items:center;background:#ef4444;border-radius:9px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;margin-left:6px;min-width:18px;padding:0 5px}.wallet-tab.active .wallet-tab-badge{background:#ffffff4d}.wallet-allowance-compact{background:#8b5a2b0f;border-radius:12px;color:#8b7355;font-size:13px;padding:8px 16px}@media (max-width:380px){.wallet-rewards-grid{gap:10px}.wallet-filter-pill{font-size:12px;padding:6px 12px}.wallet-history-amount{font-size:14px}}@media (min-width:768px){.wallet-rewards-grid{gap:12px}}.wallet-modal-overlay{align-items:center;animation:wallet-fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes wallet-fadeIn{0%{opacity:0}to{opacity:1}}.wallet-modal-content{animation:wallet-scaleIn .2s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:340px;padding:28px 24px;width:100%}@keyframes wallet-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.wallet-modal-title{color:#5c4033;font-size:22px;font-weight:800;margin:0 0 20px;text-align:center}.wallet-modal-reward{align-items:center;display:flex;flex-direction:column;margin-bottom:24px}.wallet-modal-reward-image{align-items:center;background:#fff8f0;border-radius:20px;display:flex;height:100px;justify-content:center;margin-bottom:12px;padding:16px;width:100px}.wallet-modal-reward-image img{height:100%;object-fit:contain;width:100%}.wallet-modal-reward-name{color:#5c4033;font-size:18px;font-weight:700;margin:0;text-align:center;text-transform:lowercase}.wallet-modal-cost-breakdown{background:#faf8f5;border-radius:16px;margin-bottom:16px;padding:16px}.wallet-modal-cost-row{align-items:center;color:#5c4033;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.wallet-modal-cost-row:not(:last-child){border-bottom:1px solid #8b5a2b1a}.wallet-modal-cost-value{align-items:center;color:#8b6914;display:flex;font-weight:700;gap:6px}.wallet-modal-cost-result{padding-top:12px!important}.wallet-modal-cost-result .wallet-modal-cost-value{color:#5cb865;font-size:16px}.wallet-modal-note{color:#8b7355;font-size:13px;line-height:1.5;margin:0 0 20px;text-align:center}.wallet-modal-actions{display:flex;gap:12px}.wallet-modal-cancel{background:#0000;border:2px solid #8b5a2b33;border-radius:14px;color:#5c4033;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:14px 20px;transition:all .2s ease}.wallet-modal-cancel:hover:not(:disabled){background:#8b5a2b14}.wallet-modal-cancel:disabled{cursor:not-allowed;opacity:.5}.wallet-modal-confirm{background:linear-gradient(135deg,#6dc276,#5cb865);border:none;border-radius:14px;box-shadow:0 4px 12px #5cb8654d;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:14px 20px;transition:all .2s ease}.wallet-modal-confirm:hover:not(:disabled){box-shadow:0 6px 16px #5cb86566;transform:translateY(-2px)}.wallet-modal-confirm:disabled{background:#e8e4e0;box-shadow:none;color:#a8967a;cursor:not-allowed;transform:none}@media (max-width:380px){.wallet-modal-content{padding:24px 20px}.wallet-modal-title{font-size:20px}.wallet-modal-reward-image{height:80px;width:80px}.wallet-modal-reward-name{font-size:16px}.wallet-modal-actions{flex-direction:column}}.wallet-deny-modal{max-width:360px}.wallet-deny-info{margin-bottom:16px;text-align:center}.wallet-deny-user{color:#5c4033;font-size:16px;margin:0 0 4px}.wallet-deny-reward{color:#8b7355;font-size:14px;margin:0}.wallet-deny-refund-note{align-items:center;background:#dcfce7;border-radius:12px;color:#166534;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:20px;padding:12px 16px}.wallet-deny-reason-section{margin-bottom:20px;position:relative}.wallet-deny-reason-label{color:#5c4033;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.wallet-deny-reason-input{border:2px solid #8b5a2b26;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 14px;resize:none;transition:border-color .2s ease;width:100%}.wallet-deny-reason-input:focus{border-color:#d4a574;outline:none}.wallet-deny-reason-input::placeholder{color:#a8967a}.wallet-deny-reason-input:disabled{background:#f5f5f5;cursor:not-allowed}.wallet-deny-char-count{bottom:-20px;color:#a8967a;font-size:11px;position:absolute;right:12px}.wallet-modal-deny-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:14px;box-shadow:0 4px 12px #dc26264d;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:14px 20px;transition:all .2s ease}.wallet-modal-deny-confirm:hover:not(:disabled){box-shadow:0 6px 16px #dc262666;transform:translateY(-2px)}.wallet-modal-deny-confirm:disabled{background:#e8e4e0;box-shadow:none;color:#a8967a;cursor:not-allowed;transform:none}.wallet-approve-btn:disabled,.wallet-deny-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.wallet-approve-btn:disabled:hover,.wallet-deny-btn:disabled:hover{transform:none!important}@keyframes wallet-pulse-btn{0%,to{opacity:1}50%{opacity:.6}}.wallet-approve-btn:disabled,.wallet-deny-btn:disabled{animation:wallet-pulse-btn 1s ease-in-out infinite}.wallet-sheet-overlay{align-items:flex-end;animation:wallet-fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.wallet-sheet{animation:wallet-slideUp .3s ease;background:#fff;border-radius:20px 20px 0 0;max-height:70vh;max-width:480px;overflow-y:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px));width:100%}@keyframes wallet-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.wallet-sheet-handle{cursor:pointer;display:flex;justify-content:center;padding:12px 0 8px}.wallet-sheet-handle-bar{background:#e0dcd8;border-radius:2px;height:4px;width:40px}.wallet-sheet-content{padding:0 24px 100px}.wallet-sheet-title{color:#5c4033;font-size:22px;font-weight:800;margin:0 0 8px;text-align:center}.wallet-sheet-subtitle{color:#8b7355;font-size:14px;margin:0 0 20px;text-align:center}.wallet-sheet-allowance{background:linear-gradient(135deg,#fff8e7,#fff0d4);border-radius:14px;margin-bottom:20px;padding:14px 16px}.wallet-sheet-allowance-label{color:#8b6914;display:block;font-size:14px;font-weight:700;margin-bottom:8px}.wallet-sheet-allowance-bar{background:#8b5a2b26;border-radius:4px;height:8px;overflow:hidden}.wallet-sheet-allowance-fill{background:linear-gradient(90deg,#d4a574,#e8c49a);border-radius:4px;height:100%;transition:width .3s ease}.wallet-sheet-form{display:flex;flex-direction:column;gap:18px}.wallet-sheet-field{display:flex;flex-direction:column;gap:8px;position:relative}.wallet-sheet-field label{color:#5c4033;font-size:13px;font-weight:700}.wallet-sheet-field select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%238B7355' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:2px solid #8b5a2b26;border-radius:12px;color:#5c4033;cursor:pointer;font-family:inherit;font-size:15px;padding:14px 16px;transition:border-color .2s ease}.wallet-sheet-field select:focus{border-color:#d4a574;outline:none}.wallet-sheet-field select:disabled{background-color:#f5f5f5;cursor:not-allowed}.wallet-sheet-field textarea{border:2px solid #8b5a2b26;border-radius:12px;color:#5c4033;font-family:inherit;font-size:15px;padding:14px 16px;resize:none;transition:border-color .2s ease}.wallet-sheet-field textarea:focus{border-color:#d4a574;outline:none}.wallet-sheet-field textarea::placeholder{color:#a8967a}.wallet-sheet-field textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.wallet-sheet-char-count{bottom:-18px;color:#a8967a;font-size:11px;position:absolute;right:12px}.wallet-sheet-amount-selector{align-items:center;display:flex;gap:16px;justify-content:center}.wallet-sheet-amount-btn{background:#fff;border:2px solid #8b5a2b33;border-radius:12px;color:#5c4033;cursor:pointer;font-size:20px;font-weight:700;height:44px;transition:all .2s ease;width:44px}.wallet-sheet-amount-btn:hover:not(:disabled){background:#d4a574;border-color:#d4a574;color:#fff}.wallet-sheet-amount-btn:disabled{cursor:not-allowed;opacity:.4}.wallet-sheet-amount-display{align-items:center;color:#5c4033;display:flex;font-size:28px;font-weight:800;gap:8px;justify-content:center;min-width:80px}.wallet-sheet-cooldown-msg{background:#fef3c7;border-radius:10px;color:#d97706;font-size:13px;margin:8px 0 0;padding:10px 14px}.wallet-sheet-submit{background:linear-gradient(135deg,#6dc276,#5cb865);border:none;border-radius:14px;box-shadow:0 4px 16px #5cb8654d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:8px;padding:16px 24px;transition:all .2s ease;width:100%}.wallet-sheet-submit:hover:not(:disabled){box-shadow:0 6px 20px #5cb86566;transform:translateY(-2px)}.wallet-sheet-submit:disabled{background:#e8e4e0;box-shadow:none;color:#a8967a;cursor:not-allowed;transform:none}.wallet-sheet-submit-peer{align-items:center;background:linear-gradient(135deg,#64b5f6,#42a5f5);box-shadow:0 4px 16px #64b5f64d;display:flex;gap:8px;justify-content:center}.wallet-sheet-submit-peer:hover:not(:disabled){box-shadow:0 6px 20px #64b5f666}@media (max-width:380px){.wallet-sheet-content{padding:0 20px 28px}.wallet-sheet-title{font-size:20px}.wallet-sheet-field select,.wallet-sheet-field textarea{font-size:14px;padding:12px 14px}.wallet-sheet-amount-display{font-size:24px}.wallet-sheet-submit{font-size:15px;padding:14px 20px}}.wallet-reward-card.has-pending{opacity:.9}.wallet-reward-image{position:relative}.wallet-reward-pending-overlay{align-items:center;background:#fff8f0d9;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.wallet-reward-pending-overlay .pending-text{background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#8b7355;font-size:13px;font-weight:700;padding:6px 12px}.wallet-cancel-btn{background:linear-gradient(135deg,#9ca3af,#6b7280);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 16px;transition:all .2s ease;width:100%}.wallet-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b7280,#4b5563);transform:translateY(-1px)}.wallet-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.nomination-popup-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.nomination-popup{animation:nomination-pop-in .3s ease;background:linear-gradient(145deg,#fff8f0,#fff);border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:320px;padding:32px 24px;text-align:center;width:100%}@keyframes nomination-pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.nomination-popup-icon{animation:nomination-bounce .6s ease;font-size:64px;margin-bottom:16px}@keyframes nomination-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.nomination-popup-title{color:#5d4e3a;font-size:22px;font-weight:700;margin:0 0 8px}.nomination-popup-subtitle{color:#8b7355;font-size:16px;margin:0 0 12px}.nomination-popup-reason{background:#8b73551a;border-radius:12px;color:#6b5b4f;font-size:14px;font-style:italic;margin:0 0 20px;padding:12px}.nomination-accept-btn{background:linear-gradient(135deg,#c4956a,#a67c52);border:none;border-radius:16px;box-shadow:0 4px 16px #c4956a66;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 24px;transition:all .2s ease;width:100%}.nomination-accept-btn:hover:not(:disabled){box-shadow:0 6px 20px #c4956a80;transform:translateY(-2px)}.nomination-accept-btn:active:not(:disabled){transform:translateY(0)}.nomination-accept-btn:disabled{cursor:not-allowed;opacity:.7}.nomination-popup-more{color:#8b7355;font-size:13px;margin:16px 0 0}.inv-container{background:#faf8f5;min-height:100vh;padding-bottom:100px}.inv-loading{align-items:center;color:#8b7355;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.toast{animation:inv-toast-in .2s ease;border-radius:14px;box-shadow:0 10px 30px #0000002e;font-weight:600;max-width:calc(100% - 40px);padding:12px 18px;text-align:center;top:20px;top:calc(20px + env(safe-area-inset-top, 0px));z-index:1100}@keyframes inv-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.toast-success{background:linear-gradient(135deg,#e8f5e9,#dff1e2);color:#1b5e20}.toast-error{background:linear-gradient(135deg,#ffebee,#fadce0);color:#b71c1c}.inv-spinner{animation:inv-spin .8s linear infinite;border:3px solid #8b5a2b1a;border-radius:50%;border-top-color:#d4a574;height:40px;width:40px}@keyframes inv-spin{to{transform:rotate(1turn)}}.inv-header{align-items:center;background:#fff;border-bottom:1px solid #8b5a2b1a;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.inv-header h1{color:#5c4033;font-size:18px;font-weight:700;margin:0}.inv-back-btn{background:#8b5a2b14;color:#5c4033;font-size:16px}.inv-add-btn,.inv-back-btn{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:8px 14px}.inv-add-btn{background:linear-gradient(135deg,#7db87d,#5a9a5a);box-shadow:0 2px 8px #5a9a5a40;color:#fff;font-size:14px}.inv-tabs{display:flex;gap:8px;justify-content:center;padding:16px 20px}.inv-tab{background:#8b5a2b0f;border:none;border-radius:12px;color:#6b5b4f;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.inv-tab.active{background:linear-gradient(135deg,#8b7355,#6b5344);box-shadow:0 4px 12px #6b53444d;color:#fff}.inv-search{padding:0 20px 12px}.inv-search input{background:#fff;border:1.5px solid #8b5a2b1f;border-radius:12px;box-sizing:border-box;color:#5c4033;font-size:14px;padding:12px 16px;width:100%}.inv-search input:focus{border-color:#d4a574;outline:none}.inv-categories{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding:0 20px 16px}.inv-categories::-webkit-scrollbar{display:none}.inv-cat-pill{background:#fff;border:1.5px solid #8b5a2b1f;border-radius:20px;color:#6b5b4f;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s ease}.inv-cat-pill.active{background:#5c4033;border-color:#0000;color:#fff}.inv-items{gap:12px;padding:0 20px}.inv-empty,.inv-items{display:flex;flex-direction:column}.inv-empty{align-items:center;color:#a89888;justify-content:center;padding:60px 20px}.inv-empty span{font-size:48px;margin-bottom:16px}.inv-card{background:#fff;border:1.5px solid #8b5a2b0f;border-radius:16px;box-shadow:0 2px 8px #8b5a2b0f;padding:16px}.inv-card.low-stock{border-left:4px solid #e53935}.inv-card-main{align-items:center;display:flex;gap:14px}.inv-card-img{object-fit:cover}.inv-card-img,.inv-card-img-placeholder{background:#f5f0eb;border-radius:12px;height:64px;width:64px}.inv-card-img-placeholder{align-items:center;display:flex;font-size:28px;justify-content:center}.inv-card-info{flex:1 1;min-width:0}.inv-card-info h3{color:#5c4033;cursor:pointer;font-size:16px;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-card-info h3:hover{color:#8b7355}.inv-card-qty{color:#5c4033;font-size:15px;font-weight:700;margin:0 0 2px}.inv-card-qty .low{color:#e53935}.inv-card-qty .threshold{color:#a89888;font-weight:600}.inv-card-time{color:#a89888;font-size:11px;font-style:italic;margin:0}.inv-card-btns{display:flex;gap:8px}.inv-dec-btn{background:#8b5a2b1a;border:none;border-radius:10px;color:#5c4033;cursor:pointer;font-size:16px;font-weight:700;height:44px;transition:all .2s ease;width:52px}.inv-dec-btn.orange{background:#fff3e0;color:#e65100}.inv-dec-btn:active{transform:scale(.95)}.inv-card-actions{border-top:1px solid #8b5a2b14;display:flex;gap:8px;margin-top:12px;padding-top:12px}.inv-action-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px}.inv-action-btn.alert{background:#ffebee;color:#c62828}.inv-action-btn.restock{background:linear-gradient(135deg,#7db87d,#5a9a5a);box-shadow:0 2px 6px #5a9a5a33;color:#fff}.inv-history{display:flex;flex-direction:column;gap:8px;padding:0 20px}.inv-history-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 4px #8b5a2b0f;display:flex;justify-content:space-between;padding:14px 16px}.inv-history-left{align-items:center;display:flex;gap:12px}.inv-history-name{color:#5c4033;font-size:15px;font-weight:600}.inv-history-badge{border-radius:6px;font-size:13px;font-weight:700;padding:2px 8px}.inv-history-badge.green{background:#e8f5e9;color:#2e7d32}.inv-history-badge.red{background:#ffebee;color:#c62828}.inv-history-badge.blue{background:#e3f2fd;color:#1565c0}.inv-history-badge.gray{background:#f5f5f5;color:#757575}.inv-history-right{align-items:center;display:flex;gap:12px}.inv-history-time{color:#a89888;font-size:12px}.inv-undo-btn{background:#8b5a2b14;border:none;border-radius:8px;color:#5c4033;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.inv-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.inv-modal{background:#fff;border-radius:20px;max-height:80vh;max-width:400px;overflow-y:auto;padding:24px;width:100%}.inv-modal h2{color:#5c4033;font-size:18px;font-weight:700;margin:0 0 20px;text-align:center}.inv-field{margin-bottom:16px}.inv-field label{color:#6b5b4f;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.inv-field input[type=number],.inv-field input[type=text],.inv-field select{background:#fff;border:1.5px solid #8b5a2b26;border-radius:10px;box-sizing:border-box;color:#5c4033;font-size:14px;padding:12px 14px;width:100%}.inv-field input:focus,.inv-field select:focus{border-color:#d4a574;outline:none}.inv-field.checkbox label{align-items:center;cursor:pointer;display:flex;gap:8px}.inv-field.checkbox input{accent-color:#7db87d;height:18px;width:18px}.inv-modal-btns{display:flex;gap:10px;margin-top:24px}.inv-modal-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px}.inv-modal-btn.cancel{background:#8b5a2b14;color:#5c4033}.inv-modal-btn.confirm{background:linear-gradient(135deg,#7db87d,#5a9a5a);box-shadow:0 2px 8px #5a9a5a40;color:#fff}.inv-modal-btn.delete{background:#ffebee;color:#c62828;flex:0.6 1}@media (max-width:380px){.inv-card-btns{flex-direction:column;gap:6px}.inv-dec-btn{font-size:14px;height:36px;width:44px}}.inv-restock-current{color:#8b7355;font-size:14px;margin:0 0 16px;text-align:center}.inv-restock-preview{background:#e8f5e9;border-radius:10px;color:#2e7d32;font-size:16px;font-weight:700;margin:12px 0 0;padding:10px;text-align:center}.inv-category-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:0 20px 20px}.inv-category-card{align-items:center;background:#fff;border:1.5px solid #8b5a2b0f;border-radius:16px;box-shadow:0 2px 8px #8b5a2b14;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px;transition:all .2s ease}.inv-category-card:hover{box-shadow:0 4px 12px #8b5a2b1f;transform:translateY(-2px)}.inv-category-card:active{transform:scale(.98)}.inv-category-img{border-radius:12px;height:80px;object-fit:contain;width:80px}.inv-category-img-placeholder{align-items:center;background:#f5f0eb;border-radius:12px;display:flex;font-size:40px;height:80px;justify-content:center;width:80px}.inv-category-name{color:#5c4033;font-size:15px;font-weight:600;text-align:center}.inv-history-user{color:#8b7355;font-size:12px;font-style:italic}.inv-locked{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;text-align:center}.inv-locked-icon{font-size:64px;margin-bottom:24px}.inv-locked h2{color:#5c4033;font-size:20px;font-weight:700;margin:0 0 12px}.inv-locked p{color:#8b7355;font-size:15px;line-height:1.5;margin:0}.inv-locked-hint{color:#a89888;font-size:13px;font-style:italic;margin-top:8px}.work-hub{background:linear-gradient(145deg,#fff8f0,#fff5e6 50%,#f5ebe0);min-height:100vh;padding-bottom:100px}.work-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.work-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#333;height:40px;width:40px}.work-hub-tabs{-webkit-overflow-scrolling:touch;background:#fff8f0;border-bottom:1px solid #e0e0e0;display:flex;gap:8px;overflow-x:auto;padding:12px 16px}.work-hub-tabs::-webkit-scrollbar{display:none}.work-tab{background:#f5ede4;border:none;border-radius:20px;color:#5d4e3e;cursor:pointer;flex-shrink:1;font-size:14px;font-weight:500;min-width:0;padding:10px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.work-tab.active{background:#5d4e3e;color:#fff}.work-tab:hover:not(.active){background:#ede6dd}@media (max-width:480px){.work-hub-tabs{gap:6px;padding:10px 14px}.work-tab{border-radius:18px;font-size:13px;padding:8px 12px}}@media (max-width:400px){.work-hub-tabs{gap:5px;padding:10px 12px}.work-tab{border-radius:16px;font-size:12px;padding:7px 10px}}@media (max-width:340px){.work-hub-tabs{gap:4px;padding:8px 10px}.work-tab{border-radius:14px;font-size:11px;padding:6px 8px}}.work-hub-content{padding:16px}.work-section{gap:12px}.work-locked,.work-section{display:flex;flex-direction:column}.work-locked{align-items:center;background:#fffbf7;border:1px solid #e0e0e0;border-radius:16px;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}.locked-icon{font-size:56px;margin-bottom:16px}.work-locked h3{color:#333;font-size:18px;margin:0 0 8px}.work-locked p{color:#666;font-size:14px;margin:0}.work-locked .locked-hint{color:#999;font-size:13px;margin-top:12px}.checklist-link-card{align-items:center;background:#fffbf7;border:1px solid #e0e0e0;border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s}.checklist-link-card:hover{border-color:#999;box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.checklist-link-card:active{transform:translateY(0)}.link-card-icon{align-items:center;background:#f5f5f5;border-radius:12px;display:flex;font-size:32px;height:56px;justify-content:center;width:56px}.link-card-content{flex:1 1}.link-card-content h3{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.link-card-content p{color:#666;font-size:13px;margin:0}.link-card-arrow{color:#999;font-size:20px}.settings-section{padding:0}.settings-card{border:1px solid #e0e0e0;border-radius:16px;padding:24px 20px}.user-info{border-bottom:1px solid #f0f0f0;gap:16px;margin-bottom:20px;padding-bottom:20px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{border-radius:50%;color:#fff;font-size:22px;font-weight:600;height:60px;justify-content:center;width:60px}.user-details h3{color:#333;font-size:18px;font-weight:600;margin:0 0 6px}.user-role{background:#f0f0f0;border-radius:12px;color:#666;font-size:13px;padding:3px 10px}.settings-buttons{display:flex;flex-direction:column;gap:10px}.settings-btn{align-items:center;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:15px;gap:14px;padding:16px;text-align:left;transition:all .2s;width:100%}.settings-btn:hover{background:#f0f0f0;border-color:#ddd}.settings-btn .btn-icon{font-size:20px}.settings-btn .btn-text{font-weight:500}.settings-btn.logout-btn{background:#fff5f5;border-color:#ffcdd2;color:#c62828;margin-top:10px}.settings-btn.logout-btn:hover{background:#ffebee}.records-section{gap:12px}.tasks-status-card{background:linear-gradient(135deg,#fffbf7,#fff5eb);border:1px solid #e8dfd4;border-radius:16px;margin-bottom:12px;padding:20px}.status-header{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.shift-badge{align-items:center;background:#5d4e3e;border-radius:20px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.progress-section{align-items:center;display:flex;gap:12px}.progress-bar{background:#e8dfd4;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#7cb342,#8bc34a);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#5d4e3e;font-size:13px;font-weight:500;white-space:nowrap}.no-shift-message{color:#8b7355;font-size:14px;text-align:center}.no-shift-message p{margin:0}.all-caught-up{align-items:center;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:1px solid #c8e6c9;border-radius:16px;display:flex;flex-direction:column;margin-top:12px;padding:24px}.all-caught-up .capy-icon{font-size:40px;margin-bottom:8px}.all-caught-up p{color:#2e7d32;font-size:15px;font-weight:500;margin:0}.checklist-link-card{box-shadow:0 2px 12px #8b735514}.checklist-link-card:hover{box-shadow:0 4px 20px #8b735526}.settings-card{background:#fffbf7}.user-avatar{background:linear-gradient(135deg,#8b7355,#6d5a45)}.shift-selection-inline{padding:20px;text-align:center}.shift-selection-inline h3{color:#333;font-size:18px;margin:0 0 16px}.shift-selection-inline .selection-subtitle{color:#666;font-size:14px;margin:0 0 16px}.shift-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.shift-btn{align-items:center;background:#fffbf7;border:2px solid #e8dfd4;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 24px;transition:all .2s}.shift-btn:hover{background:#fff8f0;border-color:#8b7355}.shift-btn .shift-emoji{font-size:28px}.shift-btn span:last-child{color:#333;font-size:14px;font-weight:500}.double-shift-link{align-items:center;background:#fff3e0;border:1px solid #ffe0b2;border-radius:20px;color:#8b7355;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.double-shift-link:hover{background:#ffe8cc;border-color:#ffcc80}.position-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.position-btn{align-items:center;background:#fffbf7;border:2px solid #e8dfd4;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px 32px;transition:all .2s}.position-btn:hover{background:#fff8f0;border-color:#8b7355}.position-btn .position-emoji{font-size:32px}.position-btn .position-label{color:#333;font-size:16px;font-weight:600}.position-btn .position-desc{color:#888;font-size:12px}.back-link{background:none;border:none;color:#8b7355;cursor:pointer;display:block;font-size:14px;margin:12px auto 0}.shift-checkbox-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.shift-checkbox-item{align-items:center;background:#fffbf7;border:2px solid #e8dfd4;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.shift-checkbox-item.selected{background:#fff8f0;border-color:#8b7355}.shift-checkbox-item .checkbox-icon{font-size:18px}.shift-checkbox-item .shift-emoji{font-size:20px}.continue-btn{border:none;border-radius:10px;cursor:pointer;display:block;font-size:15px;font-weight:600;margin:0 auto 8px;padding:12px 32px}.continue-btn.ready{background:#8b7355;color:#fff}.continue-btn.disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.double-position-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.double-position-row{align-items:center;background:#fffbf7;border-radius:10px;display:flex;justify-content:space-between;padding:12px}.shift-label-small{font-size:14px;font-weight:500}.position-toggle-group{display:flex;gap:8px}.toggle-btn{background:#fff;border:2px solid #e8dfd4;border-radius:8px;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s}.toggle-btn.selected{background:#fff8f0;border-color:#8b7355}.accordion-checklists{padding:0 0 100px}.checklist-header-bar{align-items:center;background:#fffbf7;border-bottom:1px solid #e8dfd4;display:flex;justify-content:space-between;padding:12px 16px}.shift-info{color:#5d4e3e;font-size:14px;font-weight:500}.change-shift-btn{background:none;border:1px solid #8b7355;border-radius:6px;color:#8b7355;cursor:pointer;font-size:13px;padding:6px 12px}.checklist-progress-bar{align-items:center;background:#fff8f0;display:flex;gap:12px;padding:12px 16px}.progress-track{background:#e8dfd4;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.checklist-progress-bar .progress-fill{background:linear-gradient(90deg,#7cb342,#8bc34a);border-radius:4px;height:100%;transition:width .3s}.checklist-progress-bar .progress-text{color:#5d4e3e;font-size:13px;font-weight:500;white-space:nowrap}.accordion-sections{padding:12px}.shift-section{margin-bottom:16px}.shift-section-header{color:#8b7355;font-size:13px;font-weight:600;padding:8px 4px;text-transform:uppercase}.no-templates-msg{color:#888;font-size:14px;padding:16px;text-align:center}.accordion-card{background:#fff;border:1px solid #e8dfd4;border-radius:12px;margin-bottom:8px;overflow:hidden}.accordion-card.expanded{border-color:#8b7355;box-shadow:0 2px 12px #8b735526}.accordion-card.completed{background:#f1f8e9;border-color:#c8e6c9}.accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px}.accordion-header:hover{background:#faf7f4}.accordion-card.completed .accordion-header:hover{background:#e8f5e9}.accordion-title{align-items:center;display:flex;gap:10px}.expand-icon{color:#8b7355;font-size:12px;width:16px}.accordion-card.completed .expand-icon{color:#4caf50;font-size:14px}.timing-label{color:#333;font-size:15px;font-weight:600}.accordion-meta{align-items:center;display:flex;gap:12px}.accordion-meta .item-count{background:#f0e6dc;border-radius:10px;color:#888;font-size:12px;padding:3px 8px}.rewards-preview{color:#8b7355;font-size:12px}.completed-badge{background:#e8f5e9;border-radius:12px;color:#4caf50;font-size:12px;font-weight:500;padding:4px 10px}.accordion-content{border-top:1px solid #f0e6dc;padding:0 16px 16px}.mini-progress{align-items:center;display:flex;gap:10px;padding:12px 0}.mini-progress-bar{background:#e8dfd4;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.mini-progress-fill{background:linear-gradient(90deg,#7cb342,#8bc34a);border-radius:3px;height:100%;transition:width .2s}.mini-progress-text{color:#666;font-size:12px}.checklist-items{display:flex;flex-direction:column;gap:6px}.checklist-item{align-items:center;background:#faf7f4;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .15s}.checklist-item:hover{background:#f5ede4}.checklist-item.checked{background:#e8f5e9}.item-checkbox{align-items:center;border:2px solid #ccc;border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:22px;justify-content:center;width:22px}.item-checkbox.checked{background:#4caf50;border-color:#4caf50}.item-text{color:#333;font-size:14px;line-height:1.3}.checklist-item.checked .item-text{color:#2e7d32}.submit-section{border-top:1px solid #f0e6dc;margin-top:12px;padding-top:12px;text-align:center}.submit-hint{color:#e65100;font-size:12px;margin:0 0 8px}.submit-btn{border-radius:10px;font-size:15px;padding:12px 20px}.submit-btn.ready{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.submit-btn.disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.all-done-message{align-items:center;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:1px solid #c8e6c9;border-radius:16px;display:flex;flex-direction:column;margin:16px;padding:24px;text-align:center}.done-emoji{font-size:40px;margin-bottom:8px}.all-done-message p{color:#2e7d32;font-size:15px;font-weight:500;margin:0}.work-hub .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-modal{background:#fff;border-radius:20px;max-width:300px;padding:32px;text-align:center;width:90%}.success-emoji{font-size:48px;margin-bottom:12px}.success-modal h2{color:#333;font-size:20px;margin:0 0 16px}.success-rewards{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.reward-item{color:#5d4e3e;font-size:16px;font-weight:600}.awesome-btn{background:linear-gradient(135deg,#8b7355,#6d5a45);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px}.toast{animation:workHubToastFadeIn .25s ease;border-radius:8px;font-size:14px;font-weight:500;left:50%;padding:12px 24px;position:fixed;top:80px;transform:translateX(-50%);z-index:1001}.toast-error{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.toast-success{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.toast-info{background:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}@keyframes workHubToastFadeIn{0%{opacity:0}to{opacity:1}}.done-emoji-img{height:48px;margin-bottom:8px;width:48px}.inventory-section{padding-bottom:100px}.wh-inv-search-bar{padding:12px 16px}.wh-inv-search-bar input{background:#fff;border:1px solid #e8dfd4;border-radius:10px;font-size:14px;padding:12px 16px;width:100%}.wh-inv-search-bar input:focus{border-color:#8b7355;outline:none}.wh-inv-search-header{align-items:center;display:flex;gap:8px;padding:12px 16px}.wh-inv-search-header .wh-inv-back-btn{flex-shrink:0}.wh-inv-search-header .wh-inv-search-input{background:#fff;border:1px solid #e8dfd4;border-radius:10px;flex:1 1;font-size:14px;padding:10px 14px}.wh-inv-search-header .wh-inv-search-input:focus{border-color:#8b7355;outline:none}.wh-inv-main-tabs{background:#fffbf7;border-bottom:1px solid #e8dfd4;display:flex;gap:0;padding:12px 16px}.wh-inv-main-tab{background:#fff;border:1px solid #e8dfd4;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.wh-inv-main-tab:first-child{border-radius:10px 0 0 10px}.wh-inv-main-tab:last-child{border-left:none;border-radius:0 10px 10px 0}.wh-inv-main-tab.active{background:#8b7355;border-color:#8b7355;color:#fff}.wh-inv-main-tab:hover:not(.active){background:#faf7f4}.wh-inv-items-header{align-items:center;border-bottom:1px solid #e8dfd4;display:flex;gap:12px;padding:12px 16px}.wh-inv-items-header h3{color:#333;font-size:16px;margin:0}.wh-inv-back-btn{background:none;border:none;color:#8b7355;cursor:pointer;font-size:14px;padding:4px 8px}.wh-inv-category-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:0 16px}.wh-inv-category-card{align-items:center;background:#fff;border:1px solid #e8dfd4;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s}.wh-inv-category-card:hover{border-color:#8b7355;box-shadow:0 2px 8px #8b735526}.wh-inv-category-img{border-radius:8px;height:48px;object-fit:cover;width:48px}.wh-inv-category-img-placeholder{align-items:center;background:#f5ede4;border-radius:8px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.wh-inv-category-name{color:#333;font-size:14px;font-weight:600;text-align:center}.wh-inv-category-count{color:#888;font-size:12px}.wh-inv-category-low{background:#fff3e0;border-radius:10px;color:#e65100;font-size:11px;padding:2px 8px}.wh-inv-items-list{display:flex;flex-direction:column;gap:12px;padding:12px 16px 16px}.wh-inv-item-card{background:#fff;border:1px solid #e8dfd4;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:12px}.wh-inv-item-card.low-stock{background:#fffbf7;border-color:#ffcc80}.wh-inv-item-row{align-items:center;display:flex;gap:12px}.wh-inv-item-img{object-fit:cover}.wh-inv-item-img,.wh-inv-item-img-placeholder{border-radius:8px;flex-shrink:0;height:48px;width:48px}.wh-inv-item-img-placeholder{align-items:center;background:#f5ede4;display:flex;font-size:20px;justify-content:center}.wh-inv-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.wh-inv-item-name{color:#333;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wh-inv-item-qty{color:#333;font-size:15px;font-weight:600}.wh-inv-item-qty.low{color:#e65100}.wh-inv-item-threshold{color:#999;font-size:12px;font-weight:400}.wh-inv-item-time{color:#999;font-size:11px}.wh-inv-item-buttons{display:flex;flex-shrink:0;gap:8px}.wh-inv-dec-btn{background:#fff;border:1px solid #e8dfd4;border-radius:10px;color:#333;cursor:pointer;font-size:16px;font-weight:600;height:44px;transition:all .15s;width:44px}.wh-inv-dec-btn:hover{background:#f5ede4}.wh-inv-dec-btn.orange{background:#fff3e0;border-color:#ffcc80;color:#e65100}.wh-inv-dec-btn.orange:hover{background:#ffe0b2}.wh-inv-item-bottom-actions{border-top:1px solid #f0e6dc;display:flex;gap:8px;padding-top:10px;width:100%}.wh-inv-action-btn{align-items:center;background:#fff;border:1px solid #e8dfd4;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:4px;justify-content:center;min-width:0;padding:8px 10px;transition:background .15s,border-color .15s}.wh-inv-action-btn.wh-alert{background:#fff8f0;border-color:#ffcc80;color:#e65100}.wh-inv-action-btn.wh-alert:hover{background:#ffe0b2}.wh-inv-action-btn.wh-restock{background:#f1f8e9;border-color:#a5d6a7;color:#2e7d32}.wh-inv-action-btn.wh-restock:hover{background:#dcedc8}.wh-inv-empty-msg{color:#888;font-size:14px;padding:32px;text-align:center}.wh-inv-tabs{display:flex;gap:0;margin-bottom:12px;padding:0 16px}.wh-inv-tab{background:#fff;border:1px solid #e8dfd4;color:#666;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s}.wh-inv-tab:first-child{border-radius:8px 0 0 8px}.wh-inv-tab:last-child{border-left:none;border-radius:0 8px 8px 0}.wh-inv-tab.active{background:#8b7355;border-color:#8b7355;color:#fff}.wh-inv-history-list{padding:0 16px 16px}.wh-inv-history-item,.wh-inv-history-list{display:flex;flex-direction:column;gap:8px}.wh-inv-history-item{background:#fff;border:1px solid #e8dfd4;border-radius:12px;padding:12px 14px}.wh-inv-history-row{align-items:center;display:flex;gap:10px}.wh-inv-history-name{color:#333;flex:1 1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wh-inv-history-badge{border-radius:8px;flex-shrink:0;font-size:12px;font-weight:700;padding:3px 10px}.wh-inv-history-badge.green{background:#e8f5e9;color:#2e7d32}.wh-inv-history-badge.red{background:#ffebee;color:#c62828}.wh-inv-history-badge.blue{background:#e3f2fd;color:#1565c0}.wh-inv-history-badge.gray{background:#f5f5f5;color:#666}.wh-inv-history-user{color:#666;font-size:13px;font-weight:500}.wh-inv-history-meta{align-items:center;display:flex;justify-content:space-between}.wh-inv-history-meta-right{align-items:center;display:flex;gap:12px}.wh-inv-history-time{color:#999;font-size:12px}.wh-inv-undo-btn{background:#fff;border:1px solid #e8dfd4;border-radius:6px;color:#8b7355;cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px}.wh-inv-undo-btn:hover{background:#f5ede4}.wh-inv-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.wh-inv-modal{background:#fff;border-radius:16px;max-width:320px;padding:24px;width:90%}.wh-inv-modal h2{color:#333;font-size:18px;margin:0 0 8px}.wh-inv-restock-current{color:#666;font-size:14px;margin:0 0 16px}.wh-inv-field{margin-bottom:12px}.wh-inv-field label{color:#666;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.wh-inv-field input{border:1px solid #e8dfd4;border-radius:10px;font-size:16px;padding:12px;width:100%}.wh-inv-field input:focus{border-color:#8b7355;outline:none}.wh-inv-restock-preview{color:#2e7d32;font-size:14px;font-weight:500;margin:0 0 16px;text-align:center}.wh-inv-modal-btns{display:flex;gap:12px}.wh-inv-modal-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px}.wh-inv-modal-btn.cancel{background:#f5f5f5;color:#666}.wh-inv-modal-btn.confirm{background:#8b7355;color:#fff}.user-email{color:#8b7355;display:block;font-size:.8rem;margin-top:2px}.tab-notification-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px}.shift-notes-section{border-top:1px solid #e8e0d8;margin-top:16px;padding-top:16px}.notes-label{color:#5d4e3e;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.notes-hint{color:#8b7355;font-size:12px;margin:0 0 8px}.shift-notes-input{border:1px solid #e8e0d8;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.shift-notes-input:focus{border-color:#d4a574;box-shadow:0 0 0 3px #d4a57426;outline:none}.shift-notes-input::placeholder{color:#aaa}.notes-counter{color:#aaa;display:block;font-size:11px;margin-top:4px;text-align:right}.wh-alert-popup-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.wh-alert-popup{animation:wh-alert-pop-in .3s ease;background:linear-gradient(145deg,#fff8f0,#fff);border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:320px;padding:32px 24px;text-align:center;width:100%}@keyframes wh-alert-pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.wh-alert-popup-icon{animation:wh-alert-bounce .6s ease;font-size:56px;margin-bottom:12px}@keyframes wh-alert-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.wh-alert-popup-title{color:#5d4e3a;font-size:22px;font-weight:700;margin:0 0 8px}.wh-alert-popup-subtitle{color:#8b7355;font-size:14px;margin:0 0 8px}.wh-alert-popup-item{background:#8b73551a;border-radius:12px;color:#5c4033;font-size:18px;font-weight:700;margin:0 0 8px;padding:12px}.wh-alert-popup-stock{color:#e74c3c;font-size:13px;font-weight:600;margin:0 0 20px}.wh-alert-popup-buttons{display:flex;flex-direction:column;gap:10px}.wh-alert-popup-btn{border:none;border-radius:14px;cursor:pointer;font-size:15px;font-weight:700;padding:14px 24px;transition:all .2s ease;width:100%}.wh-alert-popup-btn.confirm{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 16px #e74c3c66;color:#fff}.wh-alert-popup-btn.confirm:hover{box-shadow:0 6px 20px #e74c3c80;transform:translateY(-2px)}.wh-alert-popup-btn.cancel{background:#f5ebe0;color:#5c4033}.wh-alert-popup-btn.cancel:hover{background:#e8ddd0}.wh-warehouse-section{padding:0 16px 16px}.wh-warehouse-header{display:flex;justify-content:flex-end;margin-bottom:12px}.wh-warehouse-add-btn{background:#8b7355;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.wh-warehouse-add-btn:hover{background:#6b5344}.wh-warehouse-list{display:flex;flex-direction:column;gap:10px}.wh-warehouse-item{align-items:center;background:#fff;border:1px solid #e8dfd4;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s}.wh-warehouse-item:hover{border-color:#d4c4b4;box-shadow:0 2px 8px #0000000d}.wh-warehouse-item-info{align-items:center;display:flex;flex:1 1;gap:12px}.wh-warehouse-item-name{color:#333;font-size:15px;font-weight:600}.wh-warehouse-item-qty{background:#fff8f0;border-radius:8px;color:#8b7355;font-size:16px;font-weight:700;min-width:40px;padding:4px 12px;text-align:center}.wh-warehouse-item-actions{display:flex;gap:8px}.wh-warehouse-adj-btn{align-items:center;background:#fff;border:1px solid #e8dfd4;border-radius:8px;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:36px;justify-content:center;transition:all .2s;width:36px}.wh-warehouse-adj-btn.minus{color:#c62828}.wh-warehouse-adj-btn.minus:hover:not(:disabled){background:#ffebee;border-color:#ffcdd2}.wh-warehouse-adj-btn.plus{color:#2e7d32}.wh-warehouse-adj-btn.plus:hover{background:#e8f5e9;border-color:#a5d6a7}.wh-warehouse-adj-btn:disabled{cursor:not-allowed;opacity:.4}.wh-warehouse-modal{max-width:340px}.wh-warehouse-delete-btn{background:#fff5f5;border:1px solid #ffcdd2;border-radius:10px;color:#c62828;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:12px;transition:all .2s;width:100%}.wh-warehouse-delete-btn:hover{background:#ffebee}.activate-container{align-items:center;background:linear-gradient(160deg,#fef6e4,#f3d9c4 50%,#e8c4a8);display:flex;justify-content:center;min-height:100vh;padding:20px}.activate-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffeb;border-radius:24px;box-shadow:0 8px 32px #5c40331f;max-width:400px;padding:40px;text-align:center;width:100%}.activate-header{align-items:center;display:flex;flex-direction:column;margin-bottom:24px}.activate-logo-img{height:64px;margin-bottom:12px;width:64px}.activate-card h1{color:#4a3728;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.activate-card h2{color:#4a3728;font-size:20px;font-weight:600;margin:12px 0 8px}.activate-icon-wrapper{align-items:center;border-radius:16px;display:flex;height:64px;justify-content:center;margin:0 auto 8px;width:64px}.activate-icon-wrapper.success{background:linear-gradient(135deg,#8b7355,#6b5344)}.activate-icon-wrapper.error{background:linear-gradient(135deg,#c44,#a33)}.activate-checkmark,.activate-x{color:#fff;font-size:32px;font-weight:700}.activate-loading{padding:20px 0}.activate-spinner{animation:spin 1s linear infinite;border:4px solid #e8ded4;border-radius:50%;border-top-color:#8b7355;height:40px;margin:0 auto 16px;width:40px}.activate-loading p{color:#8b7765;font-size:14px}.activate-message{color:#6b5b4f;font-size:15px;margin:8px 0 16px}.activate-email-box{background:linear-gradient(135deg,#fff8f0,#fef3e8);border:1px solid #e8ded4;border-radius:12px;display:flex;flex-direction:column;gap:4px;margin:16px 0;padding:12px 16px}.activate-email-label{color:#a08878;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.activate-email-value{color:#4a3728;font-size:15px;font-weight:600}.activate-info-box{background:#fff8f0;border:1px solid #d4a574;border-radius:12px;margin:16px 0;padding:12px 16px}.activate-info-box p{color:#5c4d3c;font-size:13px;line-height:1.5;margin:4px 0}.activate-hint-box{background:#fff0f0;border:1px solid #ffcaca;border-radius:12px;margin:16px 0;padding:12px 16px}.activate-hint-box p{color:#944;font-size:13px;margin:4px 0}.activate-btn{background:linear-gradient(135deg,#8b6f47,#6b5344);border-radius:12px;box-shadow:0 4px 12px #6b534440;color:#fff;display:inline-block;font-size:15px;font-weight:600;margin-top:20px;padding:14px 36px;text-decoration:none;transition:all .2s ease}.activate-btn:hover{background:linear-gradient(135deg,#9a7d54,#7a6050);box-shadow:0 6px 20px #6b534459;transform:translateY(-2px)}.activate-btn.secondary{background:linear-gradient(135deg,#a08878,#8b7765);box-shadow:0 4px 12px #8b776540}.activate-btn.secondary:hover{background:linear-gradient(135deg,#b09888,#9b8775)}@media (max-width:480px){.activate-card{border-radius:20px;padding:32px 24px}.activate-logo-img{height:56px;width:56px}.activate-card h1{font-size:22px}}.writeup-sign-container{background:linear-gradient(135deg,#fff8f0,#ffe8d6);display:flex;justify-content:center;min-height:100vh;padding:20px}.writeup-sign-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #5c4d3c1f;margin-bottom:40px;max-width:800px;overflow:hidden;width:100%}.writeup-sign-header{background:linear-gradient(135deg,#5c4d3c,#7b6b5c);color:#fff;padding:24px;text-align:center}.writeup-sign-header.error{background:linear-gradient(135deg,#8b5a5a,#6b4444)}.writeup-sign-header.success{background:linear-gradient(135deg,#5c6b4d,#4a5840)}.writeup-sign-logo{height:48px;margin-bottom:8px;object-fit:contain;width:48px}.writeup-sign-header h1{font-size:24px;font-weight:700;margin:0 0 4px}.writeup-sign-header p{font-size:14px;margin:0;opacity:.9}.writeup-sign-content{padding:30px}.writeup-sign-loading{padding:60px 20px;text-align:center}.writeup-sign-spinner{animation:spin 1s linear infinite;border:4px solid #e8ddd4;border-radius:50%;border-top-color:#8b7355;height:40px;margin:0 auto 16px;width:40px}.writeup-sign-error,.writeup-sign-success{padding:40px 20px;text-align:center}.writeup-sign-error-icon{background:#f5e6e6;color:#8b5a5a}.writeup-sign-error-icon,.writeup-sign-success-icon{align-items:center;border-radius:50%;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.writeup-sign-success-icon{background:#e6ede2;color:#5c6b4d}.writeup-sign-error h2,.writeup-sign-success h2{color:#5c4d3c;margin:0 0 8px}.writeup-sign-hint{margin-top:16px}.writeup-sign-hint,.writeup-sign-timestamp{color:#8b7355;font-size:14px}.writeup-sign-warning{align-items:center;background:#fff8f0;border:1px solid #d4a574;border-radius:10px;color:#7b5a3c;display:flex;gap:10px;margin-bottom:20px;padding:16px}.writeup-sign-deadline{align-items:center;background:linear-gradient(135deg,#8b7355,#6b5a45);border:none;border-radius:10px;color:#fff;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding:14px 18px}.writeup-sign-deadline-label{font-weight:600}.writeup-sign-deadline-remaining{background:#fff3;border-radius:20px;color:#fff;font-size:13px;font-weight:700;padding:4px 12px}.writeup-sign-details{background:#fff;border:2px solid #e8ddd4;border-radius:12px;margin-bottom:24px;padding:20px}.writeup-sign-details h3{border-bottom:2px solid #d4a574;color:#5c4d3c;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:10px}.writeup-sign-field{display:flex;gap:12px;margin-bottom:12px}.writeup-sign-field.full-width{flex-direction:column;gap:8px}.writeup-sign-field label{color:#8b7355;font-weight:600;min-width:120px}.writeup-sign-field span{color:#5c4d3c}.writeup-sign-details-text{background:#fff8f0;border:1px solid #e8ddd4;border-radius:8px;color:#5c4d3c;line-height:1.6;padding:16px;white-space:pre-wrap}.severity-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.severity-badge.severity-minor{background:#e6ede2;color:#4a5840}.severity-badge.severity-moderate{background:#fff0e0;color:#8b6b3c}.severity-badge.severity-serious{background:#f5e6e6;color:#8b4a4a}.writeup-sign-attachments{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.writeup-sign-attachments img{border:2px solid #e8ddd4;border-radius:8px;max-height:150px;max-width:200px}.writeup-sign-response{margin-bottom:24px}.writeup-sign-response h3{color:#5c4d3c;font-size:18px;font-weight:700;margin:0 0 8px}.writeup-sign-response-hint{color:#8b7355;font-size:14px;margin:0 0 12px}.writeup-sign-response textarea{background:#fff;border:2px solid #e8ddd4;border-radius:10px;box-sizing:border-box;color:#5c4d3c;font-family:inherit;font-size:15px;padding:14px;resize:vertical;transition:border-color .2s;width:100%}.writeup-sign-response textarea:focus{border-color:#d4a574;outline:none}.writeup-sign-response textarea::placeholder{color:#c4b5a5}.writeup-sign-char-count{color:#a8967a;font-size:12px;margin-top:6px;text-align:right}.writeup-sign-signature{margin-bottom:24px}.writeup-sign-signature h3{color:#5c4d3c;font-size:18px;font-weight:700;margin:0 0 8px}.writeup-sign-signature-disclaimer{background:#fff8f0;border:1px solid #e8ddd4;border-radius:10px;color:#7b6b5c;font-size:13px;line-height:1.5;margin-bottom:16px;padding:14px}.writeup-sign-canvas-container{background:#fff;border:2px solid #d4a574;border-radius:10px;overflow:hidden}.writeup-sign-canvas{display:block;height:200px;width:100%}.writeup-sign-canvas-actions{margin-top:10px}.writeup-sign-clear-btn{background:#8b7355;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:background .2s}.writeup-sign-clear-btn:hover{background:#6b5a45}.writeup-sign-submit{margin-bottom:24px}.writeup-sign-submit-btn{background:linear-gradient(135deg,#5c6b4d,#4a5840);border:none;border-radius:12px;box-shadow:0 4px 12px #5c6b4d4d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:18px;transition:transform .2s,box-shadow .2s;width:100%}.writeup-sign-submit-btn:hover:not(:disabled){box-shadow:0 6px 16px #5c6b4d66;transform:translateY(-2px)}.writeup-sign-submit-btn:disabled{cursor:not-allowed;opacity:.7}.writeup-sign-footer{background:#fff0e0;border:1px solid #e8d4c4;border-radius:10px;color:#8b6b3c;font-size:13px;padding:16px;text-align:center}@media (max-width:600px){.writeup-sign-container{padding:10px}.writeup-sign-card{border-radius:12px}.writeup-sign-content{padding:20px}.writeup-sign-field{flex-direction:column;gap:4px}.writeup-sign-field label{min-width:auto}.writeup-sign-deadline{align-items:flex-start;flex-direction:column}.writeup-sign-logo{height:40px;width:40px}.writeup-sign-header h1{font-size:20px}}.complete-profile-container{align-items:center;background:linear-gradient(135deg,#f5f0e8,#e8dfd0);display:flex;justify-content:center;min-height:100vh;padding:20px}.complete-profile-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #5c40331a;max-width:480px;padding:40px;width:100%}.complete-profile-logo{display:block;height:64px;margin-bottom:10px;margin-left:auto;margin-right:auto;object-fit:contain;width:64px}.complete-profile-logout-btn{background:#0000;border:1px solid #e8ddd4;border-radius:999px;color:#8b7355;cursor:pointer;font-size:14px;padding:8px 12px;position:fixed;right:14px;top:14px;z-index:10}.complete-profile-logout-btn:hover{background:#fff}.complete-profile-card h1{color:#5c4033;font-size:24px;font-weight:700;margin:0 0 8px;text-align:center}.complete-profile-subtitle{color:#8b7355;margin:0 0 24px;text-align:center}.complete-profile-error{background:#ffe5e5;border-radius:8px;color:#d32f2f;font-size:14px;margin-bottom:16px;padding:12px;text-align:center}.complete-profile-form .form-group{margin-bottom:16px}.complete-profile-form .form-row{display:flex;gap:16px}.complete-profile-form .form-row .form-group{flex:1 1}.complete-profile-form label{color:#5c4033;display:block;font-size:14px;font-weight:600;margin-bottom:6px}.complete-profile-form input{border:2px solid #e8dfd0;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px;transition:border-color .2s;width:100%}.complete-profile-form input:focus{border-color:#8b7355;outline:none}.complete-profile-btn{background:linear-gradient(135deg,#8b7355,#5c4d3c);border:none;border-radius:12px;box-shadow:0 2px 8px #5c4d3c4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;padding:16px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:100%}.complete-profile-btn:hover:not(:disabled){background:linear-gradient(135deg,#9a8465,#6b5c4c);box-shadow:0 4px 16px #5c4d3c66;transform:translateY(-2px)}.complete-profile-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:480px){.complete-profile-card{padding:24px}.complete-profile-form .form-row{flex-direction:column;gap:0}}.input-with-icon{position:relative}.input-with-icon input{padding-right:40px}.input-with-icon .input-icon{font-size:14px;opacity:.6;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.input-disabled{background:#f5f0e8!important;color:#8b7355!important;cursor:not-allowed}.input-with-validation{position:relative}.input-with-validation input{padding-right:40px}.validation-icon{font-size:16px;font-weight:700;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.validation-icon.valid{color:#4caf50}.validation-icon.invalid{color:#e53935}.input-valid{border-color:#4caf50!important}.input-invalid{border-color:#e53935!important}.validation-hint{display:block;font-size:12px;margin-top:4px}.validation-hint.valid{color:#4caf50}.validation-hint.invalid{color:#e53935}.field-hint{color:#8b7355;font-size:11px;font-style:italic;margin-top:4px}.policy-page{background:linear-gradient(135deg,#fff8f0,#ffe8d6);min-height:100vh;padding:20px 20px 100px}.policy-container{margin:0 auto;max-width:600px}.policy-header{margin-bottom:24px;text-align:center}.policy-logo{font-size:48px;margin-bottom:12px}.policy-logo-img{height:64px;margin-bottom:10px;object-fit:contain;width:64px}.policy-header h1{color:#5c4d3c;font-size:24px;margin:0 0 8px}.policy-subtitle{color:#8b7355;font-size:14px;line-height:1.5;margin:0}.policy-loading{align-items:center;color:#8b7355;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e8ddd4;border-radius:50%;border-top-color:#8b7355;height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.policy-success{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.success-icon{font-size:64px;margin-bottom:16px}.policy-success h2{color:#5c4d3c;margin:0 0 12px}.policy-success p{color:#8b7355;margin:0 0 8px}.coins-awarded{color:#d4a574!important;font-size:18px;font-weight:600}.redirecting{font-size:12px;margin-top:16px!important;opacity:.7}.policy-error{background:#fff0f0;border:1px solid #fcc;border-radius:12px;color:#c44;font-size:14px;margin-bottom:16px;padding:12px 16px}.policy-summary-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;padding:20px}.policy-summary-section h2{color:#5c4d3c;font-size:18px;margin:0 0 8px}.summary-note{color:#a8967a;font-size:13px;margin:0 0 16px}.policy-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.policy-item{background:#fff8f0;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s ease}.policy-item.expanded,.policy-item:hover{background:#fff0e6}.policy-item-header{align-items:center;display:flex;gap:12px;padding:12px 14px}.policy-number{align-items:center;background:#d4a574;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.policy-title{color:#5c4d3c;flex:1 1;font-size:14px;font-weight:500}.policy-expand{color:#a8967a;font-size:18px;font-weight:300}.policy-content{color:#6b5b4d;font-size:13px;line-height:1.6;padding:0 14px 14px 50px}.policy-content p{margin:0 0 8px}.policy-content p:last-child{margin-bottom:0}.full-policies-btn{align-items:center;background:linear-gradient(135deg,#5c4d3c,#7b6b5c);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:14px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.full-policies-btn:hover{box-shadow:0 4px 12px #5c4d3c4d;transform:translateY(-2px)}.external-icon{font-size:12px;opacity:.8}.signature-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:20px}.signature-section h2{color:#5c4d3c;font-size:18px;margin:0 0 16px}.acknowledgment-text{background:#fff8f0;border-radius:12px;color:#6b5b4d;font-size:13px;line-height:1.6;margin-bottom:20px;padding:16px}.acknowledgment-text p{margin:0;white-space:pre-line}.form-group{margin-bottom:16px}.form-group label{color:#5c4d3c;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input[type=text]{background:#fff;border:2px solid #e8ddd4;border-radius:10px;box-sizing:border-box;color:#5c4d3c;font-size:15px;padding:12px 14px;transition:border-color .2s ease;width:100%}.form-group input[type=text]:focus{border-color:#d4a574;outline:none}.form-group input[type=text]::placeholder{color:#c4b5a5}.date-input{background:#f8f4f0!important;color:#8b7355!important}.signature-instructions{color:#a8967a;font-size:13px;margin:0 0 8px}.canvas-container{background:#fff;border:2px solid #e8ddd4;border-radius:12px;overflow:hidden;touch-action:none}.signature-canvas{box-sizing:initial;cursor:crosshair;display:block;height:150px;margin:0;padding:0;transform:none;width:100%}.clear-signature-btn{background:#f5f0eb;border:none;border-radius:8px;color:#8b7355;cursor:pointer;font-size:13px;margin-bottom:16px;margin-top:8px;padding:8px 16px;transition:background .2s ease}.clear-signature-btn:hover{background:#ebe4dd}.checkbox-group{margin-top:20px}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex!important;gap:12px;padding:6px 4px}.checkbox-label input[type=checkbox]{accent-color:#d4a574;cursor:pointer;flex-shrink:0;height:20px;margin-top:3px;min-width:20px;width:20px}.checkbox-label span{color:#5c4d3c;font-size:14px;line-height:1.55}.policy-logout-btn{background:#ffffffe6;border:1px solid #e8ddd4;border-radius:999px;color:#8b7355;cursor:pointer;font-size:13px;padding:8px 12px;position:fixed;right:14px;top:14px;z-index:10}body.native-app .policy-logout-btn{top:calc(14px + env(safe-area-inset-top, 0px))}.policy-logout-btn:hover{background:#fff}.submit-btn{background:linear-gradient(135deg,#8b7355,#5c4d3c);border:none;border-radius:12px;box-shadow:0 2px 8px #5c4d3c4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:16px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:100%}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#9a8465,#6b5c4c);box-shadow:0 4px 16px #5c4d3c66;transform:translateY(-2px)}.submit-btn:disabled{background:linear-gradient(135deg,#a89880,#8b7b6b);cursor:not-allowed;opacity:.5}@media (max-width:480px){.policy-page{padding:16px 16px 80px}.policy-header h1{font-size:20px}.policy-summary-section,.signature-section{padding:16px}.policy-content{padding-left:40px}}.policy-password-note{color:#8b7355;font-size:.85rem;margin-bottom:0;margin-top:8px;text-align:center}.buddy-picker-overlay{align-items:flex-end;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.buddy-picker-sheet{animation:slideUp .3s ease;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:70vh;max-width:500px;padding:16px 20px calc(96px + env(safe-area-inset-bottom, 20px));width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:#d0d0d0;border-radius:2px;height:4px;margin:0 auto 16px;width:40px}.buddy-picker-sheet h3{color:#5d4e37;margin:0 0 4px;text-align:center}.picker-hint{color:#8b7355;font-size:13px;margin:0 0 16px;text-align:center}.picker-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto}.picker-item{align-items:center;background:#f8f4f0;border:2px solid #0000;border-radius:12px;display:flex;gap:12px;padding:12px;transition:all .2s}.picker-item:hover{border-color:#e0d5c5}.picker-item.expiring{background:linear-gradient(135deg,#fff8e7,#ffecb3);border-color:#ffb74d}.picker-avatar{align-items:center;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.picker-avatar .fallback{font-size:28px}.picker-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.picker-name{color:#5d4e37;font-weight:600}.picker-details{align-items:center;color:#8b7355;display:flex;font-size:12px;gap:8px}.picker-streak{color:#ff6b35}.picker-streak.hot{color:#e64a19}.picker-streak.fire{color:#d32f2f;font-weight:600}.picker-streak.legendary{color:#7c4dff;font-weight:600;text-shadow:0 0 8px #7c4dff4d}.picker-expiring{animation:pulse-text 2s infinite;color:#e65100;font-weight:500}.select-btn{background:linear-gradient(135deg,#7c65e0,#5b4bc4);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.select-btn:hover{box-shadow:0 4px 12px #7c65e066;transform:scale(1.05)}.no-visitors{color:#8b7355;padding:40px 20px;text-align:center}.cancel-btn{background:#f0ebe5;border:none;border-radius:12px;color:#5d4e37;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;padding:14px;transition:all .2s}.cancel-btn:hover{background:#e5dfd8}.myhouse-container{background:linear-gradient(145deg,#fff8f0,#fff5e6 50%,#f5ebe0);min-height:100vh;padding-bottom:80px}.back-btn,.settings-btn{background:none;border:none;color:#8b7355;cursor:pointer;font-size:20px;padding:8px}.house-tabs{display:flex;gap:0;margin:12px 16px;max-width:calc(100% - 32px);padding:0}.house-tabs .tab-btn{background:#fff;border:1px solid #e8dfd4;color:#666;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:12px 16px;text-align:center;transition:all .2s}.house-tabs .tab-btn:first-child{border-radius:8px 0 0 8px}.house-tabs .tab-btn:last-child{border-left:none;border-radius:0 8px 8px 0}.house-tabs .tab-btn:hover{background:#faf7f4}.house-tabs .tab-btn.active{background:#8b7355;border-color:#8b7355;color:#fff}.room-container{aspect-ratio:5/4;background-clip:padding-box;background-position:50%;background-size:cover;border-radius:16px;box-shadow:0 4px 12px #5c403326;isolation:isolate;margin:8px auto;max-width:500px;overflow:visible;position:relative}.room-container:after{border-radius:16px;box-shadow:inset 0 0 0 2px #5c40331a;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.furniture-layer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.placed-furniture{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);transition:transform .2s ease}.placed-furniture img{filter:drop-shadow(0 3px 6px rgba(0,0,0,.2));height:60px;object-fit:contain;width:60px}.placed-furniture:hover{transform:translate(-50%,-50%) scale(1.05)}.placed-furniture .furniture-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));font-size:40px}.placed-furniture.zone-wall img{height:50px;width:50px}.placed-furniture.zone-floor img{height:70px;width:70px}.decorate-room-preview>.capybara-layer,.room-container>.capybara-layer{bottom:15%;left:50%;transform:translateX(-50%)}.capybara-layer img,.decorate-placed-item img,.house-capybara img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}.house-capybara{align-items:center;animation:gentle-bob 3s ease-in-out infinite;display:flex;flex-direction:column;position:relative;z-index:2}.house-capybara:before{background:radial-gradient(ellipse,#00000040 0,#0000 70%);border-radius:50%;bottom:25px;content:"";height:15px;left:50%;position:absolute;transform:translateX(-50%);width:80px;z-index:-1}.capy-name-tag{background:#fff8f0d9;border:1px solid #d4a57433;border-radius:10px;box-shadow:0 1px 4px #5c40331a;color:#7a6555;font-size:11px;font-weight:600;letter-spacing:.3px;margin-top:0;padding:3px 10px}.no-capybara{filter:grayscale(.3);font-size:60px}.house-controls{background:#fff8f0;border-radius:16px;box-shadow:0 2px 8px #5c403314;margin:8px auto;max-width:500px;padding:12px 16px 14px}.house-stats{background:#0000;border-radius:0;box-shadow:none;display:flex;gap:24px;justify-content:center;margin:0;padding:2px 0 10px}.house-stats .stat-item{align-items:center;background:#0000;display:flex;flex-direction:row;gap:6px;min-width:auto;padding:0;text-align:center}.house-stats .stat-item .stat-icon{font-size:14px}.house-stats .stat-item .stat-value{color:#5c4033;font-size:15px;font-weight:700}.house-stats .stat-item .stat-label{color:#a8967a;font-size:11px;letter-spacing:.3px;text-transform:uppercase}.house-actions{display:flex;gap:8px;margin:0;padding:0}.house-actions .action-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:4px;justify-content:center;min-height:44px;padding:10px 6px;transition:all .2s ease}.clean-btn{background:linear-gradient(135deg,#7db87d,#6ba86b);color:#fff}.clean-btn:hover:not(.disabled){box-shadow:0 4px 12px #7db87d66;transform:translateY(-2px)}.clean-btn.disabled{background:#e8e4e0;color:#a8967a;cursor:default}.clean-btn .dust-badge{align-items:center;background:#ffffff4d;border-radius:10px;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-left:6px;min-width:20px;padding:0 6px}.decorate-btn{background:#f5f0eb;color:#8b7355;position:relative}.coming-soon{background:#ffb347;border-radius:8px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:-8px;top:-8px}.visitor-list{box-sizing:border-box;max-width:100%;overflow-x:visible;overflow-y:visible;padding:16px}.visitor-list-header{margin-bottom:16px}.visitor-list-header h3{color:#5c4033;font-size:18px;margin:0 0 4px}.visitor-hint{background:linear-gradient(135deg,#f0fff0,#e8f5e9);border-radius:12px;color:#6b8e23;display:inline-block;font-size:12px;font-weight:600;margin:4px 0 0;padding:4px 10px}.visitor-cards{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-width:100%;overflow:visible;width:100%}.visitor-section .visitor-cards{gap:8px;grid-template-columns:repeat(2,1fr)}@media (max-width:400px){.visitor-section .visitor-cards{grid-template-columns:1fr}}.visitor-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:10px;box-shadow:0 2px 6px #5c403314;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:0;padding:8px;position:relative;text-align:center;transition:all .2s}.visitor-card:hover{border-color:#e0d5c5;box-shadow:0 2px 8px #0000001f}.visitor-card.horizontal{box-sizing:border-box;gap:6px;justify-content:center;max-width:100%;padding:10px 6px;text-align:center}.visitor-card .visitor-info,.visitor-card.horizontal{align-items:center;display:flex;flex-direction:column;min-width:0;width:100%}.visitor-card .visitor-info{flex:0 1;gap:2px}.visitor-card .visitor-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitor-card .streak-badge{flex-shrink:0}@media (max-width:400px){.visitor-card.horizontal{align-items:flex-start;flex-direction:column;gap:8px}.visitor-card.horizontal .visitor-info{width:100%}.visitor-card.horizontal .visitor-actions{justify-content:space-between;width:100%}}.visitor-card.visited{background:#f5faf5;border-color:#c8e6c9}.visitor-avatar{align-items:center;background:#fff8f0;border-radius:12px;display:flex;height:45px;justify-content:center;width:45px}.visitor-avatar .capybara-display{transform:scale(.45);transform-origin:center}.visitor-name{color:#5c4033;font-size:15px}.visitor-status{color:#a8967a;font-size:13px}.visit-cta{color:#7db87d;font-weight:600}.loading-state{align-items:center;color:#8b7355;display:flex;justify-content:center;min-height:200px}.empty-list{color:#a8967a;padding:40px;text-align:center}.streak-badge{font-weight:700;gap:2px;margin-left:6px}.streak-warning{animation:pulse-warning 1.5s ease-in-out infinite;color:#ff6b35;font-weight:600;margin-left:6px}.visitor-card.streak-expiring{background:linear-gradient(135deg,#fff8f0,#fff0e0);border:2px solid #ff6b35}.visitor-card.streak-expiring:before{border-radius:14px;box-shadow:0 0 12px #ff6b354d;content:"";inset:0;pointer-events:none;position:absolute}.action-btn.shop-btn{background:linear-gradient(135deg,#7db87d,#5a9a5a);color:#fff}.action-btn.shop-btn:hover{box-shadow:0 4px 12px #7db87d66;transform:translateY(-2px)}.shop-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.shop-modal{background:#fff8f0;border-radius:20px;display:flex;flex-direction:column;max-height:85vh;max-width:500px;min-height:60vh;overflow:hidden;position:relative;width:100%}.shop-header{align-items:center;border-bottom:1px solid #e5d5c5;display:flex;justify-content:space-between;padding:16px 20px}.shop-header h2{color:#5c4033;font-size:20px;margin:0}.shop-header .close-btn{background:none;border:none;color:#8b7355;cursor:pointer;font-size:20px;padding:4px 8px}.shop-balance{display:flex;gap:12px;justify-content:center;margin-bottom:12px;padding:12px 16px}.shop-balance span{align-items:center;background:linear-gradient(135deg,#fff8f0,#f5ebe0);border:1px solid #5c40331a;border-radius:20px;box-shadow:0 2px 8px #00000014,inset 0 1px 0 #fffc;color:#5c4033;display:flex;font-size:15px;font-weight:600;gap:6px;padding:8px 16px}.shop-filter{padding:0 16px 12px}.category-dropdown{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%235C4033' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1.5px solid #e5d5c5;border-radius:10px;color:#5c4033;cursor:pointer;font-size:14px;font-weight:500;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.category-dropdown:hover{border-color:#d4c4b0}.category-dropdown:focus{border-color:#8b7355;box-shadow:0 0 0 3px #8b73551a;outline:none}.shop-items-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0 16px 16px}.shop-items-count{color:#a8967a;font-size:12px;padding:4px 0 8px;text-align:right}.shop-items{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.shop-items::-webkit-scrollbar{width:6px}.shop-items::-webkit-scrollbar-track{background:#f5ebe0;border-radius:3px}.shop-items::-webkit-scrollbar-thumb{background:#d4c4b0;border-radius:3px}.shop-items::-webkit-scrollbar-thumb:hover{background:#c4b4a0}.shop-item-card{align-items:center;background:#fff;border:1.5px solid #e5d5c5;border-radius:12px;display:flex;gap:12px;padding:10px 12px;transition:all .2s ease}.shop-item-card:hover{border-color:#d4c4b0;box-shadow:0 2px 8px #0000000f}.shop-item-card.owned{background:#fafafa;opacity:.75}.shop-item-card.rare{background:linear-gradient(135deg,#fffef5,#fff8e7);border-color:gold}.shop-item-card.legendary{background:linear-gradient(135deg,#fff5f5,#ffebeb);border-color:#ff6b6b}.shop-item-image{align-items:center;background:#f5ebe0;border-radius:10px;display:flex;height:48px;justify-content:center;min-width:48px;position:relative;width:48px}.shop-item-image img{max-height:40px;max-width:40px;object-fit:contain}.shop-item-image .placeholder-icon{font-size:24px}.shop-item-image .rarity-badge{align-items:center;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;display:flex;font-size:12px;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.shop-item-info{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:space-between;min-width:0}.shop-item-name{color:#5c4033;font-size:14px;overflow:hidden;text-overflow:ellipsis}.shop-item-name,.shop-owned-badge{font-weight:600;white-space:nowrap}.shop-owned-badge{color:#4caf50;font-size:12px}.shop-item-prices{display:flex;flex-shrink:0;gap:6px}.price-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.price-btn.gems{background:linear-gradient(135deg,#9c7cf4,#7b5cd6);color:#fff}.price-btn.gems:hover:not(.disabled){box-shadow:0 3px 8px #7b5cd64d;transform:translateY(-1px)}.price-btn.coins{background:linear-gradient(135deg,#ffd54f,#ffb300);color:#5c4033}.price-btn.coins:hover:not(.disabled){box-shadow:0 3px 8px #ffb3004d;transform:translateY(-1px)}.price-btn.disabled{cursor:not-allowed;opacity:.5}.price-coin-icon{height:14px;width:14px}.empty-shop{color:#a8967a;font-size:14px;padding:40px 20px;text-align:center}.currency-icon{height:18px;margin-right:4px;vertical-align:middle;width:18px}.btn-currency-icon{height:14px;margin-right:2px;vertical-align:middle;width:14px}.decorate-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.decorate-modal{background:#fff8f0;border-radius:20px;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.decorate-header{align-items:center;border-bottom:1px solid #e5d5c5;display:flex;justify-content:space-between;padding:16px 20px}.decorate-header h2{color:#5c4033;font-size:20px;margin:0}.decorate-header .close-btn{background:none;border:none;color:#8b7355;cursor:pointer;font-size:20px;padding:4px 8px}.decorate-header .close-btn:hover{color:#5c4033}.decorate-room-preview{aspect-ratio:5/4;background-position:50%;background-size:cover;border-radius:16px;cursor:crosshair;margin:10px 0;overflow:hidden;position:relative}.zone-indicator{color:#8b735566;font-size:11px;left:50%;letter-spacing:1px;pointer-events:none;position:absolute;text-transform:uppercase;transform:translateX(-50%)}.zone-indicator.wall-zone{top:20%}.zone-indicator.floor-zone{bottom:25%}.decorate-placed-item{position:absolute;transform:translate(-50%,-50%);transition:transform .15s ease,box-shadow .15s ease}.decorate-placed-item img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:55px;object-fit:contain;width:55px}.decorate-placed-item:hover{transform:translate(-50%,-50%) scale(1.1)}.decorate-placed-item.selected{transform:translate(-50%,-50%) scale(1.15)}.decorate-placed-item.selected img{filter:drop-shadow(0 0 8px rgba(125,184,125,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.2))}.decorate-placed-item .remove-item-btn{align-items:center;background:#ff6b6b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;position:absolute;right:-12px;top:-12px;transition:transform .15s ease,background .15s ease;width:28px;z-index:100}.decorate-placed-item .remove-item-btn:hover{background:#f44;transform:scale(1.1)}.decorate-placed-item .remove-item-btn:active{transform:scale(.95)}.decorate-room-preview .placement-hint{background:#7db87de6;border-radius:20px;bottom:10px;color:#fff;font-size:12px;font-weight:500;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%);white-space:nowrap}.remove-item-btn{align-items:center;background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:22px;justify-content:center;position:absolute;right:4px;top:4px;width:22px}.remove-item-btn:hover{background:#e55555}.placement-hint{color:#7db87d;font-size:13px;font-weight:500;padding:12px;text-align:center}.owned-furniture-section{border-top:1px solid #e5d5c5;flex:1 1;overflow-y:auto;padding:16px}.owned-furniture-section h3{color:#5c4033;font-size:15px;margin:0 0 12px}.no-furniture{color:#a8967a;font-size:14px;padding:30px;text-align:center}.owned-furniture-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.owned-item{align-items:center;background:#fff;border:2px solid #e5d5c5;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:10px 6px;transition:all .2s ease}.owned-item:hover:not(.placed){border-color:#d4a574;transform:translateY(-2px)}.owned-item.selected{background:#e8f5e9;border-color:#7db87d}.owned-item.placed{cursor:not-allowed;opacity:.5}.owned-item img{height:40px;object-fit:contain;width:40px}.owned-item .item-emoji{font-size:28px}.owned-item .item-label{color:#5c4033;font-size:10px;line-height:1.2;text-align:center}.owned-item .placed-badge{background:#e8f5e9;border-radius:8px;color:#7db87d;font-size:9px;padding:2px 6px}.decorate-room-preview.dragging,.room-container.dragging{cursor:grabbing}.decorate-room-preview>.capybara-layer,.room-container>.capybara-layer{cursor:grab;position:absolute;touch-action:none;user-select:none;-webkit-user-select:none;z-index:10}.decorate-room-preview>.capybara-layer.dragging,.room-container>.capybara-layer.dragging{cursor:grabbing;z-index:100}.decorate-room-preview .capybara-layer.dragging .house-capybara,.room-container .capybara-layer.dragging .house-capybara{animation:none;transform:scale(1.05)}.decorate-placed-item{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.decorate-placed-item.dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);z-index:100}.decorate-placed-item.dragging img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.room-container:before{background:#fff8f0cc;border-radius:10px;bottom:8px;color:#8b735580;content:"✋ Drag your capybara!";font-size:10px;left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;z-index:5}.room-container:hover:before{opacity:1}.room-container.dragging:before{opacity:0}.gem-buddies-section{background:linear-gradient(135deg,#fff8e7,#fff0d4);border:2px solid #f0e0c0;border-radius:16px;margin-bottom:20px;padding:16px}.gem-buddies-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.gem-buddies-title{align-items:center;display:flex;gap:8px}.gem-buddies-title h3{color:#5d4e37;font-size:18px;margin:0}.gem-buddies-count{color:#8b7355;font-size:14px}.gem-buddies-hint{color:#8b7355;font-size:12px;margin:0 0 12px}.auto-visit-btn{background:linear-gradient(135deg,#7c65e0,#5b4bc4);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.auto-visit-btn:hover:not(:disabled){box-shadow:0 4px 12px #7c65e066;transform:scale(1.05)}.auto-visit-btn:disabled{cursor:not-allowed;opacity:.6}.auto-visit-btn.done{background:linear-gradient(135deg,#4caf50,#388e3c)}.auto-visit-btn.loading{background:linear-gradient(135deg,#9e9e9e,#757575)}.gem-buddies-slots{display:flex;gap:12px;justify-content:center}.gem-buddy-slot{align-items:center;border-radius:12px;display:flex;flex-direction:column;min-height:140px;padding:10px 8px;position:relative;transition:all .2s;width:100px}.gem-buddy-slot.empty{background:#ffffff80;border:2px dashed #d0c0a0;cursor:pointer}.gem-buddy-slot.empty:hover{background:#fffc;border-color:#8b7355}.buddy-slot-placeholder{align-items:center;color:#a09080;display:flex;flex-direction:column;height:100%;justify-content:center}.plus-icon{font-size:32px;font-weight:300}.add-text{font-size:11px;margin-top:4px}.gem-buddy-slot.filled{background:#fff;border:2px solid #e0d5c5;cursor:pointer}.gem-buddy-slot.filled:hover{border-color:#7c65e0;box-shadow:0 4px 12px #0000001a}.gem-buddy-slot.visited{background:#f5faf5;border-color:#4caf50}.gem-buddy-slot.expiring{animation:pulse-warning 2s infinite;border-color:#ff9800}@keyframes pulse-warning{0%,to{box-shadow:0 0 0 0 #ff980066}50%{box-shadow:0 0 0 8px #ff980000}}.remove-buddy-btn{align-items:center;background:#ff5252;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s;width:20px}.gem-buddy-slot:hover .remove-buddy-btn{opacity:1}.buddy-avatar{align-items:center;display:flex;height:60px;justify-content:center;width:60px}.fallback-avatar{font-size:32px}.buddy-info{align-items:center;display:flex;flex-direction:column;margin-top:6px}.buddy-name{color:#5d4e37;font-size:12px;font-weight:600;text-align:center}.buddy-streak{color:#ff6b35;font-size:11px}.buddy-reward{margin-top:4px}.gem-preview{font-size:14px}.no-gems{color:#a09080;font-size:10px}.buddy-status{margin-top:4px}.status-done{color:#4caf50;font-weight:700}.status-urgent{animation:bounce .5s infinite}.status-ready{color:#7c65e0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.visitor-card.is-buddy{background:#fff;border-color:#0000}.visitor-card.is-buddy.visited{background:#f5faf5;border-color:#c8e6c9}.visitor-avatar{flex-shrink:0}.visitor-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.visitor-name{align-items:center;color:#5d4e37;display:flex;font-weight:600;gap:6px}.buddy-badge{color:#ffb800}.streak-badge{color:#ff6b35;font-size:12px}.buddy-level{color:#8b7355;font-size:11px;font-weight:600}.visitor-level{align-items:center;color:#8b7355;display:flex;font-size:12px;gap:4px}.streak-warning{color:#ff9800;font-size:11px}.visitor-stats{color:#8b7355;font-size:13px}.visitor-actions{align-items:center;display:flex;gap:8px}.add-buddy-btn{align-items:center;background:linear-gradient(135deg,#ffe082,#ffd54f);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.add-buddy-btn:hover{box-shadow:0 2px 8px #ffc10766;transform:scale(1.1)}.visit-status{color:#7c65e0;font-size:13px;font-weight:500}.visitor-card.visited .visit-status{color:#4caf50}.auto-visit-modal{background:#fff;border-radius:20px;max-width:320px;padding:24px;text-align:center;width:90%}.auto-visit-modal h3{color:#5d4e37;margin:0 0 16px}.visit-results{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.visit-result-item{align-items:center;background:#f8f4f0;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.visit-result-item.already{opacity:.6}.result-name{color:#5d4e37;font-weight:600}.result-rewards{align-items:center;color:#7c65e0;display:flex;font-size:13px;gap:6px}.result-streak{color:#ff6b35;font-size:11px}.result-status{color:#8b7355;font-size:12px}.visit-totals{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;color:#5d4e37;display:flex;font-size:16px;font-weight:600;gap:16px;justify-content:center;margin-bottom:16px;padding:12px}.modal-close-btn{background:linear-gradient(135deg,#7c65e0,#5b4bc4);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s}.modal-close-btn:hover{transform:scale(1.05)}.modal-overlay{background:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-overlay,.status-urgent{align-items:center;display:flex}.status-urgent{flex-direction:column;gap:2px}.expiry-icon{animation:bounce .5s infinite;font-size:16px}.expiry-time{background:#fff3e0;border-radius:8px;color:#e65100;font-size:10px;font-weight:600;padding:2px 6px}.buddy-streak.tier-hot{color:#e64a19}.buddy-streak.tier-fire{color:#d32f2f;font-weight:600}.buddy-streak.tier-legendary{animation:glow-text 2s infinite;color:#7c4dff;font-weight:600}@keyframes glow-text{0%,to{text-shadow:0 0 4px #7c4dff66}50%{text-shadow:0 0 12px #7c4dffcc}}.visitor-expiry{color:#e65100;font-size:11px;font-weight:500;margin-left:4px}.streak-progress{color:#ff9800}.gem-preview,.streak-progress{font-size:13px;font-weight:600}.gem-preview{align-items:center;color:#7c65e0;display:flex;gap:4px}.gem-preview.tier-hot{color:#e64a19}.gem-preview.tier-fire{color:#d32f2f}.gem-preview.tier-legendary{color:#7c4dff;text-shadow:0 0 8px #7c4dff4d}.visitor-sections{display:flex;flex-direction:column;gap:16px}.visitor-section{display:flex;flex-direction:column;gap:8px}.section-header{align-items:center;border-radius:8px;display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:8px 12px}.section-header.expiring{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.section-header.active{background:linear-gradient(135deg,#fff8e1,#ffecb3);color:#f57c00}.section-header.new{background:linear-gradient(135deg,#f5f5f5,#eee);color:#757575}.section-count{background:#0000001a;border-radius:10px;font-size:12px;padding:2px 8px}.visitor-card.compact{gap:10px;padding:10px 12px}.visitor-card.compact .visitor-avatar{height:36px;width:36px}.visitor-card.compact .visitor-info{gap:1px}.visitor-card.compact .visitor-name{font-size:14px}.visitor-meta{color:#8b7355;display:flex;gap:6px}.streak-badge,.visitor-meta{align-items:center;font-size:11px}.streak-badge{background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:10px;color:#fff;display:inline-flex;font-weight:600;justify-content:center;min-width:20px;padding:2px 6px}.streak-badge.hot{background:linear-gradient(135deg,#f57c00,#ff9800)}.streak-badge.fire{background:linear-gradient(135deg,#e64a19,#ff5722)}.expiry-badge{background:#fff3e0;border-radius:8px;color:#e65100;font-size:10px;font-weight:500;padding:1px 6px}.visitor-card.compact .visit-status{font-size:14px;min-width:24px;text-align:center}.visitor-card.compact .add-buddy-btn{font-size:14px;height:28px;width:28px}.info-btn{background:none;border:none;cursor:pointer;margin-left:6px;padding:0;transition:all .2s;vertical-align:middle}.info-btn:hover{transform:scale(1.1)}.info-btn .info-icon{align-items:center;background:#0000;border:1.5px solid #8b7355;border-radius:50%;color:#8b7355;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:600;height:16px;justify-content:center;position:relative;top:-1px;width:16px}.info-btn:hover .info-icon{background:#8b7355;color:#fff}.rewards-info-modal{background:#fff;border-radius:20px;max-width:320px;padding:24px;text-align:center;width:90%}.rewards-info-modal h3{color:#5d4e37;font-size:20px;margin:0 0 8px}.rewards-intro{color:#8b7355;font-size:14px;margin:0 0 20px}.rewards-tiers{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.reward-tier{align-items:center;background:#f8f4f0;border-radius:12px;display:flex;font-size:15px;gap:12px;justify-content:center;padding:12px 16px}.reward-tier.legendary{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:2px solid #ce93d8}.tier-streak{color:#5d4e37;font-weight:600;min-width:90px;text-align:left}.tier-arrow{color:#bdbdbd}.tier-gems{color:#7c65e0;font-weight:700;min-width:50px;text-align:right}.reward-tier.legendary .tier-gems{color:#9c27b0}.rewards-tip{background:#fff8e1;border-radius:8px;color:#8b7355;font-size:13px;margin:0 0 20px;padding:12px}.purchase-confirm-overlay{align-items:center;background:#00000080;border-radius:20px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.purchase-confirm-modal{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;padding:24px;text-align:center;width:280px}.purchase-confirm-modal h3{color:#5c4033;font-size:18px;margin:0 0 16px}.confirm-item-preview{align-items:center;background:#f5ebe0;border-radius:12px;display:flex;height:80px;justify-content:center;margin:0 auto 12px;width:80px}.confirm-item-preview img{max-height:60px;max-width:60px;object-fit:contain}.confirm-item-preview .placeholder-icon{font-size:36px}.confirm-item-name{color:#5c4033;font-size:16px;font-weight:600;margin:0 0 8px}.confirm-price{align-items:center;color:#8b7355;display:flex;font-size:15px;gap:6px;justify-content:center;margin:0 0 20px}.confirm-actions{display:flex;gap:12px}.confirm-actions .cancel-btn{background:#fff;border:1px solid #e0d5c8;border-radius:10px;color:#8b7355;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.confirm-actions .cancel-btn:hover{background:#f5ebe0}.confirm-actions .confirm-btn{background:linear-gradient(135deg,#7db87d,#5a9a5a);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.confirm-actions .confirm-btn:hover{box-shadow:0 4px 12px #7db87d66;transform:translateY(-1px)}.confirm-actions .confirm-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.shop-items-header{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:6px 16px 10px}.items-count{color:#8b7355;font-weight:500}.show-owned-toggle{background:none;border:none;border-radius:6px;color:#a8967a;cursor:pointer;font-size:12px;padding:4px 8px}.show-owned-toggle:hover{background:#f5ebe0}.show-owned-toggle.active{color:#5c4033}.shop-item-price{align-items:center;color:#5c4033;display:flex;font-size:13px;font-weight:600;gap:6px}.shop-item-price .price-dot{color:#d4c4b0}.shop-item-price .cant-afford{color:#bbb}.shop-item-card:not(.owned){cursor:pointer}.shop-item-card:not(.owned):hover{background:#fcfff9;border-color:#7db87d}.shop-item-card:not(.owned):active{transform:scale(.98)}.owned-section-divider{border-top:1px solid #e5d5c5;color:#a8967a;font-size:11px;letter-spacing:1px;margin-top:8px;padding:12px 0 6px;text-align:center;text-transform:uppercase}.shop-item-card.owned{cursor:default;opacity:.5}.shop-owned-check{color:#7db87d;font-weight:600}.visitor-card.compact{align-items:center;flex-direction:column;gap:6px;justify-content:flex-start;min-height:120px;padding:12px 8px;text-align:center}.visitor-card.compact .visitor-avatar{height:50px;margin-bottom:4px;width:50px}.visitor-card.compact .visitor-info{align-items:center;flex-direction:column;gap:4px;width:100%}.visitor-card.compact .visitor-name{align-items:center;color:#5d4e37;display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;gap:4px;justify-content:center}.visitor-card.compact .visitor-meta{align-items:center;display:flex;font-size:11px;gap:6px;justify-content:center}.visitor-card.compact .visitor-actions{align-items:center;display:flex;justify-content:center;margin-top:auto}.visitor-card.compact .visit-status{color:#8b7355;font-size:16px}.visitor-card.compact.visited .visit-status{color:#4caf50}.visitor-card.compact .buddy-badge{font-size:12px}.visitor-card.compact .add-buddy-btn{display:none}.visitor-card.compact .expiry-badge{font-size:9px;padding:1px 4px}@media (max-width:360px){.visitor-cards{grid-template-columns:repeat(2,1fr)}}.furniture-box-banner{align-items:center;background:linear-gradient(135deg,#fff8e7,#ffe4b5);border:2px solid gold;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:12px;padding:12px;transition:all .2s ease}.furniture-box-banner:hover{box-shadow:0 4px 16px #ffc1074d;transform:translateY(-2px)}.box-banner-image{flex-shrink:0;height:50px;width:50px}.box-banner-image img{height:100%;object-fit:contain;width:100%}.box-banner-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.box-banner-title{color:#5c4033;font-size:14px;font-weight:700}.box-banner-desc{color:#8b7355;font-size:11px}.box-banner-action{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.box-banner-price{color:#5c4033;font-size:12px;font-weight:600}.box-banner-btn{color:#d4a574;font-size:12px;font-weight:600}.box-open-modal{background:#fff;border-radius:20px;max-width:320px;padding:24px;position:relative;text-align:center;width:90%}.modal-close-x{background:none;border:none;color:#8b7355;cursor:pointer;font-size:20px;padding:4px 8px;position:absolute;right:12px;top:12px}.box-modal-preview{align-items:center;display:flex;height:120px;justify-content:center;margin:0 auto 16px;width:120px}.box-modal-image{max-height:100%;max-width:100%;object-fit:contain}.box-modal-title{color:#5c4033;font-size:20px;font-weight:700;margin:0 0 4px}.box-modal-subtitle{color:#8b7355;font-size:13px;margin:0 0 4px}.box-modal-count{color:#d4a574;font-size:14px;margin:0 0 20px}.box-modal-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.box-modal-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;transition:all .2s ease}.box-modal-btn.gems{background:linear-gradient(135deg,#ce93d8,#ba68c8);box-shadow:0 4px 12px #ba68c84d;color:#fff}.box-modal-btn.gems:hover:not(:disabled){box-shadow:0 4px 16px #7b5cd666;transform:translateY(-2px)}.box-modal-btn.coins{background:linear-gradient(135deg,#ffd54f,#ffa726);box-shadow:0 4px 12px #ffa7264d;color:#5c4033}.box-modal-btn.coins:hover:not(:disabled){box-shadow:0 4px 16px #ffb30066;transform:translateY(-2px)}.box-modal-btn:disabled{cursor:not-allowed;opacity:.5}.box-modal-cancel{background:none;border:none;color:#a8967a;cursor:pointer;font-size:14px;padding:8px}.box-modal-cancel:hover{color:#8b7355}.pull-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.pull-modal{max-width:400px;padding:20px;width:100%}.pull-animation.shake{text-align:center}.pull-animation.shake .pull-box{animation:shake .5s infinite;height:120px;margin:0 auto 20px;width:120px}.pull-animation.shake .pull-box img{height:100%;object-fit:contain;width:100%}@keyframes shake{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-10px) rotate(-5deg)}50%{transform:translateX(10px) rotate(5deg)}75%{transform:translateX(-10px) rotate(-3deg)}}.pull-text{animation:pulse-text .8s infinite;color:#fff;font-size:18px;font-weight:600}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.pull-animation.burst{align-items:center;display:flex;height:300px;justify-content:center;position:relative;width:100%}.burst-effect{animation:burstExpand .4s ease-out forwards;background:radial-gradient(circle at center,#ffd700cc 0,#0000 70%);bottom:0;left:0;position:fixed;right:0;top:0}@keyframes burstExpand{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.light-rays{animation:rotateRays 2s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#ffd70099 10deg,#0000 20deg,#0000 30deg,#ffd70099 40deg,#0000 50deg,#0000 60deg,#ffd70099 70deg,#0000 80deg,#0000 90deg,#ffd70099 100deg,#0000 110deg,#0000 120deg,#ffd70099 130deg,#0000 140deg,#0000 150deg,#ffd70099 160deg,#0000 170deg,#0000 180deg,#ffd70099 190deg,#0000 200deg,#0000 210deg,#ffd70099 220deg,#0000 230deg,#0000 240deg,#ffd70099 250deg,#0000 260deg,#0000 270deg,#ffd70099 280deg,#0000 290deg,#0000 300deg,#ffd70099 310deg,#0000 320deg,#0000 330deg,#ffd70099 340deg,#0000 350deg,#0000 1turn);border-radius:50%;height:200px;position:absolute;width:200px}@keyframes rotateRays{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.burst-particles{height:100%;position:absolute;width:100%}.particle{animation:particleBurst .6s ease-out forwards;font-size:24px;position:absolute}.particle.p1{animation-delay:0s;left:50%;top:50%}.particle.p2{animation-delay:.05s;left:50%;top:50%}.particle.p3{animation-delay:.1s;left:50%;top:50%}.particle.p4{animation-delay:.15s;left:50%;top:50%}.particle.p5{animation-delay:.2s;left:50%;top:50%}.particle.p6{animation-delay:.25s;left:50%;top:50%}@keyframes particleBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(calc(-50% + 100px),calc(-50% - 100px)) scale(1);transform:translate(calc(-50% + var(--x, 100px)),calc(-50% + var(--y, -100px))) scale(1)}}.particle.p1{--x:-80px;--y:-120px}.particle.p2{--x:80px;--y:-100px}.particle.p3{--x:-100px;--y:50px}.particle.p4{--x:100px;--y:60px}.particle.p5{--x:0px;--y:-140px}.particle.p6{--x:0px;--y:100px}.pull-animation.reveal{animation:revealPop .3s ease-out;background:#fff;border-radius:24px;padding:32px 24px;position:relative;text-align:center}@keyframes revealPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.reveal-glow{border-radius:34px;inset:-10px;position:absolute;z-index:-1}.pull-animation.reveal.common .reveal-glow{background:radial-gradient(circle,#9ca3af4d 0,#0000 70%)}.pull-animation.reveal.rare .reveal-glow{animation:glowPulse 2s infinite;background:radial-gradient(circle,#a78bfa80 0,#0000 70%)}.pull-animation.reveal.legendary .reveal-glow{animation:legendaryGlow 1.5s infinite;background:radial-gradient(circle,#f59e0b99 0,#0000 70%)}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes legendaryGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.reveal-item{align-items:center;animation:itemBounce .5s ease-out;background:#f5ebe0;border-radius:16px;display:flex;height:120px;justify-content:center;margin:0 auto 20px;width:120px}@keyframes itemBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.reveal-item img{max-height:90%;max-width:90%;object-fit:contain}.reveal-item .furniture-icon{font-size:48px}.reveal-info{margin-bottom:20px}.rarity-label{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:8px;padding:4px 12px;text-transform:uppercase}.rarity-label.common{background:#e5e7eb;color:#6b7280}.rarity-label.rare{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}.rarity-label.legendary{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#78350f}.reveal-name{color:#5c4033;font-size:20px;font-weight:700;margin:8px 0}.new-item-msg{color:#10b981;font-size:14px;font-weight:600;margin:0}.already-owned-msg{color:#8b7355;font-size:14px;margin:0}.close-reveal-btn{background:linear-gradient(135deg,#d4a574,#c4956a);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.close-reveal-btn:hover{box-shadow:0 4px 12px #d4a57466;transform:translateY(-2px)}@media (max-width:480px){.reveal-item{height:100px;width:100px}.reveal-name{font-size:18px}}.shop-price-buttons{display:flex;gap:6px}.price-pill{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.price-pill.gems{background:linear-gradient(135deg,#9c7cf4,#7b5cd6);color:#fff}.price-pill.gems:hover:not(.disabled){box-shadow:0 3px 8px #7b5cd64d;transform:translateY(-1px)}.price-pill.coins{background:linear-gradient(135deg,#ffd54f,#ffb300);color:#5c4033}.price-pill.coins:hover:not(.disabled){box-shadow:0 3px 8px #ffb3004d;transform:translateY(-1px)}.price-pill.disabled{cursor:not-allowed;opacity:.5}.decorate-placed-item.anim-sparkle:after,.decorate-placed-item.anim-sparkle:before,.placed-furniture.anim-sparkle:after,.placed-furniture.anim-sparkle:before{animation:furniture-sparkle-twinkle 1.5s ease-in-out infinite;color:#fff;content:"✦";font-size:10px;pointer-events:none;position:absolute;text-shadow:0 0 4px gold,0 0 8px gold;z-index:10}.decorate-placed-item.anim-sparkle:before,.placed-furniture.anim-sparkle:before{animation-delay:0s;left:10%;top:5%}.decorate-placed-item.anim-sparkle:after,.placed-furniture.anim-sparkle:after{animation-delay:.5s;right:10%;top:10%}.decorate-placed-item.anim-flame img,.placed-furniture.anim-flame img{animation:furniture-flame-flicker .15s infinite alternate,furniture-flame-sway .8s ease-in-out infinite}.decorate-placed-item.anim-glow img,.placed-furniture.anim-glow img{animation:furniture-glow-pulse 2s ease-in-out infinite}.decorate-placed-item.anim-pulse img,.placed-furniture.anim-pulse img{animation:furniture-pulse-breathe 1.5s ease-in-out infinite}.decorate-placed-item.anim-rainbow img,.placed-furniture.anim-rainbow img{animation:furniture-rainbow-cycle 3s linear infinite}.decorate-placed-item.anim-float img,.placed-furniture.anim-float img{animation:furniture-float-bob 2.5s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.decorate-placed-item[class*=anim-] img,.decorate-placed-item[class*=anim-]:after,.decorate-placed-item[class*=anim-]:before,.placed-furniture[class*=anim-] img,.placed-furniture[class*=anim-]:after,.placed-furniture[class*=anim-]:before{animation:none}}.wall-section{margin:16px}.wall-empty-icon{height:48px;margin-bottom:8px;opacity:.6;width:48px}.wall-empty p{font-size:13px;margin:0}.wall-messages-list{gap:8px}.message-meta{align-items:center;gap:8px}.message-author{font-weight:500}.message-time{flex:1 1}.message-delete-btn{background:none;border:none;color:#ccc;cursor:pointer;font-size:16px;line-height:1;padding:0 4px;transition:color .2s}.message-delete-btn:hover{color:#e74c3c}.message-delete-btn:disabled{cursor:not-allowed;opacity:.5}.wall-toggle-btn{margin-top:4px}.poke-banner{align-items:center;background:linear-gradient(135deg,#fff8f0,#ffeddb);border:1.5px solid #e8d5c4;border-radius:12px;cursor:pointer;display:flex;gap:10px;margin:16px;padding:12px 16px;transition:all .2s ease}.poke-banner:hover{background:linear-gradient(135deg,#ffeddb,#ffe4cc);box-shadow:0 4px 12px #c4956a26;transform:translateY(-1px)}.poke-banner-icon{animation:poke-wiggle 1s ease-in-out infinite;font-size:20px}@keyframes poke-wiggle{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.poke-banner-text{color:#5c4033;flex:1 1;font-size:14px;font-weight:600}.poke-banner-action{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000014;color:#c4956a;font-size:13px;font-weight:600;padding:4px 12px}.poke-popup-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.poke-popup{animation:poke-pop-in .3s ease;background:linear-gradient(145deg,#fff8f0,#fff);border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:340px;overflow-y:auto;padding:32px 24px;position:relative;text-align:center;width:100%}@keyframes poke-pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.poke-popup-close{align-items:center;background:#f5ebe0;border:none;border-radius:50%;color:#8b7355;cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:28px}.poke-popup-close:hover{background:#e8dfd5;color:#5c4033}.poke-popup-icon{animation:poke-bounce .6s ease;font-size:56px;margin-bottom:12px}@keyframes poke-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.poke-popup-title{color:#5d4e3a;font-size:22px;font-weight:700;margin:0 0 4px}.poke-popup-subtitle{color:#8b7355;font-size:14px;margin:0 0 20px}.poke-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;text-align:left}.poke-item{align-items:center;background:#fff8f0;border:1px solid #e8d5c4;border-radius:12px;display:flex;gap:10px;padding:10px 12px}.poke-item-avatar{flex-shrink:0;height:40px;width:40px}.poke-fallback-avatar{align-items:center;display:flex;font-size:28px;height:40px;justify-content:center;width:40px}.poke-item-info{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.poke-item-name{color:#5c4033;font-size:14px;overflow:hidden;text-overflow:ellipsis}.poke-item-name,.poke-item-streak{font-weight:600;white-space:nowrap}.poke-item-streak{background:#fff8f0;border-radius:10px;color:#c4956a;flex-shrink:0;font-size:12px;padding:2px 8px}.poke-item-actions{align-items:center;display:flex;gap:6px}.poke-visit-btn{background:linear-gradient(135deg,#c4956a,#a67c52);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.poke-visit-btn:hover{box-shadow:0 2px 8px #c4956a66;transform:translateY(-1px)}.poke-dismiss-btn{align-items:center;background:#0000;border:1px solid #d4c9bd;border-radius:50%;color:#a8967a;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.poke-dismiss-btn:hover{background:#fff0e5;border-color:#e74c3c;color:#e74c3c}.poke-dismiss-btn:disabled{cursor:not-allowed;opacity:.5}.poke-clear-all{background:none;border:none;color:#a8967a;cursor:pointer;font-size:12px;padding:8px;text-decoration:underline;transition:color .2s ease}.poke-clear-all:hover{color:#e74c3c}.visithouse-container{background:#fff8f0;min-height:100vh;padding-bottom:80px}.visithouse-header{align-items:center;background:#fff;border-bottom:1px solid #f0ebe6;display:flex;justify-content:space-between;padding:16px 20px}.visithouse-header h1{color:#5c4033;font-size:16px;font-weight:700;margin:0}.header-title{flex:1 1;text-align:center}.header-spacer{width:36px}.back-btn{background:none;border:none;color:#8b7355;cursor:pointer;font-size:20px;padding:8px}.visit-notification{background:linear-gradient(135deg,#7db87d,#6ba86b);color:#fff;font-size:14px;font-weight:600;padding:10px 16px;text-align:center}.visithouse-container .room-container{box-shadow:0 4px 12px #5c40331a;margin:16px;position:relative}.visithouse-container .wall-area{align-items:center;background:linear-gradient(180deg,linen,#f5e6d3);display:flex;justify-content:space-around;min-height:80px;padding:20px}.visithouse-container .wall-decoration{font-size:28px;opacity:.7}.visithouse-container .floor-area{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;min-height:180px;padding:30px 20px 40px;position:relative}.visithouse-container .floor-area,.visithouse-container .floor-basic-wood .floor-area{background:linear-gradient(180deg,#deb887,#d4a574)}.visithouse-container .wall-basic-cream .wall-area{background:linear-gradient(180deg,linen,#f5e6d3)}.visithouse-container .house-capybara{position:relative;z-index:2}.visithouse-container .no-capybara{font-size:64px}.capybara-name-tag{align-items:center;color:#5c4033;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:8px}.level-tag{background:#ffffffb3;border-radius:10px;color:#8b7355;font-size:12px;padding:2px 8px}.floating-heart{animation:heart-pop 1.5s ease-out forwards;font-size:48px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}@keyframes heart-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}30%{transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-150%) scale(1)}}.visithouse-container .house-stats{background:#fff;border-radius:16px;box-shadow:0 2px 8px #5c403314;display:flex;gap:40px;justify-content:center;margin:0 16px;padding:20px}.visithouse-container .stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.visithouse-container .stat-icon{font-size:20px}.visithouse-container .stat-value{color:#5c4033;font-size:24px;font-weight:700}.visithouse-container .stat-label{color:#8b7355;font-size:12px}.visit-actions{display:flex;gap:10px;padding:16px 20px}.visit-actions .action-btn{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 12px;position:relative;transition:all .2s}.like-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff}.like-btn:hover:not(:disabled){box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-2px)}.like-btn.liked{background:#ffe4e4;color:#ff6b6b}.poke-btn{background:#fff0e0;color:#e6994d}.poke-btn:hover{background:#ffe4cc}.note-btn{background:#f5f0eb;color:#8b7355}.visithouse-container .error-state,.visithouse-container .loading-state{align-items:center;color:#8b7355;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.error-state button{background:#5c4033;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px 20px}.header-streak{color:#ff6b35;display:block;font-size:12px;font-weight:600;margin-top:2px}.streak-notification{color:#ffe4cc;font-weight:700}.visit-notification{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.wall-empty{font-size:14px}.wall-messages-list{display:flex;flex-direction:column;gap:10px}.wall-message{background:#fffbf5;border-left:3px solid #d4a574;padding:12px 14px;transform:rotate(-.5deg)}.wall-message:nth-child(2n){transform:rotate(.5deg)}.message-author{font-weight:600}.message-time{opacity:.8}.visithouse-container .room-container{border-radius:20px;box-shadow:0 4px 12px #5c403326;overflow:hidden}.visithouse-container .furniture-layer{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.visithouse-container .placed-furniture{position:absolute;transform:translate(-50%,-50%)}.visithouse-container .placed-furniture img{filter:drop-shadow(0 3px 6px rgba(0,0,0,.2));height:60px;object-fit:contain;width:60px}.visithouse-container .placed-furniture.zone-wall img{height:50px;width:50px}.visithouse-container .placed-furniture.zone-floor img{height:70px;width:70px}.visithouse-container .capybara-layer{z-index:10}.visithouse-container .capybara-body{z-index:1!important}.visithouse-container .capybara-expression{z-index:2!important}.visithouse-container .house-capybara{align-items:center;animation:gentle-bob 3s ease-in-out infinite;display:flex;flex-direction:column}@keyframes gentle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.visithouse-container .capy-name-tag{background:#fff8f0d9;border:1px solid #d4a57433;border-radius:10px;box-shadow:0 1px 4px #5c40331a;color:#7a6555;font-size:11px;font-weight:600;letter-spacing:.3px;margin-top:0;padding:3px 10px}.visitor-capybara-layer{touch-action:none;transition:transform .1s ease;user-select:none;-webkit-user-select:none}.visitor-capybara-layer.dragging{z-index:100}.visitor-capybara{align-items:center;display:flex;flex-direction:column;opacity:.9}.visitor-capybara-layer:not(.dragging) .visitor-capybara{animation:gentle-bob 3s ease-in-out infinite;animation-delay:.5s}.visitor-capy-tag{background:linear-gradient(135deg,#7db87d,#6ba86b);border-radius:8px;box-shadow:0 1px 3px #0003;color:#fff;font-size:9px;font-weight:600;margin-top:2px;padding:2px 8px}.inline-stats{align-items:center;color:#8b7355;display:flex;font-size:13px;gap:10px;justify-content:center;padding:10px 0}.inline-stat{font-weight:600}.stat-dot{color:#d4c4b0}.visithouse-container .visit-actions{display:flex;gap:10px;justify-content:center;padding:0 20px 12px}.visithouse-container .visit-actions .action-btn{align-items:center;background:#f5ebe0;border:none;border-radius:20px;color:#8b7355;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:5px;padding:10px 18px;transition:all .2s ease}.visithouse-container .visit-actions .like-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff}.visithouse-container .visit-actions .like-btn.liked{background:#e8f5e9;color:#7db87d}.visithouse-container .visit-actions .action-btn:active{transform:scale(.96)}.note-picker{background:#fff;border-radius:16px;box-shadow:0 4px 20px #5c40331f;margin:0 16px 16px;overflow:hidden}.note-picker-header{align-items:center;background:#fff8f0;border-bottom:1px solid #f0e6d9;display:flex;justify-content:space-between;padding:14px 16px}.note-picker-header h4{color:#5c4033;font-size:15px;font-weight:600;margin:0}.note-picker-header button{align-items:center;background:#f5ebe0;border:none;border-radius:50%;color:#8b7355;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.note-picker-header button:hover{background:#ede3d6}.note-picker .custom-note-section{padding:16px}.note-picker .custom-note-input{background:#fdfcfb;border:2px solid #f0e6d9;border-radius:12px;box-sizing:border-box;color:#5c4033;font-family:inherit;font-size:14px;outline:none;padding:14px;resize:none;transition:border-color .2s ease;width:100%}.note-picker .custom-note-input:focus{background:#fff;border-color:#d4a574}.note-picker .custom-note-input::placeholder{color:#c4b5a5}.note-picker .note-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.note-picker .note-char-count{color:#a8967a;font-size:12px}.note-picker .send-note-btn{background:linear-gradient(135deg,#7db87d,#6ba86b);border:none;border-radius:20px;box-shadow:0 2px 8px #7db87d4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.note-picker .send-note-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.note-picker .send-note-btn:not(:disabled):hover{box-shadow:0 4px 12px #7db87d66;transform:translateY(-2px)}.note-picker .send-note-btn:not(:disabled):active{transform:scale(.96)}.wall-section{background:#fff;border-radius:16px;box-shadow:0 2px 10px #5c40330f;margin:0 16px 20px;padding:16px}.wall-section h3{align-items:center;color:#5c4033;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 12px}.wall-message{background:#fff8f0;border-radius:10px;margin-bottom:8px;padding:12px}.wall-message:last-child{margin-bottom:0}.message-content{word-wrap:break-word;color:#5c4033;font-size:14px;margin-bottom:6px}.message-meta{color:#a8967a;display:flex;font-size:11px;justify-content:space-between}.wall-empty{color:#a8967a;font-size:13px;padding:20px;text-align:center}.placed-furniture.anim-sparkle:after,.placed-furniture.anim-sparkle:before{animation:furniture-sparkle-twinkle 1.5s ease-in-out infinite;color:#fff;content:"✦";font-size:10px;pointer-events:none;position:absolute;text-shadow:0 0 4px gold,0 0 8px gold;z-index:10}.placed-furniture.anim-sparkle:before{animation-delay:0s;left:10%;top:5%}.placed-furniture.anim-sparkle:after{animation-delay:.5s;right:10%;top:10%}@keyframes furniture-sparkle-twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.placed-furniture.anim-flame img{animation:furniture-flame-flicker .15s infinite alternate,furniture-flame-sway .8s ease-in-out infinite}@keyframes furniture-flame-flicker{0%{filter:brightness(1) drop-shadow(0 0 3px #ff6b35)}to{filter:brightness(1.1) drop-shadow(0 0 6px #ff4500)}}@keyframes furniture-flame-sway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.placed-furniture.anim-glow img{animation:furniture-glow-pulse 2s ease-in-out infinite}@keyframes furniture-glow-pulse{0%,to{filter:drop-shadow(0 0 5px #ffd700) drop-shadow(0 0 10px #ffaa00)}50%{filter:drop-shadow(0 0 15px #ffd700) drop-shadow(0 0 25px #ffaa00)}}.placed-furniture.anim-pulse img{animation:furniture-pulse-breathe 1.5s ease-in-out infinite}@keyframes furniture-pulse-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.placed-furniture.anim-rainbow img{animation:furniture-rainbow-cycle 3s linear infinite}@keyframes furniture-rainbow-cycle{0%{filter:hue-rotate(0deg) drop-shadow(0 0 8px rgba(255,0,0,.5))}33%{filter:hue-rotate(120deg) drop-shadow(0 0 8px rgba(0,255,0,.5))}66%{filter:hue-rotate(240deg) drop-shadow(0 0 8px rgba(0,0,255,.5))}to{filter:hue-rotate(1turn) drop-shadow(0 0 8px rgba(255,0,0,.5))}}.placed-furniture.anim-float img{animation:furniture-float-bob 2.5s ease-in-out infinite}@keyframes furniture-float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.placed-furniture[class*=anim-] img,.placed-furniture[class*=anim-]:after,.placed-furniture[class*=anim-]:before{animation:none}}body.native-app .visithouse-header{background:#fff;left:0;padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:0;z-index:1000}body.native-app .visithouse-container{padding-top:calc(60px + env(safe-area-inset-top, 0px))}.wall-toggle-btn{background:#0000;border:1px dashed #d4a574;border-radius:8px;color:#8b7355;cursor:pointer;display:block;font-size:12px;margin-top:8px;padding:8px;transition:all .2s ease;width:100%}.wall-toggle-btn:hover{background:#fff8f0;color:#5c4033}.action-btn.poke-btn.poked{background:linear-gradient(135deg,#f5ebe0,#e8dfd5);color:#8b7355;cursor:default;min-width:80px}.action-btn.poke-btn.poked:hover{box-shadow:none;transform:none}.poke-btn-content{align-items:center;color:#c4956a;display:inline-flex;font-size:15px;font-weight:600;gap:4px;justify-content:center;white-space:nowrap}.poke-milestone-toast{animation:milestone-pop .3s ease,milestone-fade 3s ease forwards;background:linear-gradient(135deg,gold,orange);border-radius:20px;box-shadow:0 4px 20px #ffa50066;color:#5c4033;font-size:16px;font-weight:700;left:50%;padding:12px 24px;position:fixed;top:100px;transform:translateX(-50%);z-index:2000}@keyframes milestone-pop{0%{opacity:0;transform:translateX(-50%) scale(.5)}50%{transform:translateX(-50%) scale(1.1)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes milestone-fade{0%,70%{opacity:1}to{opacity:0}}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{max-width:100vw;overflow-x:hidden;width:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff8f0;font-size:16px}body{background:linear-gradient(145deg,#fff8f0,#fff5e6 50%,#f5ebe0);background-color:#fff8f0;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh;min-height:100dvh;overscroll-behavior:none}body.native-app{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0}body.native-app .capycoins-container,body.native-app .inv-container,body.native-app .more-page,body.native-app .myhouse-container,body.native-app .rewards-container,body.native-app .user-management-container,body.native-app .visithouse-container,body.native-app .wallet-container,body.native-app .work-hub,body.native-app .writeups-container{-webkit-overflow-scrolling:touch;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px));padding-top:calc(60px + env(safe-area-inset-top, 0px));position:fixed;right:0;top:0}body.native-app .featured-page,body.native-app .my-capybara-page{padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px));padding-top:calc(70px + env(safe-area-inset-top, 0px))}body.native-app .featured-page,body.native-app .my-capybara-page,body.native-app .policy-page{-webkit-overflow-scrolling:touch;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0}body.native-app .policy-page{padding-bottom:calc(48px + env(safe-area-inset-bottom, 0px));padding-top:env(safe-area-inset-top,0)}.App{min-height:100vh;overflow-x:hidden}button,input,select,textarea{font-size:16px!important}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}:focus-visible{outline:2px solid #4a6741;outline-offset:2px}::selection{background:#4a674133;color:#1f2937}a{color:#4a6741;text-decoration:none;transition:color .2s ease}a:hover{color:#3d5636}button,input,select,textarea{font-family:inherit}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}.page-with-nav{min-height:100vh;overflow-x:hidden;padding-bottom:calc(100px + env(safe-area-inset-bottom, 20px))}@media (min-width:768px){.page-with-nav{padding-bottom:40px}}@media (max-width:767px){.page-with-bottom-nav{padding-bottom:calc(100px + env(safe-area-inset-bottom, 20px))!important}}
/*# sourceMappingURL=main.2fb632f8.css.map*/