.user-login-page{width:100%;min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#fdf2f8,#fff,#fdf2f8);display:flex;flex-direction:column;position:relative;overflow:hidden}@keyframes pageBreath{0%,to{background:linear-gradient(180deg,#fdf2f8,#fff,#fdf2f8)}50%{background:linear-gradient(180deg,#fce7f3,#fff,#fce7f3)}}.page-sparkles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.sparkle{position:absolute;width:4px;height:4px;background:#f9a8d4;border-radius:50%;animation:sparkleFloat 6s ease-in-out infinite;opacity:0}.sparkle:nth-child(1){left:10%;top:20%;animation-delay:0s}.sparkle:nth-child(2){left:30%;top:60%;animation-delay:1s}.sparkle:nth-child(3){left:50%;top:30%;animation-delay:2s}.sparkle:nth-child(4){left:70%;top:70%;animation-delay:.5s}.sparkle:nth-child(5){left:85%;top:40%;animation-delay:1.5s}.sparkle:nth-child(6){left:20%;top:80%;animation-delay:3s}.sparkle:nth-child(7){left:60%;top:15%;animation-delay:2.5s}.sparkle:nth-child(8){left:90%;top:55%;animation-delay:4s}@keyframes sparkleFloat{0%,to{opacity:0;transform:scale(0) translateY(0)}50%{opacity:.8;transform:scale(1) translateY(-20px);box-shadow:0 0 10px #f9a8d499}}.floating-petals{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.floating-petal{position:absolute;bottom:-60px;animation:float-up ease-in-out infinite}.floating-petal svg{fill:#f9a8d4;opacity:.3;filter:blur(.5px)}.floating-petal:nth-child(1){left:5%;width:16px;height:16px;animation-duration:14s;animation-delay:0s}.floating-petal:nth-child(2){left:15%;width:12px;height:12px;animation-duration:17s;animation-delay:2s}.floating-petal:nth-child(3){left:25%;width:18px;height:18px;animation-duration:12s;animation-delay:1s}.floating-petal:nth-child(4){left:40%;width:14px;height:14px;animation-duration:15s;animation-delay:3s}.floating-petal:nth-child(5){left:55%;width:20px;height:20px;animation-duration:16s;animation-delay:.5s}.floating-petal:nth-child(6){left:70%;width:11px;height:11px;animation-duration:18s;animation-delay:2.5s}.floating-petal:nth-child(7){left:85%;width:15px;height:15px;animation-duration:13s;animation-delay:1.5s}.floating-petal:nth-child(8){left:95%;width:17px;height:17px;animation-duration:15s;animation-delay:4s}@keyframes float-up{0%{transform:translateY(0) rotate(0) scale(.8);opacity:0}10%{opacity:.4;transform:scale(1)}50%{opacity:.25}90%{opacity:.15}to{transform:translateY(-120vh) rotate(360deg) scale(.6);opacity:0}}.login-header{position:relative;z-index:1;padding:60px 24px 28px;background:linear-gradient(180deg,#fdf2f8 0%,transparent 100%);display:flex;flex-direction:column;align-items:center}.login-header:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,#f472b6,transparent);border-radius:0 0 2px 2px;animation:lineExpand .8s ease-out forwards;transform-origin:center}@keyframes lineExpand{0%{width:0;opacity:0}to{width:80px;opacity:1}}.login-header__title{font-size:32px;font-weight:700;letter-spacing:12px;text-align:center;background:linear-gradient(135deg,#be185d,#db2777 40%,#ec4899,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:0;animation:titleFadeIn .7s ease-out .2s forwards,titleShimmer 3s ease-in-out infinite 1s;position:relative;background-size:200% 200%}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-header__title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(90deg,transparent,#f472b6,transparent);animation:titleUnderline .6s ease-out .9s forwards;opacity:0}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes titleUnderline{0%{width:0;opacity:0}to{width:40px;opacity:1}}.login-header__subtitle{font-size:13px;color:#9ca3af;letter-spacing:3px;text-align:center;margin-top:16px;opacity:0;animation:subtitleFadeIn .6s ease-out .4s forwards}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(8px);letter-spacing:6px}to{opacity:1;transform:translateY(0);letter-spacing:3px}}.login-header__divider{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;opacity:0;animation:dividerFadeIn .5s ease-out .6s forwards}@keyframes dividerFadeIn{0%{opacity:0}to{opacity:1}}.login-header__divider-line{width:45px;height:1px;background:linear-gradient(90deg,transparent,#fce7f3)}.login-header__divider-line:last-child{background:linear-gradient(90deg,#fce7f3,transparent)}.login-header__divider-dot{width:5px;height:5px;background:#f472b6;border-radius:50%;box-shadow:0 0 8px #f472b680;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);box-shadow:0 0 8px #f472b680}50%{transform:scale(1.2);box-shadow:0 0 16px #f472b6cc}}.login-card{position:relative;z-index:1;margin:24px 20px 0;background:#fff;border-radius:28px;padding:32px 28px;box-shadow:0 4px 24px #db277714,0 1px 2px #0000000a;border:1px solid rgba(252,231,243,.8);animation:cardEnter .7s cubic-bezier(.34,1.56,.64,1) .5s forwards;opacity:0;transform:translateY(20px)}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #db27771f,0 2px 4px #0000000f}.login-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:4px;background:linear-gradient(90deg,#f472b6,#ec4899);border-radius:0 0 6px 6px}.login-form__item{margin-bottom:20px;animation:formItemEnter .5s ease-out both}.login-form__item:nth-child(1){animation-delay:.6s}.login-form__item:nth-child(2){animation-delay:.7s}@keyframes formItemEnter{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.login-form__label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#4b5563;margin-bottom:10px;letter-spacing:.5px}.login-form__label svg{width:16px;height:16px;color:#ec4899;flex-shrink:0}.login-form__input{width:100%;height:50px;padding:0 16px;background:linear-gradient(135deg,#fdf2f8,#fff);border:1.5px solid #FCE7F3;border-radius:12px;font-size:15px;color:#1f2937;transition:all .3s ease}.login-form__input::-moz-placeholder{color:#c9cdd4;-moz-transition:color .3s ease;transition:color .3s ease}.login-form__input::placeholder{color:#c9cdd4;transition:color .3s ease}.login-form__input:focus{outline:none;border-color:#ec4899;background:#fff;box-shadow:0 0 0 3px #ec48991a,0 0 20px #ec48991a;animation:inputFocus .3s ease-out}@keyframes inputFocus{0%{box-shadow:0 0 #ec489933}to{box-shadow:0 0 0 3px #ec48991a,0 0 20px #ec48991a}}.login-form__error{display:block;font-size:12px;color:#ef4444;margin-top:6px;padding-left:2px;animation:errorShake .4s ease-out}@keyframes errorShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.operator-info{position:relative;padding:16px;background:linear-gradient(135deg,#fff,#fdf2f8);border-radius:16px;margin-bottom:24px;border:1px solid rgba(236,72,153,.12);animation:operatorInfoEnter .5s ease-out .75s both;opacity:0;overflow:hidden}.operator-info:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f472b6,#ec4899,#f9a8d4);opacity:.8}.operator-info:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:radial-gradient(circle,rgba(244,114,182,.08) 0%,transparent 70%);border-radius:50%}@keyframes operatorInfoEnter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.operator-info__inner{display:flex;align-items:center}.operator-info__avatar-wrapper{position:relative;margin-right:14px}.operator-info__avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 4px 12px #ec489926,0 1px 3px #00000014;border:3px solid #fff;position:relative}.operator-info__avatar:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,#f472b6,#ec4899) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.operator-info__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.operator-info__online-badge{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#10b981;border:2px solid #fff;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}.operator-info__content{flex:1;min-width:0}.operator-info__header{display:flex;align-items:center;gap:8px}.operator-info__name{font-size:15px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operator-info__badge{padding:2px 8px;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;font-size:10px;font-weight:500;border-radius:10px;letter-spacing:.5px}.operator-info__desc{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;margin-top:4px}.operator-info__desc span{color:#db2777;font-weight:500}.login-form__btn{width:100%;height:52px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 16px #ec489959;transition:all .25s ease;animation:btnEnter .5s ease-out .85s both;opacity:0;position:relative;overflow:hidden}@keyframes btnEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-form__btn:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-form__btn:hover{box-shadow:0 6px 24px #ec489973;transform:translateY(-1px)}.login-form__btn:hover:before{left:150%}.login-form__btn:active{transform:scale(.98) translateY(0);box-shadow:0 2px 10px #ec48994d}.login-form__btn:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;cursor:not-allowed}.login-form__btn:disabled:hover{transform:none}.login-form__hint{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;font-size:12px;color:#9ca3af;animation:hintEnter .4s ease-out 1s both;opacity:0}@keyframes hintEnter{0%{opacity:0}to{opacity:1}}.login-form__hint svg{width:15px;height:15px;color:#f9a8d4;flex-shrink:0}.login-footer{position:relative;z-index:1;text-align:center;padding:40px 24px 32px;margin-top:auto}.login-footer__brand{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#c9cdd4;letter-spacing:.5px}.login-footer__brand svg{width:12px;height:12px;fill:#f9a8d4;opacity:.5}@media screen and (max-width:374px){.login-header{padding:50px 16px 24px}.login-header__title{font-size:26px;letter-spacing:10px}.login-header__subtitle{font-size:11px;letter-spacing:2px;margin-top:12px}.login-header__divider{margin-top:20px}.login-card{margin:20px 14px 0;padding:24px 20px;border-radius:24px}.login-form__item{margin-bottom:16px}.login-form__input{height:46px;padding:0 14px;font-size:14px}.login-form__btn{height:48px;font-size:15px}.operator-info{padding:14px;margin-bottom:20px}.operator-info__avatar{width:48px;height:48px}.operator-info__name{font-size:14px}.login-footer{padding:32px 16px 28px}}@media screen and (min-width:375px)and (max-width:413px){.login-header{padding:56px 20px 26px}.login-header__title{font-size:28px;letter-spacing:11px}.login-card{margin:22px 18px 0;padding:28px 24px}}@media screen and (min-width:414px)and (max-width:480px){.login-header{padding:60px 24px 28px}.login-card{margin:24px 20px 0;padding:32px 28px}}@media screen and (min-width:481px)and (max-width:768px){.login-header{padding:70px 32px 32px}.login-header__title{font-size:36px;letter-spacing:14px}.login-header__subtitle{font-size:14px;letter-spacing:4px;margin-top:18px}.login-header__divider{margin-top:28px}.login-card{margin:28px 24px 0;padding:36px 32px;border-radius:32px}.login-form__item{margin-bottom:22px}.login-form__input{height:52px;padding:0 18px;font-size:16px}.login-form__btn{height:54px;font-size:17px}.login-footer{padding:48px 24px 36px}}@media screen and (min-width:769px){.login-header{padding:80px 40px 36px}.login-header__title{font-size:40px;letter-spacing:16px}.login-header__subtitle{font-size:15px;letter-spacing:5px;margin-top:20px}.login-header__divider{margin-top:32px}.login-card{max-width:420px;margin:32px auto 0;padding:40px 36px;border-radius:36px}.login-form__item{margin-bottom:24px}.login-form__input{height:56px;padding:0 20px;font-size:16px}.login-form__btn{height:56px;font-size:18px}.operator-info{padding:18px;margin-bottom:28px}.operator-info__avatar{width:56px;height:56px}.operator-info__name{font-size:16px}.login-footer{padding:56px 24px 40px}}@media(orientation:landscape)and (max-height:500px){.login-header{padding:20px 24px 16px}.login-header__title{font-size:24px;letter-spacing:10px}.login-header__subtitle,.login-header__divider{display:none}.login-card{margin:12px auto 0;padding:20px 24px;border-radius:24px;max-width:500px}.login-form__item{margin-bottom:14px}.login-form__input{height:44px}.login-form__btn{height:46px}.operator-info{padding:12px;margin-bottom:16px}.login-footer{padding:20px 24px 16px}}@supports (padding: max(0px)){.login-header{padding-top:max(60px,calc(env(safe-area-inset-top,0px) + 40px));padding-bottom:max(28px,calc(env(safe-area-inset-bottom,0px) + 28px))}.login-footer{padding-bottom:max(32px,env(safe-area-inset-bottom,32px))}}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:9998;animation:overlayExpand .4s ease forwards}@keyframes overlayExpand{0%{background:#0000}to{background:#00000080}}.search-sheet{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:50vh;max-height:70dvh;background:#fff;border-radius:32px 32px 0 0;z-index:9999;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -20px 60px #ec489940;transform-origin:bottom center;animation:sheetSpringIn .65s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes sheetSpringIn{0%{transform:translateY(100%) scale(.96);opacity:0}60%{transform:translateY(-6px) scale(1.01);opacity:1}80%{transform:translateY(3px) scale(.995);opacity:1}to{transform:translateY(0) scale(1)}}.search-sheet:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200%;height:150px;background:radial-gradient(ellipse at center top,rgba(236,72,153,.2) 0%,transparent 70%);pointer-events:none;animation:glowPulse 2.5s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.search-handle{display:flex;justify-content:center;padding:12px 0 8px;flex-shrink:0}.search-handle-bar{width:36px;height:4px;background:#e5e7eb;border-radius:2px}.search-input-container{display:flex;align-items:center;gap:10px;padding:0 16px 12px;flex-shrink:0}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;background:#f9fafb;border:1.5px solid #E5E7EB;border-radius:22px;transition:all .2s}.search-input{flex:1;border:none;background:transparent;font-size:15px;color:#1f2937;outline:none}.search-clear-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#d1d5db;border:none;border-radius:50%;color:#6b7280;cursor:pointer;transition:all .2s;flex-shrink:0}.search-clear-btn:hover{background:#9ca3af;color:#fff}.search-cancel-btn{padding:8px 4px;background:none;border:none;font-size:15px;font-weight:500;color:#ec4899;cursor:pointer;white-space:nowrap;transition:color .2s;flex-shrink:0}.search-cancel-btn:hover{color:#db2777}.search-content{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;animation:contentSlideIn .5s ease-out .25s both}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af;font-size:14px;gap:12px}.loading-spinner{width:28px;height:28px;border:3px solid #FCE7F3;border-top-color:#ec4899;border-radius:50%;animation:spin .8s linear infinite}.search-results{padding:12px 16px}.search-results-header{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af;padding:0 4px 12px}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fafafa;border-radius:16px;margin-bottom:8px;cursor:pointer;transition:all .2s}.search-result-item:last-child{margin-bottom:0}.search-result-item:active{background:#f3f4f6;transform:scale(.98)}.result-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#fdf2f8;position:relative;flex-shrink:0}.result-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.live-badge{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#22c55e;border:2px solid white;border-radius:50%}.result-info{flex:1;min-width:0}.result-name{font-size:15px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-sub{font-size:12px;color:#9ca3af;margin-top:2px}.result-action{font-size:12px;font-weight:500;display:flex;align-items:center;gap:2px;padding:6px 12px;border-radius:16px;flex-shrink:0}.result-action.live{color:#ec4899;background:linear-gradient(135deg,#fdf2f8,#fce7f3)}.result-action.offline{color:#9ca3af;background:#f3f4f6}.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.no-results-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-radius:50%;color:#f9a8d4;margin-bottom:16px}.no-results-text{font-size:15px;font-weight:600;color:#6b7280}.no-results-hint{font-size:13px;color:#9ca3af;margin-top:4px}.search-suggestions{padding:8px 16px 24px}.suggestion-section{margin-bottom:24px}.suggestion-section:last-child{margin-bottom:0}.suggestion-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#6b7280;margin-bottom:12px;padding:0 4px}.clear-history{margin-left:auto;padding:4px 8px;background:none;border:none;font-size:12px;color:#9ca3af;cursor:pointer;transition:color .2s}.clear-history:hover{color:#ec4899}.recent-tags{display:flex;flex-wrap:wrap;gap:8px}.recent-tag{padding:8px 14px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:20px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .2s}.recent-tag:active{transform:scale(.96);background:#e5e7eb}.search-content{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;animation:contentSlideIn .5s ease-out .2s both}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-content{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;animation:contentFadeIn .4s ease-out .15s both}@media(max-width:360px){.search-input-container{padding:0 12px 10px}.search-input-wrapper{height:40px;padding:0 14px}.search-result-item{padding:10px}.result-avatar{width:44px;height:44px}}@media(orientation:landscape)and (max-height:500px){.search-sheet{max-height:90dvh}.search-handle{padding:8px 0 6px}.search-input-container{padding-bottom:8px}.search-content{padding-top:8px}}.gift-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;animation:overlayFadeIn .25s ease}.gift-modal{position:relative;width:100%;max-width:380px;max-height:88vh;background:linear-gradient(180deg,#fff5f7,#fff 25%,#fff5f7);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 48px #db277726,0 0 0 1px #ec48990f,inset 0 1px #fff;animation:modalSlideUp .35s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{transform:translateY(50px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.gift-modal:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:280px;height:200px;background:radial-gradient(ellipse at center,rgba(236,72,153,.08) 0%,transparent 70%);pointer-events:none}.gift-modal__decoration{position:absolute;top:0;left:0;right:0;height:110px;pointer-events:none;overflow:hidden}.deco-circle{position:absolute;border-radius:50%}.deco-circle--1{width:150px;height:150px;top:-65px;right:-45px;background:radial-gradient(circle,rgba(236,72,153,.08) 0%,transparent 70%);animation:float 8s ease-in-out infinite}.deco-circle--2{width:110px;height:110px;top:-35px;left:-35px;background:radial-gradient(circle,rgba(244,114,182,.06) 0%,transparent 70%);animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.gift-modal__header{position:relative;z-index:1;padding:20px 16px 14px;text-align:center}.gift-modal__header h3{font-size:19px;font-weight:800;background:linear-gradient(135deg,#db2777,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:.5px}.gift-modal__subtitle{display:block;font-size:13px;color:#a1a1aa;margin-top:5px;font-weight:500}.gift-modal__close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fffffffa;border-radius:50%;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 10px #0000000f;border:none}.gift-modal__close:hover{transform:rotate(90deg) scale(1.08);background:#fff}.gift-modal__close svg{width:15px;height:15px;color:#71717a}.gift-modal__content{flex:1;overflow-y:auto;padding:10px 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.package-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.package-item{flex:1 1 calc(33.333% - 6px);max-width:calc(33.333% - 6px);min-width:90px;position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 6px 10px;background:#fff;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:2px solid transparent;box-shadow:0 2px 10px #ec48990a,0 0 0 1px #00000005}.package-item:hover{transform:translateY(-3px);box-shadow:0 6px 18px #ec48991a,0 0 0 1px #ec489914;border-color:#ec48991a}.package-item--selected{border-color:#ec4899;background:linear-gradient(145deg,#fff5f7,#fff);box-shadow:0 5px 18px #ec48992e,0 0 0 2px #ec48991f}.package-item__name{font-size:11px;font-weight:600;color:#3f3f46;margin-bottom:6px;text-align:center;line-height:1.3;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.package-item__icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(145deg,#fff0f3,#fff);border-radius:50%;margin-bottom:8px;border:2px solid #FECDD3;box-shadow:inset 0 -2px 6px #ec48990a,0 3px 8px #ec48990f;transition:all .3s ease;flex-shrink:0}.package-item:hover .package-item__icon,.package-item--selected .package-item__icon{background:linear-gradient(145deg,#ec4899,#f472b6);border-color:#ec4899;box-shadow:inset 0 2px 4px #ffffff4d,0 4px 14px #ec489940;transform:scale(1.05)}.package-item__duration{font-size:16px;font-weight:800;color:#ec4899;line-height:1;transition:color .3s ease}.package-item:hover .package-item__duration,.package-item--selected .package-item__duration{color:#fff}.package-item__unit{font-size:8px;font-weight:600;color:#fda4af;margin-top:1px;text-transform:uppercase;letter-spacing:.3px;transition:color .3s ease}.package-item:hover .package-item__unit,.package-item--selected .package-item__unit{color:#fffc}.package-item__price{display:flex;align-items:baseline;justify-content:center;gap:1px}.price-symbol{font-size:10px;font-weight:600;color:#ec4899}.price-value{font-size:15px;font-weight:800;color:#ec4899}.package-item__check{position:absolute;top:-6px;right:-6px;width:22px;height:22px;background:linear-gradient(135deg,#db2777,#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #ec489966;animation:checkPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes checkPop{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.package-item__check svg{width:12px;height:12px;color:#fff}.package-detail{margin-top:16px;padding:14px;background:#fff;border-radius:16px;box-shadow:0 3px 14px #ec48990d,inset 0 1px #ffffffe6;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.package-detail__header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#be185d;margin-bottom:12px;padding-bottom:10px;border-bottom:1.5px dashed #fecdd3}.package-detail__header svg{width:16px;height:16px;color:#ec4899}.package-detail__content{display:flex;align-items:flex-start;gap:10px;padding:12px;background:linear-gradient(135deg,#fff5f7,#fff0f3);border-radius:12px;margin-bottom:10px}.package-detail__content svg{width:16px;height:16px;color:#10b981;flex-shrink:0;margin-top:1px}.package-detail__content span{font-size:13px;color:#52525b;line-height:1.55}.package-detail__time{display:flex;align-items:center;gap:6px;font-size:13px;color:#71717a}.package-detail__time svg{width:15px;height:15px;color:#ec4899}.package-detail__time strong{color:#ec4899;font-weight:700}.gift-modal__footer{padding:14px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff0,#fff5f7f2);display:flex;align-items:center;gap:14px}.gift-modal__summary{flex:1}.summary-info{display:flex;flex-direction:column;gap:2px}.summary-name-price{display:flex;align-items:baseline;gap:8px}.summary-time{font-size:14px;font-weight:700;color:#27272a}.summary-price{font-size:22px;font-weight:800;background:linear-gradient(135deg,#db2777,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-duration{font-size:12px;color:#a1a1aa;font-weight:500}.summary-hint{font-size:13px;color:#a1a1aa}.gift-modal__confirm{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 22px;background:linear-gradient(135deg,#db2777,#ec4899);color:#fff;font-size:14px;font-weight:700;border-radius:22px;cursor:pointer;transition:all .25s ease;box-shadow:0 6px 18px #db277759,inset 0 1px #fff3;border:none;letter-spacing:.3px}.gift-modal__confirm:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.gift-modal__confirm:active:before{width:300px;height:300px}.gift-modal__confirm:hover{transform:translateY(-2px);box-shadow:0 8px 24px #db277766,inset 0 1px #fff3}.gift-modal__confirm:active{transform:scale(.97)}.gift-modal__confirm svg{width:16px;height:16px}.gift-modal__confirm--disabled{background:linear-gradient(135deg,#d4d4d8,#e4e4e7);box-shadow:none;cursor:not-allowed}.gift-modal__confirm--disabled:hover{transform:none}.package-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.loading-spinner{width:30px;height:30px;border:2.5px solid #fecdd3;border-top-color:#ec4899;border-radius:50%;animation:spin .8s linear infinite}.package-loading span{font-size:13px;color:#a1a1aa;font-weight:500}.gift-modal__content::-webkit-scrollbar{width:4px}.gift-modal__content::-webkit-scrollbar-track{background:transparent}.gift-modal__content::-webkit-scrollbar-thumb{background:#fecdd3;border-radius:2px}.group-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.group-modal{position:relative;width:100%;max-width:380px;background:linear-gradient(180deg,#fdf2f8,#fff,#fdf2f8);border-radius:24px;overflow:hidden;box-shadow:0 25px 50px #db277740,0 0 0 1px #fffc inset;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{transform:translateY(60px) scale(.92);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.group-modal__bg-decoration{position:absolute;top:0;left:0;right:0;height:200px;pointer-events:none;overflow:hidden}.decoration-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#ec489926,#f472b614)}.decoration-circle--1{width:200px;height:200px;top:-80px;right:-60px;animation:float 6s ease-in-out infinite}.decoration-circle--2{width:150px;height:150px;top:-40px;left:-50px;animation:float 8s ease-in-out infinite reverse}.decoration-circle--3{width:100px;height:100px;top:20px;right:30px;animation:float 5s ease-in-out infinite 1s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.group-modal__header{position:relative;z-index:1;display:flex;justify-content:flex-end;padding:16px 16px 0}.group-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;border:none}.group-modal__close:hover{transform:rotate(90deg) scale(1.1);background:#fff}.group-modal__close svg{width:20px;height:20px;color:#9ca3af}.group-modal__anchor{display:flex;align-items:center;gap:14px;padding:0 24px 20px;position:relative;z-index:1}.anchor-avatar{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 8px 25px #ec48994d}.anchor-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.anchor-live-badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:3px 8px;background:linear-gradient(135deg,#ec4899,#f472b6);border-radius:10px;font-size:10px;font-weight:600;color:#fff;white-space:nowrap}.live-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.anchor-info{flex:1}.anchor-name{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:700;color:#1f2937}.anchor-mood{font-size:13px;color:#9ca3af;margin-top:4px}.group-modal__status-banner{display:flex;align-items:center;justify-content:space-between;margin:0 20px;padding:14px 18px;background:linear-gradient(135deg,#fdf2f8,#fff);border-radius:16px;border:1px solid rgba(236,72,153,.15);position:relative;z-index:1}.status-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;background:linear-gradient(135deg,#ec4899,#f472b6);border-radius:20px;color:#fff;font-size:13px;font-weight:600;box-shadow:0 4px 15px #ec489959;white-space:nowrap}.status-badge svg{width:16px;height:16px}.time-remaining{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;font-weight:500;white-space:nowrap;flex-shrink:0}.time-remaining svg{width:16px;height:16px;color:#f472b6}.group-modal__progress{margin:20px;padding:18px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #ec489914;position:relative;z-index:1}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.progress-title{font-size:14px;font-weight:600;color:#1f2937}.progress-count{font-size:14px;font-weight:600;color:#ec4899}.progress-bar{position:relative;height:12px;background:#fce7f3;border-radius:6px;overflow:hidden;margin-bottom:12px}.progress-bar__fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#ec4899,#f472b6);border-radius:6px;transition:width .5s ease}.progress-bar__shine{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);border-radius:6px 6px 0 0}.progress-user{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;animation:slideInFromRight .4s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes slideInFromRight{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.progress-user:nth-child(2){left:calc(10% - 12px);animation-delay:.1s}.progress-user:nth-child(3){left:calc(30% - 12px);animation-delay:.2s}.progress-user:nth-child(4){left:calc(50% - 12px);animation-delay:.3s}.progress-user:nth-child(5){left:calc(70% - 12px);animation-delay:.4s}.progress-user:nth-child(6){left:calc(90% - 12px);animation-delay:.5s}.progress-user--filled{background:linear-gradient(135deg,#ec4899,#f472b6);box-shadow:0 2px 8px #ec489966}.progress-user--filled svg{width:14px;height:14px;color:#fff}.progress-user--empty{background:#fff;border:2px dashed #fce7f3;animation:emptySlotBreath 2s ease-in-out infinite}@keyframes emptySlotBreath{0%,to{border-color:#fce7f3;box-shadow:0 0 #ec489933}50%{border-color:#f9a8d4;box-shadow:0 0 8px 2px #ec489926}}.progress-user--empty svg{width:14px;height:14px;color:#d1d5db}.progress-hint{text-align:center;font-size:13px;color:#6b7280}.progress-hint .highlight{color:#ec4899;font-weight:700;font-size:16px}.group-modal__footer{display:flex;align-items:center;gap:16px;padding:20px;margin-top:20px;background:linear-gradient(180deg,#fff0,#fdf2f880)}.footer-info{display:flex;align-items:baseline;gap:6px}.footer-price__symbol{font-size:14px;font-weight:600;color:#ec4899}.footer-price__number{font-size:26px;font-weight:800;color:#ec4899}.footer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;font-size:16px;font-weight:700;border-radius:24px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ec489966;border:none}.footer-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ec489980}.footer-btn:active{transform:translateY(0)}.footer-btn svg{width:20px;height:20px}.footer-duration{font-size:13px;color:#9ca3af;margin-left:4px}.footer-hint{font-size:14px;color:#9ca3af}.group-modal__packages{padding:0 20px;margin-top:16px}.packages-header{display:flex;align-items:center;gap:8px;padding:12px 0;color:#6b7280;font-size:14px;font-weight:500;border-top:1px dashed #fce7f3}.packages-header svg{width:18px;height:18px}.packages-loading,.packages-empty{text-align:center;padding:20px;color:#9ca3af;font-size:14px}.packages-grid{display:flex;flex-direction:column;gap:10px;padding-bottom:10px}.package-option{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.package-option:hover{border-color:#f9a8d4;background:#fdf2f8}.package-option.selected{border-color:#ec4899;background:linear-gradient(135deg,#ec489914,#f472b60d)}.package-option__name{font-size:15px;font-weight:600;color:#374151}.package-option__info{display:flex;align-items:center;gap:12px}.package-option__duration{font-size:13px;color:#9ca3af}.package-option__price{font-size:16px;font-weight:700;color:#ec4899}.package-option__check{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:#ec4899;border-radius:50%;display:flex;align-items:center;justify-content:center}.package-option__check svg{width:12px;height:12px;color:#fff}.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:overlayFadeIn .3s ease}.success-modal{position:relative;width:100%;max-width:340px;background:linear-gradient(180deg,#fdf2f8,#fff 30%,#fff 70%,#fdf2f8);border-radius:24px;overflow:hidden;padding:30px 24px;text-align:center;box-shadow:0 25px 60px #db27774d,0 0 0 1px #ffffffe6 inset}.success-modal.animate-in{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:translateY(30px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.success-modal__icon-area{margin-bottom:20px}.success-circle{position:relative;width:100px;height:100px;margin:0 auto}.success-circle__inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px #10b98166;z-index:2}.check-icon{width:32px;height:32px;animation:checkDraw .5s ease forwards}@keyframes checkDraw{0%{stroke-dasharray:24;stroke-dashoffset:24}to{stroke-dasharray:24;stroke-dashoffset:0}}.success-circle__ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border:3px solid #10b981;border-radius:50%;animation:ringPulse 1.5s ease-out infinite}@keyframes ringPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.success-circle__sparkle{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;animation:sparkle 2s ease-in-out infinite}.sparkle-1{top:5px;right:10px;animation-delay:0s}.sparkle-2{bottom:15px;left:5px;animation-delay:.5s}.sparkle-3{top:20px;left:10px;animation-delay:1s}.success-modal__title{margin-bottom:20px}.success-modal__title h2{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px}.success-modal__title p{font-size:14px;color:#9ca3af;margin:0}.success-modal__order{background:linear-gradient(135deg,#fdf2f8,#fff);border-radius:16px;padding:16px;margin-bottom:16px;border:1px solid rgba(236,72,153,.1)}.order-info__row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.order-info__row:not(:last-child){border-bottom:1px dashed rgba(236,72,153,.15)}.order-info__label{font-size:13px;color:#6b7280}.order-info__value{font-size:14px;font-weight:600;color:#1f2937}.order-info__value.highlight{color:#ec4899;font-weight:700}.order-info__value.price{color:#ec4899;font-size:18px;font-weight:800}.success-modal__anchor{margin-bottom:20px}.anchor-card{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d}.anchor-icon{width:28px;height:28px;color:#ec4899}.anchor-card span{font-size:14px;color:#6b7280}.anchor-card strong{color:#ec4899;font-weight:600}.success-modal__actions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.btn-enter{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;font-size:16px;font-weight:700;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #ec489966;animation:btnGlow 2s ease-in-out infinite}@keyframes btnGlow{0%,to{box-shadow:0 8px 25px #ec489966,0 0 #ec48994d}50%{box-shadow:0 8px 25px #ec489980,0 0 20px 5px #ec489933}}.btn-enter:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ec489980}.btn-enter:active{transform:translateY(0)}.btn-icon{width:20px;height:20px}.countdown-badge{position:absolute;right:16px;padding:4px 10px;background:#ffffff40;border-radius:20px;font-size:13px;font-weight:600}.btn-later{padding:12px 24px;background:transparent;color:#9ca3af;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:color .2s ease}.btn-later:hover{color:#6b7280}.success-modal__hint{font-size:12px;color:#9ca3af;padding-top:8px}.offline-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalFadeIn .3s ease}.offline-modal{position:relative;width:100%;max-width:320px;background:linear-gradient(180deg,#f3f4f6,#fff,#f3f4f6);border-radius:24px;overflow:hidden;padding:30px 24px;text-align:center;box-shadow:0 25px 50px #0003;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1)}.offline-modal__decoration{position:absolute;top:0;left:0;right:0;height:120px;pointer-events:none;overflow:hidden}.deco-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#9ca3af26,#d1d5db14)}.deco-circle--1{width:150px;height:150px;top:-70px;right:-40px;animation:float 6s ease-in-out infinite}.deco-circle--2{width:100px;height:100px;top:-20px;left:-30px;animation:float 8s ease-in-out infinite reverse}.offline-modal__close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:50%;cursor:pointer;transition:all .3s ease;border:none;z-index:10}.offline-modal__close:hover{transform:rotate(90deg) scale(1.1);background:#fff}.offline-modal__close svg{width:18px;height:18px;color:#9ca3af}.offline-modal__avatar{margin-bottom:16px}.avatar-wrapper{position:relative;width:90px;height:90px;margin:0 auto}.avatar-wrapper img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e5e7eb}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#e5e7eb,#d1d5db);display:flex;align-items:center;justify-content:center;border:3px solid #e5e7eb}.avatar-placeholder svg{width:45px;height:45px;color:#9ca3af}.offline-badge{position:absolute;bottom:0;right:0;width:30px;height:30px;background:#6b7280;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 2px 8px #00000026}.offline-badge svg{width:16px;height:16px;color:#fff}.offline-modal__name{font-size:20px;font-weight:700;color:#374151;margin:0 0 20px}.offline-modal__status{margin-bottom:20px}.status-icon{width:50px;height:50px;margin:0 auto 12px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:breathe 2s ease-in-out infinite}.status-icon svg{width:24px;height:24px;color:#9ca3af}.offline-modal__status p{font-size:16px;font-weight:600;color:#374151;margin:0 0 6px}.offline-modal__status span{font-size:13px;color:#9ca3af}.offline-modal__tip{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000d;margin-bottom:24px;text-align:left}.tip-icon{width:40px;height:40px;background:linear-gradient(135deg,#ec4899,#f472b6);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tip-icon svg{width:20px;height:20px;color:#fff}.tip-content{display:flex;flex-direction:column;gap:2px}.tip-title{font-size:14px;font-weight:600;color:#1f2937}.tip-desc{font-size:12px;color:#9ca3af}.offline-modal__footer{padding-top:4px}.btn-close{width:100%;padding:14px 24px;background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff;font-size:15px;font-weight:600;border-radius:24px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6b72804d}.btn-close:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}.btn-close:active{transform:translateY(0)}.renew-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.renew-modal{width:100%;max-width:340px;background:linear-gradient(180deg,#fff,#fff5f7,#fff);border-radius:24px;padding:24px 20px 20px;box-shadow:0 25px 50px #ec489940;animation:modalIn .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.renew-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f9a8d4,#ec4899,#f472b6)}@keyframes modalIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.renew-modal__close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#ec48991a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#9f1239}.renew-modal__close:hover{background:#ec489933;transform:scale(1.1)}.renew-modal__icon-area{display:flex;justify-content:center;margin-bottom:16px;position:relative}.renew-circle{position:relative;width:72px;height:72px}.renew-circle__inner{width:72px;height:72px;background:linear-gradient(135deg,#ec4899,#f472b6);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ec489966,inset 0 2px 4px #ffffff4d;position:relative;z-index:2}.renew-circle__ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border:2px solid rgba(236,72,153,.3);border-radius:50%;animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.renew-circle__sparkle{position:absolute;width:6px;height:6px;background:#f9a8d4;border-radius:50%;animation:sparkle 2s ease-in-out infinite}.renew-circle__sparkle:nth-child(1){top:8px;right:8px;animation-delay:0s}.renew-circle__sparkle:nth-child(2){bottom:12px;left:4px;animation-delay:.5s}.renew-circle__sparkle:nth-child(3){top:4px;left:16px;animation-delay:1s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.renew-check-icon{width:36px;height:36px;stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.renew-modal__title{text-align:center;margin-bottom:20px}.renew-modal__title h2{margin:0 0 6px;font-size:22px;font-weight:700;background:linear-gradient(135deg,#be185d,#db2777 40%,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.renew-modal__title p{margin:0;font-size:13px;color:#6b7280}.renew-modal__details{background:#fff;border-radius:20px;padding:16px;margin-bottom:20px;box-shadow:inset 0 0 0 1px #db27770d,0 4px 20px #db277714}.renew-details__row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed rgba(236,72,153,.1)}.renew-details__row:last-child{border-bottom:none;padding-bottom:0}.renew-details__row:first-child{padding-top:0}.renew-details__label{font-size:13px;color:#6b7280}.renew-details__value{font-size:14px;font-weight:600;color:#374151}.renew-details__value.highlight{color:#ec4899;font-weight:700}.renew-details__value.highlight-time{background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:15px}.renew-details__value.price{color:#be185d;font-weight:700;font-size:16px}.renew-modal__actions{display:flex;gap:12px}.btn-renew-close{flex:1;height:52px;padding:0 24px;background:linear-gradient(135deg,#ec4899,#f472b6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 16px #ec489959;display:flex;align-items:center;justify-content:center;gap:6px}.btn-renew-close:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ec489973}.btn-renew-close:active{transform:scale(.98)}.renew-modal__content{opacity:0;animation:fadeSlideIn .4s ease forwards .15s}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.renew-modal__footer{text-align:center;margin-top:16px;font-size:11px;color:#9ca3af}@supports (padding-bottom: env(safe-area-inset-bottom)){.renew-modal-overlay{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media screen and (max-width:374px){.renew-modal{padding:20px 16px 16px;border-radius:20px}.renew-modal__title h2{font-size:20px}.renew-circle,.renew-circle__inner,.renew-circle__ring{width:64px;height:64px}}@media(orientation:landscape)and (max-height:500px){.renew-modal{max-width:300px;padding:16px}.renew-modal__title{margin-bottom:12px}.renew-modal__details{margin-bottom:12px;padding:12px}.renew-modal__icon-area{margin-bottom:8px}.renew-circle,.renew-circle__inner{width:56px;height:56px}}.lr-container{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#000}.lr-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.lr-bg-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lr-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000080,#0003 30%,#0009)}.lr-video-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#000}.lr-video-container video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lr-video-container .live-stream-player{border-radius:0}.lr-petal-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.lr-petal{position:absolute;bottom:-20px;width:12px;height:12px;background:linear-gradient(135deg,#fce7f3,#f9a8d4);border-radius:50% 0 50% 50%;opacity:.5;animation:petalFall linear infinite;filter:blur(.5px);box-shadow:0 0 10px #ec489933}.lr-petal-1{left:10%;animation-duration:15s;animation-delay:0s}.lr-petal-2{left:25%;animation-duration:18s;animation-delay:3s;width:10px;height:10px}.lr-petal-3{left:45%;animation-duration:20s;animation-delay:6s;width:8px;height:8px}.lr-petal-4{left:65%;animation-duration:16s;animation-delay:2s}.lr-petal-5{left:85%;animation-duration:22s;animation-delay:8s;width:14px;height:14px}@keyframes petalFall{0%{transform:translate(0) translateY(0) rotate(0) scale(1);opacity:0}5%{opacity:.5;filter:blur(.5px)}50%{transform:translate(30px) translateY(-50vh) rotate(180deg) scale(1.1);opacity:.5}90%{opacity:.4;filter:blur(.5px)}95%{opacity:.2}to{transform:translate(60px) translateY(-100vh) rotate(360deg) scale(.8);opacity:0}}.lr-loading{width:100%;height:100vh;height:100dvh;background:linear-gradient(180deg,#fff5f7,#fff,#fff5f7);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.lr-loading-spinner{position:relative;width:70px;height:70px}.lr-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-top-color:#ec4899;border-radius:50%;animation:lrSpin 1.2s cubic-bezier(.5,0,.5,1) infinite}.lr-ring:nth-child(2){top:7px;right:7px;bottom:7px;left:7px;border-top-color:#f9a8d4;animation-delay:-.4s;animation-duration:1.5s}.lr-ring:nth-child(3){top:14px;right:14px;bottom:14px;left:14px;border-top-color:#fce7f3;animation-delay:-.8s;animation-duration:1.8s}@keyframes lrSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lr-loading-text{font-size:16px;color:#ec4899;font-weight:600;letter-spacing:1px}.lr-dot{animation:lrDot 1.4s ease-in-out infinite}.lr-dot:nth-child(1){animation-delay:0s}.lr-dot:nth-child(2){animation-delay:.2s}.lr-dot:nth-child(3){animation-delay:.4s}@keyframes lrDot{0%,to{opacity:.3}50%{opacity:1}}.lr-error,.lr-offline{width:100%;height:100vh;height:100dvh;background:linear-gradient(180deg,#fff5f7,#fff,#fff5f7);display:flex;align-items:center;justify-content:center}.lr-error-content,.lr-offline-content{text-align:center;padding:32px;animation:fadeInUp .6s ease-out}.lr-error-icon{margin-bottom:20px}.lr-error-icon svg{width:70px;height:70px;color:#f472b6}.lr-moon{width:80px;height:80px;background:linear-gradient(135deg,#fef3c7,#fcd34d);border-radius:50%;margin:0 auto 20px;box-shadow:0 0 40px #fde04766;animation:moonGlow 3s ease-in-out infinite}@keyframes moonGlow{0%,to{box-shadow:0 0 40px #fde04766}50%{box-shadow:0 0 60px #fde04799}}.lr-error-content h2,.lr-offline-content h2{font-size:22px;color:#1f2937;margin-bottom:8px;font-weight:700}.lr-hint{color:#9ca3af;margin-bottom:24px;font-size:14px}.lr-room-name{font-size:16px;color:#ec4899;margin-bottom:4px;font-weight:600}.lr-btn{padding:12px 28px;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;border-radius:9999px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 8px 25px #ec489966;transition:all .25s ease;position:relative;overflow:hidden}.lr-btn:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.lr-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #ec489980}.lr-btn:hover:before{left:150%}.lr-btn:active{transform:scale(.98) translateY(0)}.lr-top-nav{position:absolute;top:10px;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:flex-start;padding:12px 14px;padding-top:calc(12px + env(safe-area-inset-top));animation:navSlideIn .6s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes navSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.lr-anchor-section{display:flex;align-items:center;gap:12px;animation:slideInLeft .5s cubic-bezier(.34,1.56,.64,1) .1s both}.lr-anchor-capsule{display:flex;align-items:stretch;height:34px;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:17px;border:.8px solid rgba(255,255,255,.15);animation:slideInLeft .5s cubic-bezier(.34,1.56,.64,1) .1s both;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.lr-anchor-capsule:hover{transform:scale(1.03);background:#000000a6;border-color:#ec489980;box-shadow:0 4px 20px #ec48994d}.lr-anchor-capsule:active{transform:scale(.98)}.lr-anchor-cap-avatar{width:34px;height:34px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin:0;flex-shrink:0;transition:all .3s ease}.lr-anchor-capsule:hover .lr-anchor-cap-avatar{transform:scale(1.1);box-shadow:0 0 0 2px #ec489980}.lr-anchor-cap-info{display:flex;flex-direction:column;justify-content:center;gap:0;padding:0 6px;flex:1;justify-content:space-around}.lr-anchor-cap-name{font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap;transition:color .3s ease}.lr-anchor-capsule:hover .lr-anchor-cap-name{color:#fce7f3}.lr-anchor-cap-likes{font-size:10px;font-weight:500;color:#ffffffd9;white-space:nowrap;transition:color .3s ease}.lr-anchor-capsule:hover .lr-anchor-cap-likes{color:#fbcfe8}.lr-live-badge-embed{display:flex;align-items:center;justify-content:center;gap:3px;padding:0 10px;height:34px;background:#f43f5e;border-radius:17px;font-size:9px;font-weight:700;color:#fff;flex-shrink:0;margin:0;transition:all .3s ease}.lr-anchor-capsule:hover .lr-live-badge-embed{background:linear-gradient(135deg,#f43f5e,#fb7185);box-shadow:0 0 12px #f43f5e80}.lr-live-badge-embed .lr-live-dot{width:5px;height:5px;border-radius:50%;background:#fff;animation:livePulse 1.5s ease-in-out infinite}.lr-anchor-cap-likes{font-size:10px;font-weight:300;color:#ffffffd9}@keyframes slideInLeft{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.lr-anchor-avatar{position:relative;padding-bottom:14px}.lr-avatar-wrapper{position:relative;width:52px;height:52px}.lr-avatar{width:52px;height:52px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 16px #ec489940,0 0 0 2px #ec489926}.lr-live-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;position:absolute;bottom:0;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ec4899,#f472b6);border-radius:8px;font-size:8px;font-weight:700;color:#fff;letter-spacing:.8px;text-transform:uppercase;box-shadow:0 3px 12px #ec489973;z-index:2;white-space:nowrap}.lr-live-dot{width:4px;height:4px;background:#fff;border-radius:50%;animation:liveDot 1.5s ease-in-out infinite}@keyframes liveDot{0%,to{opacity:1}50%{opacity:.4}}.lr-avatar-glow{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;background:radial-gradient(circle,rgba(236,72,153,.4) 0%,rgba(244,114,182,.2) 40%,transparent 70%);border-radius:50%;animation:avatarGlow 2.5s ease-in-out infinite}@keyframes avatarGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.lr-avatar-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:conic-gradient(from 0deg,#ec4899,#f472b6,#f9a8d4,#ec4899);animation:avatarRingRotate 3.5s linear infinite;opacity:.6;z-index:-1}.lr-anchor-details{display:flex;flex-direction:column;gap:6px}.lr-anchor-name{font-size:16px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.lr-anchor-likes{display:flex;align-items:center;gap:5px;padding:5px 12px;background:linear-gradient(135deg,#ec489959,#f472b640);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;border:1px solid rgba(236,72,153,.4);font-size:12px;font-weight:600;color:#fce7f3;box-shadow:0 4px 12px #ec489933}.lr-like-icon{fill:#f472b6;color:#f472b6;animation:heartBeat 1.2s ease-in-out infinite}.lr-viewer-section{display:flex;align-items:center;gap:12px;animation:slideInRight .5s cubic-bezier(.34,1.56,.64,1) .15s both}.lr-viewer-avatars-stack{display:flex;align-items:center}.lr-viewer-stack-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-left:-8px;box-shadow:0 2px 8px #0000004d;transition:transform .2s ease;background:#ffffff26}.lr-viewer-stack-avatar:first-child{margin-left:0}.lr-viewer-stack-avatar:hover{transform:scale(1.15);z-index:10}.lr-viewer-placeholder{display:flex;align-items:center;justify-content:center;color:#ffffffb3;background:#ffffff26}.lr-viewer-stack-avatar.lr-viewer-placeholder{width:28px!important;height:28px!important}.lr-viewer-count-badge{display:flex;align-items:center;gap:4px;margin-left:8px;padding:4px 10px;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.lr-viewer-count-badge svg{color:#fffc}.lr-exit-btn-simple{display:flex;align-items:center;justify-content:center;width:27px;height:27px;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.lr-exit-btn-simple:hover{background:#ec4899cc;border-color:#ec489980;transform:scale(1.1);box-shadow:0 4px 15px #ec489966}.lr-exit-btn-simple:active{transform:scale(.95)}.lr-slide-arrow{position:absolute;right:0;top:120%;transform:translateY(-50%);width:25px;height:45px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px 0 0 12px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:25;box-shadow:-2px 0 12px #0003}.lr-slide-arrow:hover{background:#32323ce6;transform:translateY(-50%) scale(1.05)}.lr-slide-arrow .lr-arrow-active{transform:rotate(180deg)}.lr-slide-panel{position:fixed;right:0;top:50%;transform:translateY(-50%) translate(100%);background:#1e1e28f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px 0 0 16px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);z-index:100;box-shadow:-4px 0 20px #0000004d;border:1px solid rgba(255,255,255,.1);border-right:none}.lr-slide-open{transform:translateY(-50%) translate(0)}.lr-slide-buttons{display:flex;flex-direction:row-reverse;gap:10px;padding:14px}.lr-slide-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 18px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);min-width:75px}.lr-slide-btn:hover{background:#ffffff26;transform:translate(-4px) scale(1.02)}.lr-slide-btn:active{transform:scale(.98)}.lr-slide-btn span{font-size:12px;font-weight:600}.lr-slide-btn-star{background:#ec489926;border-color:#ec48994d}.lr-slide-btn-star:hover{background:#ec489940}.lr-slide-btn-star svg{color:#f472b6}.lr-slide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;animation:fadeIn .3s ease}.lr-exit-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .3s ease}.lr-exit-modal-content{width:300px;padding:32px 28px;background:linear-gradient(180deg,#fff,#fdf2f8,#fff);border-radius:24px;text-align:center;box-shadow:0 25px 50px #ec48994d,inset 0 0 0 1px #ec48991a;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.lr-exit-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#ec489926,#f472b61a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ec4899;box-shadow:0 8px 24px #ec489933}.lr-exit-modal-content h3{font-size:18px;font-weight:700;color:#831843;margin-bottom:8px}.lr-exit-modal-content p{font-size:14px;color:#9ca3af;margin-bottom:28px}.lr-exit-actions{display:flex;gap:12px}.lr-exit-cancel,.lr-exit-confirm{flex:1;padding:14px;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.lr-exit-cancel{background:#fff;border:1.5px solid #fce7f3;color:#831843}.lr-exit-cancel:hover{background:#fdf2f8;border-color:#f9a8d4}.lr-exit-confirm{background:linear-gradient(135deg,#ec4899,#f472b6);border:none;color:#fff;box-shadow:0 4px 16px #ec489959}.lr-exit-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489973}.lr-exit-confirm:active{transform:scale(.98)}.lr-exit-cancel:hover{background:#fff3}.lr-exit-confirm{background:linear-gradient(135deg,#ec4899,#f472b6);border:none;color:#fff;box-shadow:0 4px 12px #ef444466}.lr-exit-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444480}.lr-anchor-card{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;background:linear-gradient(135deg,#ffffff1f,#ffffff0f,#ffffff17);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #ec48991f,0 2px 10px #00000026,inset 0 1px #fff3,inset 0 -1px #0000000d;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.lr-anchor-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50px;background:linear-gradient(135deg,#ec48994d,#f472b626,#ec48991a);opacity:0;transition:opacity .4s ease;z-index:-1;filter:blur(6px)}.lr-anchor-card:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1a,#ffffff1f);box-shadow:0 6px 28px #ec489933,0 3px 12px #0003,inset 0 1px #ffffff4d}.lr-anchor-card:hover:before{opacity:1}.lr-back-btn{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #00000040,inset 0 1px #ffffff26,inset 0 -1px #0000001a;overflow:hidden}.lr-back-btn-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.lr-back-btn:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:scale(1.08);box-shadow:0 6px 22px #00000059,inset 0 1px #fff3}.lr-back-btn:hover .lr-back-btn-shine{opacity:1}.lr-back-btn:active{transform:scale(.95);transition-duration:.15s}.lr-anchor-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;padding-bottom:12px}.lr-avatar-wrapper{position:relative;width:44px;height:44px}.lr-avatar-ring{position:absolute;top:-2.5px;right:-2.5px;bottom:-2.5px;left:-2.5px;border-radius:50%;background:conic-gradient(from 0deg,#ec4899,#f472b6,#f9a8d4,#ec4899);animation:avatarRingRotate 3.5s linear infinite;opacity:.75;z-index:-1}@keyframes avatarRingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lr-avatar-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.45) 0%,rgba(244,114,182,.2) 40%,transparent 70%);animation:glowPulse 2.5s ease-in-out infinite;pointer-events:none;z-index:-2}@keyframes glowPulse{0%,to{opacity:.7;transform:scale(1);filter:blur(3px)}50%{opacity:1;transform:scale(1.1);filter:blur(4px)}}.lr-avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2.5px solid rgba(255,255,255,.95);box-shadow:0 3px 12px #ec489966,0 2px 6px #00000026,inset 0 2px 3px #ffffff40;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:avatarFloat 3s ease-in-out infinite;position:relative;z-index:1}@keyframes avatarFloat{0%,to{transform:translateY(0);box-shadow:0 3px 12px #ec489966,0 2px 6px #00000026,inset 0 2px 3px #ffffff40}50%{transform:translateY(-2px);box-shadow:0 6px 18px #ec489980,0 3px 8px #0003,inset 0 2px 3px #ffffff40}}.lr-avatar:hover{transform:scale(1.08);box-shadow:0 6px 22px #ec489980,0 3px 8px #0003,0 0 0 2.5px #f472b673,inset 0 2px 3px #ffffff4d;animation:none}.lr-anchor-info{display:flex;flex-direction:column;gap:3px;min-width:0}.lr-anchor-name-row{display:flex;align-items:center;gap:6px}.lr-anchor-name{font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5),0 0 15px rgba(236,72,153,.25);letter-spacing:.3px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-live-badge{display:inline-flex;align-items:center;gap:3px;padding:2.5px 7px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ef4444,#f97316,#ef4444,#dc2626,#ef4444);background-size:200% 100%;border-radius:8px;font-size:8px;font-weight:800;color:#fff;letter-spacing:.8px;text-transform:uppercase;box-shadow:0 2px 10px #ef444480,0 1px 3px #00000026,inset 0 1px #ffffff40,inset 0 -1px #0000001a;animation:badgeShine 2.5s ease-in-out infinite;overflow:hidden;flex-shrink:0;white-space:nowrap;z-index:2}@keyframes badgeShine{0%,to{background-position:0% 50%;box-shadow:0 2px 10px #ef444480,0 1px 3px #00000026,inset 0 1px #ffffff40}50%{background-position:100% 50%;box-shadow:0 4px 16px #ef4444b3,0 2px 5px #0003,inset 0 1px #ffffff59,0 0 12px #ef444440}}.lr-live-dot{width:4px;height:4px;background:#fff;border-radius:50%;animation:liveDot 1s ease-in-out infinite;box-shadow:0 0 4px #ffffffe6;flex-shrink:0}@keyframes liveDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.65)}}.lr-live-text{font-weight:900;text-shadow:0 1px 1.5px rgba(0,0,0,.2)}.lr-anchor-stats{display:flex;align-items:center;gap:6px}.lr-viewer-stats{display:flex;align-items:center;gap:16px;padding:10px 18px;background:linear-gradient(135deg,#ffffff38,#ffffff1f);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:28px;border:1px solid rgba(255,255,255,.28);box-shadow:0 10px 40px #0000002e,inset 0 1px #ffffff59}.lr-stat-item{display:flex;align-items:center;gap:7px;padding:8px 14px;background:#ffffff2e;border-radius:18px;font-size:14px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .35s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden}.lr-stat-item:hover{transform:translateY(-3px) scale(1.05);background:#ffffff47;box-shadow:0 8px 20px #0003}.lr-stat-item span{text-shadow:0 2px 4px rgba(0,0,0,.2)}.lr-stat-divider{width:5px;height:5px;background:linear-gradient(135deg,#f472b6,#ec4899);border-radius:50%;box-shadow:0 0 10px #ec4899b3}.lr-viewers svg{color:#a5b4fc;filter:drop-shadow(0 2px 4px rgba(165,180,252,.6))}.lr-heart-icon{fill:#ff6b8a;color:#ff6b8a;filter:drop-shadow(0 2px 6px rgba(255,107,138,.7));animation:heartBeat 1.2s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.18)}60%{transform:scale(1)}}.lr-nav-right{display:flex;align-items:center;gap:8px;animation:slideInRight .5s cubic-bezier(.34,1.56,.64,1) .15s both}@keyframes slideInRight{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}.lr-timer-chip{display:flex;align-items:center;gap:6px;padding:5px 12px;background:linear-gradient(135deg,#ec4899e6,#f472b6e6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:50px;font-size:12px;font-weight:700;color:#fff;box-shadow:0 3px 14px #ec489980,inset 0 1px #fff3,inset 0 -1px #00000014;border:1px solid rgba(255,255,255,.2);animation:timerPulse 2.5s ease-in-out infinite;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.lr-timer-chip:hover{transform:scale(1.08);box-shadow:0 6px 25px #ec489999,inset 0 1px #ffffff4d,inset 0 -1px #00000014;background:linear-gradient(135deg,#ec4899,#f472b6)}.lr-timer-chip:active{transform:scale(.95)}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.lr-timer-chip:hover{animation:timerHover .6s ease-in-out infinite}@keyframes timerHover{0%,to{transform:scale(1.08)}50%{transform:scale(1.12)}}.lr-timer-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fff3;border-radius:50%;flex-shrink:0}.lr-timer-text{letter-spacing:.4px}.lr-nav-btn{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 14px #0003,inset 0 1px #ffffff1f,inset 0 -1px #00000014;overflow:hidden}.lr-btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.lr-nav-btn:hover .lr-btn-shine{left:100%}.lr-nav-btn:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:scale(1.1);box-shadow:0 6px 20px #0000004d,inset 0 1px #ffffff2e}.lr-nav-btn:active{transform:scale(.95);transition-duration:.15s}.lr-nav-btn.lr-active{background:linear-gradient(135deg,#ec4899,#f472b6);border-color:transparent;box-shadow:0 4px 16px #ec489999,inset 0 1px #fff3}.lr-nav-btn.lr-star-btn{color:#fcd34d;text-shadow:0 1px 4px rgba(251,191,36,.6)}.lr-nav-btn.lr-star-btn:hover{background:linear-gradient(135deg,#fbbf2440,#fbbf2426);box-shadow:0 6px 20px #fbbf2440,inset 0 1px #ffffff2e}.lr-nav-btn.lr-exit-nav-btn{color:#ffffffe6;border-color:#ffffff1f}.lr-nav-btn.lr-exit-nav-btn:hover{background:linear-gradient(135deg,#ef444459,#dc262640);border-color:#ef444466;color:#fff;box-shadow:0 6px 20px #ef44444d,inset 0 1px #ffffff2e}.lr-nav-btn.lr-back-nav-btn{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#fff3}.lr-chat-panel{position:absolute;left:12px;bottom:100px;bottom:calc(100px + env(safe-area-inset-bottom));width:58%;max-width:280px;z-index:10;display:flex;flex-direction:column;max-height:32%}.lr-chat-notice{display:flex;align-items:center;gap:6px;padding:6px 10px;margin-bottom:6px;background:linear-gradient(135deg,#ec4899d9,#a78bfad9);border-radius:8px;color:#fff;font-size:11px;font-weight:500;box-shadow:0 2px 8px #ec489940;animation:noticeSlideIn .4s ease}.lr-chat-notice svg{flex-shrink:0;animation:sparkleRotate 2s linear infinite;color:#fef08a}.lr-chat-notice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes noticeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.lr-panel-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 4px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 100%);mask-image:linear-gradient(to bottom,#0000,#000 15%,#000)}.lr-panel-messages::-webkit-scrollbar,.lr-panel-messages{-ms-overflow-style:none;scrollbar-width:none}.lr-panel-messages::-webkit-scrollbar{display:none}.lr-panel-messages.lr-hidden{display:none}.lr-panel-msg{display:flex;gap:4px;animation:msgIn .5s cubic-bezier(.34,1.56,.64,1);transform-origin:left center}@keyframes msgIn{0%{opacity:0;transform:translate(-15px) translateY(8px) scale(.85);filter:blur(2px)}40%{opacity:1;transform:translate(4px) translateY(-2px) scale(1.02);filter:blur(0)}to{opacity:1;transform:translate(0) translateY(0) scale(1);filter:blur(0)}}.lr-panel-msg.lr-self{transform-origin:right center;animation-name:msgInRight}@keyframes msgInRight{0%{opacity:0;transform:translate(15px) translateY(8px) scale(.85);filter:blur(2px)}40%{opacity:1;transform:translate(-4px) translateY(-2px) scale(1.02);filter:blur(0)}to{opacity:1;transform:translate(0) translateY(0) scale(1);filter:blur(0)}}.lr-panel-msg:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:30px;background:radial-gradient(ellipse at left,rgba(236,72,153,.3) 0%,transparent 70%);opacity:0;animation:msgGlow .6s ease-out forwards;pointer-events:none}@keyframes msgGlow{0%{opacity:0;transform:translateY(-50%) scaleX(.5)}30%{opacity:1;transform:translateY(-50%) scaleX(1)}to{opacity:0;transform:translateY(-50%) scaleX(1.5)}}.lr-panel-msg.lr-self:before{left:auto;right:0;background:radial-gradient(ellipse at right,rgba(236,72,153,.4) 0%,transparent 70%);animation-name:msgGlowRight}@keyframes msgGlowRight{0%{opacity:0;transform:translateY(-50%) scaleX(.5)}30%{opacity:1;transform:translateY(-50%) scaleX(1)}to{opacity:0;transform:translateY(-50%) scaleX(1.5)}}.lr-panel-msg.lr-self{flex-direction:row-reverse;position:relative}.lr-panel-msg .lr-msg-avatar{width:26px;height:26px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1.5px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #00000040,0 0 0 2px #ec489926,0 0 12px #ec48991a;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;animation:avatarIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes avatarIn{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.lr-panel-msg:hover .lr-msg-avatar{transform:scale(1.15);box-shadow:0 4px 12px #0000004d,0 0 0 3px #ec48994d,0 0 18px #ec489933;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.lr-panel-msg .lr-msg-avatar:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 0deg,#ec489966,#f472b666,#fb718566,#ec489966);animation:avatarRingSpin 2s linear infinite;opacity:0;transition:opacity .3s ease;z-index:-1}.lr-panel-msg:hover .lr-msg-avatar:after{opacity:1}@keyframes avatarRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lr-msg-body{max-width:78%;display:flex;flex-direction:column;gap:3px}.lr-msg-meta{display:flex;align-items:center;gap:6px;padding:0 3px}.lr-panel-msg.lr-self .lr-msg-meta{flex-direction:row-reverse}.lr-msg-name{font-size:11px;font-weight:600;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 10px rgba(0,0,0,.3)}.lr-msg-time{font-size:9px;color:#ffffff8c}.lr-crown{fill:#fcd34d;color:#fcd34d;vertical-align:middle;margin-right:3px;filter:drop-shadow(0 1px 3px rgba(251,191,36,.6))}.lr-msg-bubble{padding:7px 12px;background:linear-gradient(135deg,#1e1e28bf,#14141ed9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:5px 14px 14px;font-size:13px;color:#fff;line-height:1.45;word-break:break-word;text-shadow:0 1px 2px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #00000040,0 0 20px #ec489914,inset 0 1px #ffffff14;position:relative;overflow:hidden;animation:bubbleShimmer 3s ease-in-out infinite}@keyframes bubbleShimmer{0%,to{box-shadow:0 4px 12px #00000040,0 0 20px #ec489914,inset 0 1px #ffffff14}50%{box-shadow:0 4px 14px #0000004d,0 0 25px #ec48991f,inset 0 1px #ffffff1a}}.lr-msg-bubble:before{content:"";position:absolute;top:3px;left:4px;width:6px;height:6px;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,transparent 70%);border-radius:50%;animation:bubbleDotPulse 2s ease-in-out infinite}@keyframes bubbleDotPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.lr-msg-bubble:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.03) 0%,transparent 100%);border-radius:14px 14px 0 0;pointer-events:none}.lr-panel-msg.lr-self .lr-msg-bubble{background:linear-gradient(135deg,#ec4899,#f472b6,#fb7185);color:#fff;border-radius:14px 5px 14px 14px;border:none;box-shadow:0 4px 14px #ec489980,0 0 25px #ec48994d,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.15);animation:selfBubbleShimmer 2.5s ease-in-out infinite}@keyframes selfBubbleShimmer{0%,to{box-shadow:0 4px 14px #ec489980,0 0 25px #ec48994d,inset 0 1px #fff3}50%{box-shadow:0 6px 18px #ec489999,0 0 35px #ec489966,inset 0 1px #ffffff40}}.lr-panel-msg.lr-self .lr-msg-bubble:before{background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%)}.lr-panel-msg.lr-self .lr-msg-bubble:after{background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 50%,rgba(255,255,255,.05) 100%)}.lr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;color:#ffffff80;font-size:12px}.lr-empty svg{opacity:.5}.lr-new-msg{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:6px 14px;background:#ec4899eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:none;border-radius:22px;font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;box-shadow:0 3px 12px #ec489980,inset 0 1px #ffffff26;transition:all .25s ease}.lr-new-msg:hover{background:#ec4899;transform:translate(-50%) scale(1.05);box-shadow:0 5px 18px #ec489999}.lr-msg-bubble.lr-danmu-tiny{font-size:11px;padding:4px 8px}.lr-msg-bubble.lr-danmu-small{font-size:12px;padding:5px 10px}.lr-msg-bubble.lr-danmu-medium{font-size:14px;padding:6px 12px}.lr-msg-bubble.lr-danmu-large{font-size:16px;padding:8px 14px}.lr-msg-bubble.lr-danmu-huge{font-size:18px;padding:10px 16px}.lr-msg-size-tiny .lr-msg-avatar{width:20px;height:20px}.lr-msg-size-small .lr-msg-avatar{width:22px;height:22px}.lr-msg-size-medium .lr-msg-avatar{width:26px;height:26px}.lr-msg-size-large .lr-msg-avatar{width:30px;height:30px}.lr-msg-size-huge .lr-msg-avatar{width:34px;height:34px}.lr-msg-name.lr-name-tiny{font-size:9px}.lr-msg-name.lr-name-small{font-size:10px}.lr-msg-name.lr-name-medium{font-size:11px}.lr-msg-name.lr-name-large{font-size:12px}.lr-msg-name.lr-name-huge{font-size:13px}.lr-msg-time.lr-time-tiny,.lr-msg-time.lr-time-small{font-size:8px}.lr-msg-time.lr-time-medium{font-size:9px}.lr-msg-time.lr-time-large{font-size:10px}.lr-msg-time.lr-time-huge{font-size:11px}.lr-msg-bubble.lr-opacity-50{opacity:.5}.lr-msg-bubble.lr-opacity-70{opacity:.7}.lr-msg-bubble.lr-opacity-90{opacity:.9}.lr-msg-bubble.lr-opacity-100{opacity:1}.lr-notice-float{position:absolute;top:70px;top:calc(70px + env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ec4899e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;color:#fff;font-size:12px;z-index:15;box-shadow:0 4px 15px #ec48994d;animation:noticeFloatIn .5s ease}@keyframes noticeFloatIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.lr-notice-float svg{flex-shrink:0;animation:sparkleRotate 2s linear infinite}@keyframes sparkleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lr-linkmic-indicator{position:absolute;top:180px;right:16px;z-index:15;display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border-radius:50px;font-size:12px;font-weight:600;box-shadow:0 4px 20px #ec489980;animation:linkmicPulse 2s ease-in-out infinite}@keyframes linkmicPulse{0%,to{box-shadow:0 4px 20px #ec489980}50%{box-shadow:0 4px 30px #ec4899cc}}.lr-linkmic-pulse{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulseDot 1s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.lr-settings{position:absolute;top:70px;top:calc(70px + env(safe-area-inset-top));right:12px;width:280px;max-height:calc(80vh - 150px);background:linear-gradient(180deg,#fff,#fff8fa);border-radius:20px;box-shadow:0 25px 60px #ec489940,0 8px 20px #0000001a;z-index:100;animation:settingsIn .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.9);display:flex;flex-direction:column;overflow:visible}.lr-settings::-webkit-scrollbar{width:4px}.lr-settings::-webkit-scrollbar-track{background:transparent}.lr-settings::-webkit-scrollbar-thumb{background:#ec48994d;border-radius:4px}.lr-settings::-webkit-scrollbar-thumb:hover{background:#ec489980}@keyframes settingsIn{0%{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:none}}.lr-settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #fce7f3;position:sticky;top:0;background:linear-gradient(180deg,#fff,#fff8fa);z-index:1;border-radius:20px}.lr-settings-title{display:flex;align-items:center;gap:10px}.lr-settings-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec4899,#f472b6);border-radius:10px;color:#fff;box-shadow:0 4px 12px #ec489959}.lr-settings-header h3{font-size:16px;font-weight:700;color:#1f2937;margin:0;letter-spacing:.3px}.lr-settings-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fdf2f8;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;transition:all .3s ease}.lr-settings-close:hover{background:#fce7f3;color:#ec4899;transform:rotate(90deg)}.lr-settings-body{padding:8px 16px 16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.lr-settings-group{background:linear-gradient(135deg,#ffffffe6,#fce7f34d);border-radius:14px;padding:14px;border:1px solid rgba(252,231,243,.8);transition:all .3s ease}.lr-settings-group:hover{border-color:#ec489933;box-shadow:0 4px 12px #ec489914}.lr-settings-group-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#ec4899;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed rgba(236,72,153,.2)}.lr-group-icon{font-size:14px}.lr-setting-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.lr-setting-row+.lr-setting-row{border-top:1px solid rgba(252,231,243,.6)}.lr-setting-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;font-weight:500}.lr-setting-info{display:flex;flex-direction:column;gap:2px}.lr-setting-desc{font-size:11px;color:#9ca3af;margin-left:16px}.lr-label-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.lr-label-dot.lr-dot-pink{background:#ec4899;box-shadow:0 0 6px #ec489980}.lr-label-dot.lr-dot-blue{background:#3b82f6;box-shadow:0 0 6px #3b82f680}.lr-label-dot.lr-dot-green{background:#10b981;box-shadow:0 0 6px #10b98180}.lr-label-dot.lr-dot-purple{background:#8b5cf6;box-shadow:0 0 6px #8b5cf680}.lr-label-dot.lr-dot-yellow{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.lr-label-dot.lr-dot-red{background:#ef4444;box-shadow:0 0 6px #ef444480}.lr-label-dot.lr-dot-gold{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 0 6px #f59e0b80}.lr-setting-item{padding-top:10px}.lr-setting-item+.lr-setting-item{margin-top:8px;padding-top:10px;border-top:1px solid rgba(252,231,243,.6)}.lr-size-value{font-size:11px;color:#ec4899;font-weight:600;background:#fdf2f8;padding:2px 8px;border-radius:6px}.lr-toggle{width:46px;height:26px;background:#e5e7eb;border:none;border-radius:13px;cursor:pointer;position:relative;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 2px 4px #0000001a}.lr-toggle.lr-on{background:linear-gradient(135deg,#ec4899,#f472b6);box-shadow:inset 0 2px 4px #0000001a,0 0 12px #ec489966}.lr-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0003;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.lr-toggle.lr-on .lr-toggle-thumb{left:23px;box-shadow:0 2px 8px #ec489966,0 0 0 2px #ec489933}.lr-size-btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.lr-size-btn{flex:1;min-width:42px;padding:8px 4px;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;font-size:11px;color:#6b7280;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);text-align:center;font-weight:500}.lr-size-btn:hover{border-color:#f9a8d4;background:#fdf2f8;transform:translateY(-1px)}.lr-size-btn.lr-active{background:linear-gradient(135deg,#ec4899,#f472b6);border-color:transparent;color:#fff;box-shadow:0 4px 12px #ec489959;transform:translateY(-1px)}.lr-opacity-slider{margin-top:10px}.lr-slider{width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,#fce7f3,#ec4899);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.lr-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #ec4899;box-shadow:0 2px 8px #ec48994d;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.lr-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #ec489966}.lr-slider-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:#9ca3af}.lr-settings-actions{display:flex;gap:10px;padding-top:8px}.lr-clear-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:10px;color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;transition:all .25s ease}.lr-clear-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.lr-reset-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:1px solid #f9a8d4;border-radius:10px;color:#ec4899;font-size:12px;font-weight:600;cursor:pointer;transition:all .25s ease}.lr-reset-btn:hover{background:linear-gradient(135deg,#fce7f3,#f9a8d4);transform:translateY(-1px);box-shadow:0 4px 12px #ec489933}.lr-settings-footer{height:32px;background:linear-gradient(180deg,#fff8fa,#fce7f3);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:0 0 20px 20px}.lr-settings-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#ec4899,#f472b6,#ec4899);border-radius:0 0 3px 3px}.lr-footer-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:footerShine 3s ease-in-out infinite}@keyframes footerShine{0%{left:-100%}to{left:200%}}.lr-setting-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);margin:12px 0}.lr-setting-hint{font-size:11px;color:#ffffff80;text-align:center;margin-bottom:12px;line-height:1.4}.lr-immersive-exit{position:fixed;top:16px;right:16px;z-index:100;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;animation:immersiveFadeIn .3s ease}@keyframes immersiveFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lr-immersive-exit:hover{background:#ef4444cc;border-color:#ef444480;transform:scale(1.1)}.lr-floating{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.lr-heart-float{position:absolute;animation:heartFloat 2s ease-out forwards}@keyframes heartFloat{0%{opacity:0;transform:translateY(0) translate(0) scale(.3) rotate(-20deg)}15%{opacity:1;transform:translateY(-40px) translate(10px) scale(.7) rotate(10deg)}35%{opacity:1;transform:translateY(-100px) translate(-15px) scale(1) rotate(-15deg)}55%{opacity:1;transform:translateY(-170px) translate(20px) scale(1.2) rotate(20deg)}75%{opacity:.7;transform:translateY(-230px) translate(-10px) scale(1.1) rotate(-5deg)}90%{opacity:.3;transform:translateY(-270px) translate(5px) scale(1) rotate(5deg)}to{opacity:0;transform:translateY(-300px) translate(0) scale(.8) rotate(0)}}.lr-floating .lr-heart-icon{fill:#ec4899;color:#ec4899;filter:drop-shadow(0 0 12px rgba(236,72,153,.6));animation:heartGlow 1s ease-in-out infinite}@keyframes heartGlow{0%,to{filter:drop-shadow(0 0 8px rgba(236,72,153,.5))}50%{filter:drop-shadow(0 0 15px rgba(236,72,153,.8))}}.lr-bottom{position:absolute;bottom:0;left:0;right:0;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.lr-like-add{position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:24px;font-weight:800;color:#ff6b8a;text-shadow:0 2px 15px rgba(236,72,153,.8),0 0 30px rgba(236,72,153,.5);animation:likeAddBounce 1s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:none;z-index:30}@keyframes likeAddBounce{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.5)}30%{opacity:1;transform:translate(-50%) translateY(-15px) scale(1.3)}50%{transform:translate(-50%) translateY(-5px) scale(1.1)}to{opacity:0;transform:translate(-50%) translateY(-50px) scale(1)}}.lr-bottom-main{display:flex;align-items:center;gap:8px;padding:8px 12px;animation:bottomSlideIn .6s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes bottomSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lr-input-area{flex:1;display:flex;align-items:center;gap:6px}.lr-input-wrapper{flex:1;position:relative}.lr-input-wrapper:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:20px;background:linear-gradient(135deg,#ec4899,#a855f7,#3b82f6);opacity:0;z-index:-1;transition:opacity .3s ease;filter:blur(4px)}.lr-input{width:100%;padding:8px 14px;background:#fffffff7;border-radius:18px;border:1.5px solid transparent;font-size:13px;color:#1f2937;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px 12px #0000001a,inset 0 1px 3px #0000000a}.lr-input:focus{outline:none;border-color:#ec489980;background:#fff;transform:scale(1.02);box-shadow:0 4px 16px #0000001f,0 0 0 3px #ec489926,inset 0 1px 3px #0000000a}.lr-input:focus+.lr-input-wrapper:before,.lr-input-wrapper:has(.lr-input:focus):before{opacity:.4;animation:inputGlow 1.5s ease-in-out infinite}@keyframes inputGlow{0%,to{opacity:.3}50%{opacity:.5}}.lr-input::-moz-placeholder{color:#9ca3af}.lr-input::placeholder{color:#9ca3af}.lr-send-btn{position:relative;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec4899,#f472b6);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 14px #ec489973,inset 0 1.5px #fff3,inset 0 -1.5px #0000001a;overflow:hidden;flex-shrink:0}.lr-send-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.lr-send-btn:hover:not(:disabled) .lr-send-shine{left:100%}.lr-send-btn:hover:not(:disabled){transform:scale(1.1) rotate(10deg);box-shadow:0 6px 20px #ec48998c,inset 0 1.5px #ffffff40}.lr-send-btn:active:not(:disabled){transform:scale(.9) rotate(-10deg);transition:transform .1s ease}.lr-send-btn.sending{animation:sendPulse .6s ease}@keyframes sendPulse{0%{transform:scale(1)}30%{transform:scale(.85)}60%{transform:scale(1.15) rotate(15deg)}to{transform:scale(1) rotate(0)}}.lr-send-btn:disabled{opacity:.45;cursor:not-allowed;background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none}.lr-action-btns{display:flex;gap:6px;flex-shrink:0}.lr-action-btn{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 14px #0003,inset 0 1px #ffffff1a,inset 0 -1px #0000001a;overflow:hidden;flex-shrink:0}.lr-btn-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transform:scale(0);transition:all .4s ease}.lr-action-btn:active .lr-btn-ripple{opacity:1;transform:scale(1.5)}.lr-action-btn:hover{background:#ffffff38;transform:scale(1.1) translateY(-2px);box-shadow:0 6px 18px #0000004d,inset 0 1px #ffffff26}.lr-action-btn:active{transform:scale(.95)}.lr-action-btn.lr-recording{background:linear-gradient(135deg,#ef4444,#dc2626);animation:recordBounce 1s ease-in-out infinite}@keyframes recordBounce{0%,to{transform:scale(1);box-shadow:0 4px 14px #ef444480,0 0 #ef444466}50%{transform:scale(1.03);box-shadow:0 6px 18px #ef444499,0 0 0 8px #ef444400}}.lr-rec-time{font-size:10px;font-weight:700;letter-spacing:.3px}.lr-action-btn.lr-linkmic-btn{color:#4ade80}.lr-action-btn.lr-linkmic-btn:hover{background:#4ade804d}.lr-action-btn.lr-linkmic-active{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 4px 16px #ec489980,inset 0 1px #fff3}.lr-action-btn.lr-group-btn{color:#f472b6}.lr-action-btn.lr-group-btn:hover{background:#f472b64d;transform:scale(1.1) translateY(-2px)}.lr-action-btn.lr-like-btn{color:#ff6b8a}.lr-action-btn.lr-like-btn:hover{background:#ff6b8a4d;transform:scale(1.1)}.lr-action-btn.lr-like-btn:active{animation:likeClick .4s ease}@keyframes likeClick{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(1.3)}75%{transform:scale(1.05)}to{transform:scale(1)}}.lr-action-btn .lr-filled{fill:#ff6b8a;animation:heartPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes heartPop{0%{transform:scale(.5) rotate(-15deg);opacity:0}40%{transform:scale(1.4) rotate(5deg);opacity:1}60%{transform:scale(.95) rotate(-2deg)}80%{transform:scale(1.1) rotate(1deg)}to{transform:scale(1) rotate(0);opacity:1}}.lr-safe-area{height:env(safe-area-inset-bottom)}.lr-offline-toast{position:fixed;top:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:10px 16px;background:#ef4444;color:#fff;border-radius:50px;font-size:12px;z-index:100;box-shadow:0 4px 15px #ef444466;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.lr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;animation:overlayFadeIn .3s ease}.lr-renew-modal,.lr-rating-modal{position:relative;width:100%;max-width:340px;background:linear-gradient(180deg,#fff,#fff5f7,#fff);border-radius:24px;padding:20px;box-shadow:0 25px 50px #ec489940,0 0 100px #ec48991a;animation:modalIn .5s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.8);overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.85) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.lr-modal-deco{position:absolute;top:0;left:0;right:0;height:100px;pointer-events:none;overflow:hidden}.lr-deco-c1{position:absolute;width:180px;height:180px;background:radial-gradient(circle,rgba(236,72,153,.15) 0%,transparent 70%);border-radius:50%;top:-70px;right:-40px;animation:decoFloat 8s ease-in-out infinite,decoGlow 4s ease-in-out infinite}@keyframes decoGlow{0%,to{opacity:.8}50%{opacity:1}}.lr-deco-c2{position:absolute;width:140px;height:140px;background:radial-gradient(circle,rgba(244,114,182,.12) 0%,transparent 70%);border-radius:50%;top:-40px;left:-40px;animation:decoFloat 10s ease-in-out infinite reverse,decoGlow 5s ease-in-out infinite 1s}@keyframes decoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.lr-modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;box-shadow:0 2px 10px #00000014;z-index:1;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.lr-modal-close:hover{transform:rotate(90deg) scale(1.15);color:#ec4899;box-shadow:0 4px 15px #ec489933}.lr-modal-close:active{transform:rotate(90deg) scale(.95)}.lr-renew-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;animation:renewHeaderIn .6s ease .2s both}@keyframes renewHeaderIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lr-renew-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#f9a8d4,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;border:3px solid white;box-shadow:0 6px 20px #ec48994d;animation:avatarRing 3s ease-in-out infinite}@keyframes avatarRing{0%,to{box-shadow:0 6px 20px #ec48994d,0 0 #ec489933}50%{box-shadow:0 6px 20px #ec48994d,0 0 0 6px #ec489900}}.lr-renew-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lr-renew-name{display:block;font-size:15px;font-weight:700;color:#1f2937;transition:color .3s ease}.lr-renew-name:hover{color:#ec4899}.lr-renew-sub{display:block;font-size:12px;color:#9ca3af}.lr-renew-title{text-align:center;margin-bottom:16px;animation:renewTitleIn .6s ease .3s both}@keyframes renewTitleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lr-renew-icon{width:60px;height:60px;margin:0 auto 12px;background:linear-gradient(135deg,#fce7f3,#fff);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ec4899;box-shadow:0 6px 20px #ec489933;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lr-renew-title h3{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 6px}.lr-renew-title p{font-size:13px;color:#9ca3af;margin:0}.lr-countdown{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#fef2f2;border-radius:50px;color:#ef4444;font-size:13px;font-weight:600;margin-bottom:16px;animation:countdownPulse 1s ease-in-out infinite}.lr-countdown-warning{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;font-weight:700;animation:countdownWarning .5s ease-in-out infinite;box-shadow:0 0 15px #ef44444d}@keyframes countdownWarning{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.lr-packages{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.lr-pkg-btn{display:flex;align-items:center;padding:14px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-align:left;animation:pkgBtnIn .5s ease both}.lr-pkg-btn:nth-child(1){animation-delay:.3s}.lr-pkg-btn:nth-child(2){animation-delay:.4s}.lr-pkg-btn:nth-child(3){animation-delay:.5s}@keyframes pkgBtnIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.lr-pkg-btn:hover{border-color:#ec4899;background:linear-gradient(135deg,#fff5f7,#fdf2f8);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #ec489926}.lr-pkg-btn:active{transform:translateY(-1px) scale(.99)}.lr-pkg-name{flex:1;font-size:13px;font-weight:600;color:#374151;transition:color .3s ease}.lr-pkg-btn:hover .lr-pkg-name{color:#ec4899}.lr-pkg-dur{font-size:11px;color:#9ca3af;margin-right:12px;transition:color .3s ease}.lr-pkg-price{font-size:16px;font-weight:800;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.lr-pkg-btn:hover .lr-pkg-price{filter:brightness(1.1)}.lr-exit-btn{width:100%;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;font-size:13px;cursor:pointer;transition:all .3s ease;animation:exitBtnIn .5s ease .6s both}@keyframes exitBtnIn{0%{opacity:0}to{opacity:1}}.lr-exit-btn:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}.lr-rating-title{font-size:17px;font-weight:700;color:#1f2937;text-align:center;margin-bottom:16px;animation:ratingTitleIn .5s ease .2s both}@keyframes ratingTitleIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lr-rating-anchor{display:flex;align-items:center;gap:12px;margin-bottom:18px;animation:ratingAnchorIn .5s ease .3s both}@keyframes ratingAnchorIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lr-rating-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 15px #ec489940;transition:all .3s ease}.lr-rating-avatar:hover{transform:scale(1.1);box-shadow:0 6px 20px #ec489959}.lr-rating-name{display:block;font-size:15px;font-weight:600;color:#1f2937;transition:color .3s ease}.lr-rating-name:hover{color:#ec4899}.lr-rating-room{display:block;font-size:12px;color:#9ca3af}.lr-rating-section{margin-bottom:16px;animation:ratingSectionIn .5s ease .4s both}@keyframes ratingSectionIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lr-rating-label{display:block;font-size:13px;color:#6b7280;margin-bottom:10px}.lr-stars{display:flex;justify-content:center;gap:6px}.lr-stars .lr-star-btn{background:none;border:none;cursor:pointer;padding:0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.lr-stars .lr-star-btn:hover{transform:scale(1.25) translateY(-3px)}.lr-stars .lr-star-btn:active{transform:scale(.95)}.lr-star-filled{fill:#fbbf24;color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,.4));animation:starPop .3s ease}@keyframes starPop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.lr-star-empty{fill:none;color:#e5e7eb;transition:all .3s ease}.lr-tags{display:flex;flex-wrap:wrap;gap:8px}.lr-tag{padding:6px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:50px;font-size:11px;color:#6b7280;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:tagIn .4s ease both}.lr-tag:nth-child(1){animation-delay:.45s}.lr-tag:nth-child(2){animation-delay:.5s}.lr-tag:nth-child(3){animation-delay:.55s}.lr-tag:nth-child(4){animation-delay:.6s}.lr-tag:nth-child(5){animation-delay:.65s}.lr-tag:nth-child(6){animation-delay:.7s}@keyframes tagIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lr-tag:hover{border-color:#f9a8d4;background:#fdf2f8;transform:translateY(-2px)}.lr-tag.lr-tag-active{background:linear-gradient(135deg,#ec4899,#f472b6);border-color:transparent;color:#fff;box-shadow:0 4px 12px #ec489959;animation:tagActive .3s ease}@keyframes tagActive{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.lr-submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#ec4899,#f472b6);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #ec489966;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;animation:submitBtnIn .5s ease .75s both}@keyframes submitBtnIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lr-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.lr-submit-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px #ec489980,0 0 30px #ec489933}.lr-submit-btn:hover:before{left:150%}.lr-submit-btn:active{transform:translateY(-1px) scale(.99)}.lr-submit-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#d1d5db,#e5e7eb);box-shadow:none}@media(max-width:360px){.lr-chat-panel{width:60%;max-width:200px;left:10px;bottom:95px}.lr-action-btns{gap:8px}.lr-action-btn{width:44px;height:44px}.lr-input{padding:10px 14px}.lr-send-btn{width:40px;height:40px}.lr-nav-btn{width:36px;height:36px}.lr-avatar-wrapper,.lr-avatar{width:44px;height:44px}.lr-anchor-name{font-size:14px}.lr-anchor-likes{padding:4px 10px;font-size:11px}.lr-viewer-group{padding:6px 10px 6px 8px;gap:8px}.lr-viewer-avatar{width:22px;height:22px}.lr-viewer-count{font-size:12px}.lr-exit-btn{padding:6px 12px;font-size:11px}.lr-timer-chip{font-size:12px;padding:6px 12px}.lr-bottom-main{padding:10px 12px;gap:10px}}@media(max-width:375px){.lr-renew-modal,.lr-rating-modal{padding:18px;max-width:95%}.lr-pkg-btn,.lr-submit-btn{padding:12px}}@media(min-width:768px){.lr-chat-panel{max-width:340px;left:24px}.lr-action-btn{width:54px;height:54px}.lr-nav-btn{width:42px;height:42px}.lr-avatar-wrapper,.lr-avatar{width:52px;height:52px}.lr-bottom-main{padding:14px 24px;gap:16px}.lr-send-btn{width:48px;height:48px}}@media(orientation:landscape)and (max-height:500px){.lr-top-nav{padding:8px 14px}.lr-anchor-section{gap:8px}.lr-avatar-wrapper,.lr-avatar{width:42px;height:42px}.lr-anchor-name{font-size:14px}.lr-anchor-likes{padding:3px 8px;font-size:11px}.lr-viewer-group{padding:5px 10px 5px 6px}.lr-viewer-avatars{width:36px}.lr-viewer-avatar{width:22px;height:22px}.lr-viewer-av-2{left:8px}.lr-viewer-av-3{left:16px}.lr-exit-btn{padding:6px 12px;font-size:11px}.lr-slide-panel{width:260px}.lr-avatar-wrapper,.lr-avatar{width:38px;height:38px}.lr-anchor-name{font-size:13px;max-width:80px}.lr-live-badge{padding:2px 6px;font-size:7px}.lr-stat-item{font-size:11px;padding:4px 8px}.lr-chat-panel{max-width:240px;left:10px;bottom:70px}.lr-action-btn{width:44px;height:44px}.lr-bottom-main{padding:8px 14px;gap:10px}.lr-action-btns{gap:10px}}@media(prefers-color-scheme:dark){.lr-modal-overlay{background:#000c}.lr-renew-modal,.lr-rating-modal{background:linear-gradient(180deg,#1f2937,#374151,#1f2937)}.lr-settings{background:#1f2937fa;border-color:#ffffff1a}.lr-settings-header{border-color:#ffffff1a}.lr-settings-header h3{color:#f9fafb}.lr-setting-row{color:#e5e7eb}.lr-speed-btn,.lr-size-btn{background:#374151;border-color:#4b5563;color:#e5e7eb}.lr-clear-btn{background:#374151;border-color:#4b5563;color:#f87171}.lr-settings{background:linear-gradient(180deg,#1f2937,#111827);border-color:#ffffff1a;z-index:100}.lr-settings-header{background:linear-gradient(180deg,#1f2937,#111827);border-color:#ffffff1a}.lr-settings-title h3{color:#f9fafb}.lr-settings-icon{background:linear-gradient(135deg,#db2777,#ec4899)}.lr-settings-group{background:#1f2937cc;border-color:#ffffff1a}.lr-settings-group-title{color:#f472b6;border-color:#ec48994d}.lr-setting-row{border-color:#ffffff0d}.lr-setting-label{color:#e5e7eb}.lr-setting-desc{color:#9ca3af}.lr-size-value{background:#ec489933;color:#f9a8d4}.lr-size-btn{background:#374151;border-color:#4b5563;color:#e5e7eb}.lr-size-btn:hover{background:#ec489933;border-color:#ec489966}.lr-reset-btn{background:#ec489933;border-color:#ec48994d;color:#f9a8d4}.lr-reset-btn:hover{background:#ec48994d}.lr-settings-footer{background:linear-gradient(180deg,#1f2937,#111827)}.lr-settings-footer:before{background:linear-gradient(90deg,#db2777,#ec4899,#db2777)}}.image-uploader{width:100%}.image-uploader--empty{display:flex;align-items:center;justify-content:center;gap:6px;width:80px;height:32px;background:#f5f5f5;border:1px dashed #ddd;border-radius:4px;cursor:pointer;font-size:12px;color:#666;transition:all .2s}.image-uploader--empty:hover{border-color:#ec4899;color:#ec4899}.image-uploader--empty svg{width:14px;height:14px}.image-uploader--empty.uploading{pointer-events:none;opacity:.7}.image-uploader--has-image{position:relative;display:inline-block;cursor:pointer}.image-uploader--has-image img{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #eee}.image-uploader--overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:4px;opacity:0;transition:opacity .2s}.image-uploader--has-image:hover .image-uploader--overlay{opacity:1}.image-uploader--btn{padding:4px 8px;background:#fff;border:none;border-radius:3px;font-size:11px;color:#333;cursor:pointer}.image-uploader--btn:hover{background:#f0f0f0}.image-uploader--progress{font-size:12px;color:#fff}.multi-uploader{display:flex;flex-wrap:wrap;gap:8px}.multi-uploader__item{position:relative;width:60px;height:60px}.multi-uploader__item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #eee}.multi-uploader__remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#ff4d4f;border:none;border-radius:50%;cursor:pointer;padding:0}.multi-uploader__remove svg{width:10px;height:10px;color:#fff}.multi-uploader__add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:60px;height:60px;background:#f5f5f5;border:1px dashed #ddd;border-radius:4px;cursor:pointer;font-size:11px;color:#999;transition:all .2s}.multi-uploader__add:hover{border-color:#ec4899;color:#ec4899}.multi-uploader__add svg{width:16px;height:16px}.multi-uploader__add.uploading{pointer-events:none;opacity:.7}.image-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}.image-editor{width:100%;max-width:400px;max-height:90vh;background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;animation:slideUpEditor .3s ease}@keyframes slideUpEditor{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.image-editor__header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(135deg,#fce7f3,#fdf2f8);border-bottom:1px solid #f0f0f0;flex-shrink:0}.image-editor__close,.image-editor__save{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.image-editor__close{background:#f5f5f5;color:#666}.image-editor__close:hover{background:#ff4d4f;color:#fff}.image-editor__save{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff}.image-editor__save:hover{transform:scale(1.05);box-shadow:0 4px 12px #ec489966}.image-editor__title{font-size:16px;font-weight:600;color:#831843}.image-editor__canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:#1a1a1a;min-height:200px;overflow:hidden}.image-editor__canvas{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 8px 24px #0000004d;touch-action:none}.image-editor__controls{display:flex;justify-content:center;gap:24px;padding:16px;background:#fff;border-top:1px solid #f0f0f0;flex-shrink:0}.image-editor__control-group{display:flex;align-items:center;gap:6px}.image-editor__btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:10px;color:#666;cursor:pointer;transition:all .2s}.image-editor__btn:hover{background:linear-gradient(135deg,#fce7f3,#fdf2f8);color:#ec4899;transform:scale(1.05)}.image-editor__btn:active{transform:scale(.95)}.image-editor__btn--reset{background:linear-gradient(135deg,#fce7f3,#fdf2f8);color:#ec4899}.image-editor__value{min-width:44px;text-align:center;font-size:13px;font-weight:600;color:#831843}.image-editor__rotation-control{padding:12px 16px;background:#fafafa;border-top:1px solid #f0f0f0;flex-shrink:0}.image-editor__rotation-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;color:#666}.image-editor__rotation-header svg{color:#ec4899}.image-editor__rotation-value{margin-left:auto;font-weight:600;color:#ec4899;min-width:40px;text-align:right}.image-editor__slider-wrapper{position:relative;padding:8px 0}.image-editor__slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#fce7f3,#ec4899);border-radius:3px;outline:none;cursor:pointer}.image-editor__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:2px solid #ec4899;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #ec48994d;-webkit-transition:all .2s;transition:all .2s}.image-editor__slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #ec489966}.image-editor__slider::-moz-range-thumb{width:20px;height:20px;background:#fff;border:2px solid #ec4899;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #ec48994d}.image-editor__slider-marks{display:flex;justify-content:space-between;margin-top:4px;font-size:10px;color:#999}.image-editor__tips{padding:10px;text-align:center;font-size:12px;color:#999;background:#fff;border-top:1px solid #f0f0f0;flex-shrink:0}@media(max-width:380px){.image-editor-overlay{padding:8px}.image-editor{border-radius:16px}.image-editor__controls{gap:16px;padding:12px}.image-editor__btn{width:36px;height:36px}.image-editor__canvas-wrapper{padding:16px;min-height:180px}}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-end;animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.notification-center{width:100%;max-width:380px;height:100%;background:#fdf2f8;display:flex;flex-direction:column;animation:slideInRight .35s cubic-bezier(.32,.72,0,1);box-shadow:-8px 0 32px #00000026}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0px));border-bottom:1px solid rgba(236,72,153,.1);background:linear-gradient(135deg,#fffffff2,#fdf2f8f2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.notification-header h3{font-size:18px;font-weight:700;color:#831843;margin:0;background:linear-gradient(135deg,#ec4899,#be185d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;align-items:center;gap:12px}.mark-all-btn{padding:6px 14px;background:linear-gradient(135deg,#ec489926,#ec489914);border:1px solid rgba(236,72,153,.2);border-radius:20px;color:#ec4899;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.mark-all-btn:active{transform:scale(.95);background:linear-gradient(135deg,#ec489940,#ec489926)}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;color:#831843;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.close-btn svg{width:18px;height:18px}.close-btn:active{transform:scale(.95) rotate(90deg);background:#fce7f3}.notification-list{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.notification-list::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f9a8d4,#ec4899);border-radius:2px}.notification-loading,.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#9ca3af}.notification-loading svg,.notification-empty svg{width:64px;height:64px;margin-bottom:16px;opacity:.4;color:#ec4899}.notification-empty span{font-size:15px;color:#9ca3af;font-weight:500}.notification-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border-radius:20px;margin-bottom:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);animation:slideUp .4s ease both;position:relative;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 16px #ec48990f}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-item:active{transform:scale(.98);box-shadow:0 2px 8px #ec489914}.notification-item.unread{background:linear-gradient(135deg,#ec48990a,#fdf2f880);border-color:#ec489926}.notification-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000014}.notification-icon svg{width:22px;height:22px}.notification-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.notification-title{font-size:15px;font-weight:700;color:#1f2937}.notification-time{font-size:12px;color:#9ca3af;flex-shrink:0;font-weight:500}.notification-text{font-size:13px;color:#6b7280;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.unread-dot{position:absolute;top:16px;right:16px;width:10px;height:10px;background:linear-gradient(135deg,#ec4899,#be185d);border-radius:50%;box-shadow:0 2px 8px #ec489966;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.loading-spinner{width:36px;height:36px;border:3px solid rgba(236,72,153,.1);border-top-color:#ec4899;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@media(max-width:480px){.notification-center{max-width:100%;border-radius:24px 0 0 24px}}.order-list-page{width:100%;min-height:100vh;min-height:100dvh;background:#fdf2f8;display:flex;flex-direction:column}.search-panel{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:#fff;box-shadow:0 4px 20px #00000014;z-index:100;animation:searchSlideDown .3s ease-out}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:20px;transition:all .2s}.search-input-wrapper:focus-within{border-color:#ec4899;background:#fff;box-shadow:0 0 0 3px #ec48991a}.search-icon{color:#9ca3af;flex-shrink:0}.search-clear{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border:none;border-radius:50%;color:#6b7280;cursor:pointer;transition:all .2s}.search-clear:hover{background:#d1d5db}.search-cancel{padding:8px 4px;background:none;border:none;font-size:14px;color:#6b7280;cursor:pointer;white-space:nowrap;transition:color .2s}.search-cancel:hover{color:#ec4899}.search-results-tip{font-size:12px;color:#ec4899;text-align:center;padding:8px 0;margin-bottom:8px;background:linear-gradient(90deg,transparent,rgba(236,72,153,.05),transparent);border-radius:8px;animation:resultTipPulse 2s ease-in-out infinite}@keyframes resultTipPulse{0%,to{opacity:.8}50%{opacity:1}}.order-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.header-back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fdf2f8;border:none;border-radius:50%;color:#831843;cursor:pointer;transition:all .2s}.header-back-btn:active{transform:scale(.95);background:#fce7f3}.header-search-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fdf2f8;border:none;border-radius:50%;color:#831843;cursor:pointer;transition:all .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.header-search-btn:active,.header-search-btn.active{background:linear-gradient(135deg,#fce7f3,#fdf2f8);transform:scale(.95)}.header-notification-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fdf2f8;border:none;border-radius:50%;color:#831843;cursor:pointer;transition:all .2s}.header-notification-btn:active{transform:scale(.95);background:#fce7f3}.notification-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;font-size:10px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ef444466;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.order-tabs-container{padding:12px 20px;background:#fdf2f8e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:64px;z-index:40}.order-tabs-capsule{display:flex;padding:4px;background:#fff;border-radius:9999px;box-shadow:inset 0 2px 4px #00000005,0 2px 8px #ec489914;border:1px solid #FCE7F3}.order-tab-btn{flex:1;position:relative;padding:10px 16px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:9999px;font-size:14px;cursor:pointer;transition:color .2s;overflow:hidden}.order-tab-indicator{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,#f9a8d4,#ec4899);border-radius:9999px;box-shadow:0 4px 12px #ec48994d}.order-tab-text{position:relative;z-index:1}.order-list{flex:1;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.orders-wrapper{display:flex;flex-direction:column;gap:16px}.order-card{position:relative;background:#fff;border-radius:24px;padding:16px;box-shadow:0 8px 24px #ec48990f;border:1px solid rgba(255,255,255,.8);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.order-card:active{transform:scale(.98)}.order-card__content{display:flex;flex-direction:column}.order-card--selected{border-color:#ec48994d;box-shadow:0 8px 24px #ec48991f}.order-card--selected:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f9a8d4,#ec4899,#f9a8d4);background-size:200% 100%;animation:shimmerPink 1.5s ease-in-out infinite,slideInBar .3s ease-out forwards;box-shadow:0 0 12px #ec489980}@keyframes slideInBar{0%{transform:scaleX(0);transform-origin:left center}to{transform:scaleX(1);transform-origin:left center}}@keyframes shimmerPink{0%{background-position:200% 0}to{background-position:-200% 0}}.order-detail-btn{position:relative;overflow:hidden;transition:all .2s ease;background:transparent}.order-detail-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(236,72,153,.15),transparent);transition:left .5s ease}.order-detail-btn:active{background:#ec489914;transform:scale(.95)}.order-detail-btn:active:before{left:100%}.order-card--group{border-color:#fbbf2433}.order-card--ongoing{border-left:3px solid transparent;-o-border-image:linear-gradient(180deg,#f59e0b,#d97706) 1;border-image:linear-gradient(180deg,#f59e0b,#d97706) 1}.order-card--ongoing:before{opacity:0;background:linear-gradient(90deg,#fbbf24,#f59e0b,#fbbf24);background-size:200% 100%}.order-card--ongoing:active:before{opacity:1;animation:shimmerGold 1.2s linear infinite}@keyframes shimmerGold{0%{background-position:200% 0}to{background-position:-200% 0}}.order-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.w-22{width:88px}.h-22{height:88px}@media(max-width:360px){.search-panel{padding:10px 12px}.search-input-wrapper{height:36px}.order-header{padding:10px 12px}.order-tabs-container{padding:10px 16px;top:60px}.order-list{padding:12px}}@media(orientation:landscape)and (max-height:500px){.order-header{padding:8px 16px}.order-tabs-container{top:52px;padding:8px 16px}.order-list{padding:8px 16px}.order-empty{padding:30px 20px}}@media screen and (max-width:374px){.order-header{padding:10px 12px}.order-tabs-container{padding:10px 14px;top:60px}.order-list{padding:12px}}@media screen and (min-width:375px)and (max-width:413px){.order-header{padding:12px 14px}.order-tabs-container{padding:12px 18px}.order-list{padding:14px}}@media screen and (min-width:414px)and (max-width:480px){.order-header{padding:12px 16px}.order-tabs-container{padding:12px 20px}.order-list{padding:16px}}@media screen and (min-width:481px)and (max-width:768px){.order-header{padding:14px 20px}.order-tabs-container{padding:14px 24px}.order-list{padding:20px}.order-card{padding:18px;border-radius:28px}}@media screen and (min-width:769px){.order-header{padding:14px 24px}.order-tabs-container{padding:16px 28px}.order-list{padding:24px;max-width:100%}.order-card{padding:20px;border-radius:28px;max-width:100%}}@media screen and (min-width:768px){.order-list-page{background:var(--bg-main, #FDF2F8)}.order-header{background:#fffffff2}.order-tabs-container{background:#fdf2f8f2}}@supports (padding: max(0px)){.search-panel,.order-header{padding-top:max(12px,calc(env(safe-area-inset-top,0px) + 12px))}}.order-card--active{background:linear-gradient(135deg,#fff,#fdf2f8);border:1px solid #FBCFE8;box-shadow:0 4px 12px #ec48991a}.order-card--active:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f472b6,#ec4899,#db2777);border-radius:28px 28px 0 0}.login-page{min-height:100vh;background:var(--bg-main);display:flex;align-items:center;justify-content:center}.login-container{width:100%;max-width:360px;padding:0 24px}.login-title{font-size:24px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:40px}.login-form{background:var(--bg-card);border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow-card)}.form-input{width:100%;height:54px;padding:0 16px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);transition:border-color .2s}.form-input:focus{border-color:var(--color-primary)}.form-input::-moz-placeholder{color:var(--text-secondary)}.form-input::placeholder{color:var(--text-secondary)}.password-wrapper{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);cursor:pointer}.login-btn{width:100%;height:54px;background:var(--color-primary);color:#fff;font-size:14px;font-weight:500;border-radius:8px;margin-top:8px;transition:opacity .2s}.login-btn:active{opacity:.85}.login-btn:disabled{background:#ccc}.forgot-password{text-align:right;font-size:12px;color:var(--text-secondary);margin-top:16px}.login-tip{text-align:center;font-size:12px;color:var(--text-secondary);margin-top:24px}.login-demo{margin-top:32px;padding:16px;background:var(--bg-card);border-radius:var(--radius-card);font-size:12px}.demo-title{font-weight:600;color:var(--text-primary);margin-bottom:8px}.demo-item{display:flex;justify-content:space-between;color:var(--text-secondary);margin-top:4px}@media screen and (max-width:374px){.login-container{max-width:100%;padding:0 16px}.login-title{font-size:20px;margin-bottom:32px}.login-form{padding:18px}.form-item{margin-bottom:14px}.form-input{height:48px;padding:0 14px;font-size:14px}.login-btn{height:48px;font-size:14px}.forgot-password{font-size:11px}.login-tip{font-size:11px;margin-top:20px}.login-demo{margin-top:24px;padding:14px;font-size:11px}.demo-title{font-size:13px}.demo-item{font-size:11px}}@media screen and (min-width:375px)and (max-width:413px){.login-container{max-width:340px;padding:0 20px}}@media screen and (min-width:414px)and (max-width:480px){.login-container{max-width:360px;padding:0 24px}}@media screen and (min-width:481px)and (max-width:768px){.login-container{max-width:400px;padding:0 28px}.login-title{font-size:26px;margin-bottom:44px}.login-form{padding:28px}.form-input,.login-btn{height:56px;font-size:15px}}@media screen and (min-width:769px){.login-container{max-width:420px;padding:0 32px}.login-title{font-size:28px;margin-bottom:48px}.login-form{padding:32px}}@media(orientation:landscape)and (max-height:500px){.login-page{padding:20px 0}.login-title{font-size:20px;margin-bottom:24px}.login-form{padding:16px}.login-demo{margin-top:16px;padding:12px}}@supports (padding: max(0px)){.login-page{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}}.dashboard-page{padding-bottom:40px;background:linear-gradient(180deg,#fff,#fdf2f8);min-height:100vh}.top-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 20px 18px;background:linear-gradient(135deg,#fce7f3,#fbcfe8,#f9a8d4,#f472b6,#ec4899);background-size:200% 200%;animation:gradientShift 12s ease infinite;border-radius:0 0 36px 36px;box-shadow:0 8px 32px #ec489940,inset 0 1px #fff6;overflow:hidden}.top-nav:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.15) 0%,transparent 50%);animation:shimmer 6s ease-in-out infinite;pointer-events:none}.top-nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);animation:glowPulse 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%,to{transform:translate(0) rotate(0);opacity:.6}50%{transform:translate(10%,5%) rotate(5deg);opacity:.8}}@keyframes glowPulse{0%,to{opacity:.4;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}.top-nav__title{font-size:20px;font-weight:700;color:#fff;letter-spacing:4px;text-shadow:0 2px 8px rgba(131,24,67,.3),0 1px 2px rgba(131,24,67,.2);position:relative;z-index:1}.top-nav__user{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.top-nav__avatar{width:38px;height:38px;border-radius:50%;background:#fffffff2;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 10px #83184333;animation:avatarBounce 3s ease-in-out infinite;flex-shrink:0}@keyframes avatarBounce{0%,to{transform:scale(1)}30%{transform:scale(1.05)}}.top-nav__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.top-nav__avatar svg{width:18px;height:18px;color:#ec4899}.top-nav__name{font-size:15px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(131,24,67,.3);letter-spacing:.5px}.top-nav__logout{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#ffffffe6;cursor:pointer;transition:all .2s;position:relative;z-index:1}.top-nav__logout:hover{color:#831843;transform:scale(1.1)}.performance-section{padding:16px}.performance-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:16px;padding:20px;color:#fff;box-shadow:0 8px 24px #ec489940;position:relative;overflow:hidden}.performance-card:before{content:"";position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.performance-card__header{display:flex;align-items:center;gap:8px;font-size:13px;opacity:.9;margin-bottom:8px;position:relative;z-index:1}.performance-card__header svg{width:16px;height:16px}.performance-card__amount{font-size:30px;font-weight:800;margin-bottom:4px;position:relative;z-index:1}.performance-card__footer{font-size:12px;opacity:.85;position:relative;z-index:1}.stats-section{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px;margin-bottom:20px}.stat-card{background:#fff;border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 12px #0000000a;cursor:pointer;transition:all .2s ease;border:1px solid rgba(0,0,0,.04)}.stat-card:active{transform:scale(.98);box-shadow:0 4px 16px #ec48991a;border-color:var(--primary-200)}.stat-card__icon{width:42px;height:42px;background:var(--primary-100);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.stat-card__icon svg{width:20px;height:20px}.stat-card__content{flex:1}.stat-card__value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card__label{font-size:11px;color:var(--text-muted);margin-top:2px}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:12px}.menu-title{font-size:16px;font-weight:600;color:var(--text-primary)}.menu-edit-btn{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--primary);padding:6px 12px;background:var(--primary-100);border-radius:20px;cursor:pointer;transition:all .2s ease}.menu-edit-btn svg{width:14px;height:14px}.menu-edit-btn:active{background:var(--primary-200)}.menu-edit-btn.active{background:var(--primary);color:#fff}.menu-section{padding:0 16px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.menu-card{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:16px;padding:20px 8px;box-shadow:0 2px 12px #0000000a;cursor:pointer;transition:all .25s ease;border:1px solid rgba(0,0,0,.04);position:relative}.menu-card:active{transform:scale(.96);box-shadow:0 4px 16px #ec48991a;border-color:var(--primary-200)}.menu-card.edit-mode{cursor:grab;border:2px dashed var(--primary-300);background:var(--primary-100)}.menu-card.edit-mode:active{cursor:grabbing;border-color:var(--primary)}.menu-card.dragging{opacity:.6;transform:scale(.95);background:var(--primary-100);border-color:var(--primary)}.menu-card__icon{width:46px;height:46px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #ec48994d;margin-bottom:10px}.menu-card__icon svg{width:22px;height:22px}.menu-card__name{font-size:12px;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.3}.edit-indicator{position:fixed;top:0;left:0;right:0;padding:8px 16px;background:var(--primary);color:#fff;font-size:12px;text-align:center;z-index:200}.logout-section{padding:24px 16px 0}.logout-btn{height:48px;background:#fff;border:1px solid rgba(239,68,68,.2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:var(--danger);cursor:pointer;transition:all .2s ease}.logout-btn:active{background:var(--danger-light);border-color:var(--danger)}.profile-page{min-height:100vh;background:linear-gradient(180deg,var(--bg-main) 0%,#fff 100%);padding-bottom:120px}.profile-page .page-nav{background:transparent}.profile-header{display:flex;flex-direction:column;align-items:center;padding:24px 16px 20px;position:relative}.profile-header:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200%;height:160px;background:linear-gradient(180deg,rgba(236,72,153,.08) 0%,transparent 100%);border-radius:0 0 50% 50%;z-index:-1}.profile-avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 8px 32px #ec489940;position:relative;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));cursor:pointer}.profile-avatar:hover .profile-avatar-overlay{opacity:1}.profile-avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--primary-200);pointer-events:none}.profile-avatar .image-uploader{width:100%;height:100%}.profile-avatar .image-uploader--has-image,.profile-avatar .image-uploader--empty{width:100%;height:100%;border-radius:50%;margin:0}.profile-avatar .image-uploader--has-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-avatar .image-uploader--empty{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-avatar .image-uploader--empty svg{width:36px;height:36px;color:#fff}.profile-avatar .image-uploader--empty span{font-size:10px;color:#fff;margin-top:4px}.profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:50%;pointer-events:none}.profile-avatar-overlay svg{width:24px;height:24px;color:#fff;margin-bottom:4px}.profile-avatar-overlay span{font-size:10px;color:#fff}.profile-avatar-tip{font-size:var(--text-sm);color:var(--text-muted);margin-top:12px;display:flex;align-items:center;gap:4px}.profile-form{padding:8px 16px}.profile-form .form-group{background:var(--bg-card);border-radius:var(--radius-xl);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm);transition:all .2s ease;border:1px solid transparent}.profile-form .form-group:hover{border-color:var(--primary-100);box-shadow:var(--shadow-md)}.profile-form .form-group--link{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.profile-form .form-group--link:active{background:var(--bg-hover);transform:scale(.99)}.profile-form .form-label{display:flex;align-items:center;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:8px;font-weight:500}.profile-form .form-group--link .form-label{margin-bottom:0}.profile-form .form-label .required{color:var(--danger);margin-right:4px}.profile-form .form-value{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.profile-form .form-arrow{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.profile-form .form-link{font-size:var(--text-sm);font-weight:500;color:var(--primary)}.profile-form .form-arrow svg{width:16px;height:16px;transition:transform .2s ease}.profile-form .form-group--link:hover .form-arrow svg{transform:translate(2px)}.profile-form .form-input{width:100%;padding:14px 16px;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-main);border:1.5px solid var(--primary-100);border-radius:var(--radius-lg);outline:none;transition:all .2s ease;box-sizing:border-box}.profile-form .form-input:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 4px #ec48991a}.profile-form .form-input::-moz-placeholder{color:var(--text-hint)}.profile-form .form-input::placeholder{color:var(--text-hint)}.profile-actions{position:fixed;bottom:0;left:0;right:0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -4px 20px #0000000d}.profile-page .btn-save{width:100%;padding:15px;font-size:var(--text-lg);font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px #ec489959;letter-spacing:1px}.profile-page .btn-save:active{transform:scale(.98);box-shadow:0 2px 10px #ec48994d}.profile-page .btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-body .form-group{box-shadow:none;border:1.5px solid var(--border-color)}.modal-body .form-group+.form-group{margin-top:12px}.modal-footer{padding:0 var(--spacing-xl) var(--spacing-xl)}.modal-footer .btn-save{position:static;box-shadow:none}.operator-performance{min-height:100vh;background:var(--bg-main);padding-bottom:24px}.operator-performance .page-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--nav-height) + 12px) var(--page-padding) 24px;background:linear-gradient(180deg,var(--bg-main) 0%,rgba(253,242,248,.95) 70%,rgba(253,242,248,0) 100%)}.operator-performance .page-nav__back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:50%;color:var(--primary);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #ec48991f}.operator-performance .page-nav__back:active{transform:scale(.92);background:var(--primary-100)}.operator-performance .page-nav__back svg{width:22px;height:22px}.operator-performance .page-nav__title{font-size:var(--text-xl);font-weight:700;color:var(--primary-dark);letter-spacing:.5px}.time-filter{position:relative;z-index:10;display:flex;justify-content:center;gap:8px;margin-bottom:20px;padding:0 var(--page-padding)}.time-filter__btn{flex:1;max-width:100px;padding:10px 16px;background:#fffc;border:1.5px solid var(--primary-200);border-radius:50px;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.time-filter__btn.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-color:transparent;color:#fff;box-shadow:0 4px 16px #ec489959;transform:translateY(-1px)}.time-filter__btn:not(.active):hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.time-filter__btn:active{transform:scale(.97)}.performance-overview{position:relative;z-index:1;padding:0 var(--page-padding);margin-bottom:20px}.performance-card{background:linear-gradient(135deg,var(--primary) 0%,#f472b6 100%);border-radius:24px;padding:28px;color:#fff;box-shadow:0 12px 40px #ec489966;position:relative;overflow:hidden}.performance-card:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.performance-card:after{content:"";position:absolute;bottom:-70px;left:-40px;width:180px;height:180px;background:#ffffff14;border-radius:50%}.performance-card__badge{position:absolute;top:16px;right:16px;padding:6px 14px;background:#fff3;border-radius:50px;font-size:var(--text-xs);font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.performance-card__header{display:flex;align-items:center;gap:10px;font-size:var(--text-base);opacity:.9;margin-bottom:16px;position:relative;z-index:1}.performance-card__header svg{width:22px;height:22px}.performance-card__amount{display:flex;align-items:baseline;gap:4px;margin-bottom:20px;position:relative;z-index:1}.performance-card__amount .currency{font-size:var(--text-2xl);font-weight:600;opacity:.9}.performance-card__amount .amount{font-size:44px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-1px}.performance-card__stats{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:16px;padding:16px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.stat-item{display:flex;flex-direction:column;align-items:center;gap:6px}.stat-value{font-size:var(--text-xl);font-weight:700}.stat-value.commission{color:#86efac}.stat-label{font-size:var(--text-xs);opacity:.8}.stat-divider{width:1px;height:40px;background:#ffffff4d}.performance-card__footer{font-size:var(--text-sm);opacity:.85;position:relative;z-index:1}.performance-card__footer span{font-weight:700;opacity:1}.stats-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 var(--page-padding);margin-bottom:24px}.stats-card{background:var(--bg-card);border-radius:20px;padding:18px 14px;text-align:center;box-shadow:0 2px 12px #0000000a;border:1px solid rgba(0,0,0,.03);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stats-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec48991f}.stats-card__icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.stats-card__icon--pink{background:#ec48991a;color:var(--primary)}.stats-card__icon--blue{background:#3b82f61a;color:#3b82f6}.stats-card__icon--purple{background:#a855f71a;color:#a855f7}.stats-card__icon--orange{background:#f973161a;color:#f97316}.stats-card__value{font-size:var(--text-xl);font-weight:800;margin-bottom:6px;line-height:1}.stats-card__value--green{color:var(--success)}.stats-card__value--primary{color:var(--primary)}.stats-card__label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.recent-section{position:relative;z-index:1;padding:0 var(--page-padding)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title{display:flex;align-items:center;gap:8px;font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.section-title svg{width:20px;height:20px;color:var(--primary)}.section-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--primary-50);padding:4px 10px;border-radius:50px}.orders-list{background:var(--bg-card);border-radius:20px;overflow:hidden;box-shadow:0 2px 12px #0000000a;border:1px solid rgba(0,0,0,.03)}.orders-summary{display:flex;justify-content:space-around;padding:14px 16px;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border-bottom:1px solid var(--primary-100);font-size:var(--text-sm);color:var(--text-secondary)}.orders-summary strong{font-weight:700;color:var(--text-primary)}.orders-summary .commission{color:var(--success)}.order-item{display:flex;align-items:center;padding:16px 18px;border-bottom:1px solid var(--primary-50);transition:all .2s ease}.order-item:last-child{border-bottom:none}.order-item:active{background:var(--bg-hover)}.order-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:700;margin-right:14px;flex-shrink:0}.order-info{flex:1;min-width:0}.order-package{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-meta{display:flex;gap:12px;font-size:var(--text-sm);color:var(--text-muted)}.order-meta .customer{color:var(--primary);font-weight:500}.order-meta .time{opacity:.8}.order-amount{text-align:right;margin-left:16px;flex-shrink:0}.order-price{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:4px}.order-commission{font-size:var(--text-sm);font-weight:600;color:var(--success)}.orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:12px}.loading-spinner{width:32px;height:32px;border:3px solid var(--primary-100);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.empty-state svg{width:72px;height:72px;color:var(--primary-300);opacity:.4;margin-bottom:16px}.empty-state__text{font-size:var(--text-base);color:var(--text-muted);margin-bottom:8px}.empty-state__hint{font-size:var(--text-sm);color:var(--primary);opacity:.8}.chart-section{position:relative;z-index:1;padding:0 var(--page-padding);margin-bottom:24px}.chart-card{background:var(--bg-card);border-radius:20px;padding:20px;box-shadow:0 2px 12px #0000000a}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.chart-legend{display:flex;gap:16px;font-size:var(--text-xs);color:var(--text-muted)}.chart-legend__item{display:flex;align-items:center;gap:6px}.chart-legend__dot{width:8px;height:8px;border-radius:50%}.chart-legend__dot--primary{background:var(--primary)}.chart-legend__dot--success{background:var(--success)}.chart-placeholder{height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--text-sm)}.chart-placeholder svg{width:48px;height:48px;margin-bottom:8px;opacity:.5}.clients-page{min-height:100vh;background:var(--bg-main);padding-bottom:20px}.clients-page .page-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--nav-height) + 12px) var(--page-padding) 20px;background:linear-gradient(180deg,var(--bg-main) 0%,rgba(253,242,248,.95) 70%,rgba(253,242,248,0) 100%)}.clients-page .page-nav__back,.clients-page .page-nav__action{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:50%;color:var(--primary);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #ec48991f}.clients-page .page-nav__back:active,.clients-page .page-nav__action:active{transform:scale(.92);background:var(--primary-100);box-shadow:none}.clients-page .page-nav__title{font-size:var(--text-xl);font-weight:700;color:var(--primary-dark);letter-spacing:.5px}.clients-list{position:relative;z-index:1;padding:8px var(--page-padding) 20px}.clients-page .customer-card{display:flex;align-items:center;background:var(--bg-card);border-radius:20px;padding:14px;margin-bottom:12px;box-shadow:0 2px 12px #0000000a;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.clients-page .customer-card:hover{border-color:var(--primary-100);box-shadow:0 4px 20px #ec48991a}.clients-page .customer-card:active{transform:scale(.98);background:var(--bg-hover)}.clients-page .customer-card__avatar{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;border:3px solid var(--primary-100);overflow:hidden;box-shadow:0 4px 12px #ec489926}.clients-page .customer-card__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.clients-page .customer-card__avatar svg{width:26px;height:26px}.clients-page .customer-card__avatar .hidden{display:none}.clients-page .customer-card__info{flex:1;margin-left:14px;overflow:hidden;cursor:pointer}.clients-page .customer-card__name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.clients-page .customer-card__phone{font-size:var(--text-sm);color:var(--text-secondary);margin-top:4px;font-weight:500}.clients-page .customer-card__wechat{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.clients-page .customer-card__meta{display:flex;gap:16px;font-size:var(--text-xs);color:var(--text-muted);margin-top:8px}.clients-page .customer-card__edit{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--primary);background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border:none;border-radius:14px;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #ec489926}.clients-page .customer-card__edit:active{transform:scale(.9);opacity:.8}.clients-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.clients-page .empty-state svg{width:80px;height:80px;color:var(--primary-300);opacity:.4;margin-bottom:16px}.clients-page .empty-state__text{font-size:var(--text-base);color:var(--text-muted)}.clients-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.clients-page .modal-content{width:100%;max-width:400px;background:var(--bg-card);border-radius:24px;overflow:hidden;animation:scaleIn .25s ease}.clients-page .modal-header{position:relative;padding:24px;background:linear-gradient(135deg,var(--bg-main) 0%,rgba(253,242,248,.8) 100%);border-bottom:1px solid var(--primary-100);display:flex;align-items:center;justify-content:center}.clients-page .modal-header h3{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.clients-page .modal-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.clients-page .modal-close:active{background:var(--primary-100);color:var(--primary);transform:translateY(-50%) scale(.9)}.clients-page .modal-close svg{width:20px;height:20px}.clients-page .modal-body{padding:24px}.clients-page .form-item{margin-bottom:18px}.clients-page .form-item:last-child{margin-bottom:0}.clients-page .form-item label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:10px}.clients-page .form-item .form-input{width:100%;padding:14px 16px;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-main);border:1.5px solid var(--primary-100);border-radius:14px;outline:none;transition:all .2s ease;box-sizing:border-box}.clients-page .form-item .form-input:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 4px #ec48991a}.clients-page .form-item .form-input:disabled{background:var(--primary-50);color:var(--text-muted);border-color:var(--primary-100)}.clients-page .form-item .form-input::-moz-placeholder{color:var(--text-hint)}.clients-page .form-item .form-input::placeholder{color:var(--text-hint)}.clients-page .modal-footer{display:flex;gap:12px;padding:20px 24px;padding-bottom:max(20px,env(safe-area-inset-bottom));background:var(--bg-card);border-top:1px solid var(--primary-100)}.clients-page .btn-cancel,.clients-page .btn-confirm{flex:1;height:48px;font-size:var(--text-base);font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease}.clients-page .btn-cancel{background:var(--primary-100);color:var(--primary)}.clients-page .btn-cancel:active{background:var(--primary-200)}.clients-page .btn-confirm{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 16px #ec48994d}.clients-page .btn-confirm:active{transform:scale(.98);box-shadow:0 2px 8px #ec489940}.clients-page .btn-confirm:disabled{opacity:.6;cursor:not-allowed}@media screen and (max-width:374px){.clients-page .page-nav{padding:calc(var(--nav-height) + 8px) 12px 16px}.clients-page .page-nav__back,.clients-page .page-nav__action{width:40px;height:40px}.clients-page .page-nav__title{font-size:16px}.refresh-indicator{padding:10px 16px;font-size:13px}.clients-list{padding:6px 12px 16px}.client-item{padding:14px;margin-bottom:10px}.client-avatar{width:48px;height:48px}.client-info{margin-left:12px}.client-name{font-size:15px}.client-phone{font-size:12px}.client-stats{font-size:11px}.empty-state{padding:40px 12px}.empty-state__icon{width:60px;height:60px}.clients-page .modal-content{max-height:85vh}.clients-page .modal-body{padding:16px}.clients-page .form-item{margin-bottom:14px}.clients-page .form-item .form-input{padding:12px 14px}.clients-page .modal-footer{padding:16px}.clients-page .btn-cancel,.clients-page .btn-confirm{height:44px;font-size:14px}}@media screen and (min-width:375px)and (max-width:413px){.clients-list{padding:8px 14px 20px}}@media screen and (min-width:414px)and (max-width:480px){.clients-list{padding:8px 16px 20px}}@media screen and (min-width:481px)and (max-width:768px){.clients-page .page-nav{padding:calc(var(--nav-height) + 16px) 20px 20px}.clients-list{padding:10px 20px 24px}.client-item{padding:18px;margin-bottom:14px}.client-avatar{width:56px;height:56px}}@media screen and (min-width:769px){.clients-page .page-nav{padding:calc(var(--nav-height) + 20px) 24px 24px}.clients-list{padding:12px 24px 28px}.client-item{padding:20px;margin-bottom:16px}}@media(orientation:landscape)and (max-height:500px){.clients-page .page-nav{padding-top:calc(8px + env(safe-area-inset-top,0px))}.clients-list{padding-bottom:10px}}@media(hover:none)and (pointer:coarse){.clients-page .page-nav__back:hover,.clients-page .page-nav__action:hover{transform:none}}@supports (padding: max(0px)){.clients-page{padding-bottom:max(20px,env(safe-area-inset-bottom,20px))}.clients-page .page-nav{padding-top:max(calc(var(--nav-height) + 12px),calc(env(safe-area-inset-top,0px) + var(--nav-height) + 12px))}}.public-sea-page{min-height:100vh;background:var(--bg-main);padding-bottom:20px}.public-sea-page .page-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--nav-height) + 12px) var(--page-padding) 20px;background:linear-gradient(180deg,var(--bg-main) 0%,rgba(253,242,248,.95) 70%,rgba(253,242,248,0) 100%)}.public-tip{display:flex;align-items:center;gap:8px;padding:12px var(--page-padding);margin:0 var(--page-padding) 16px;background:var(--primary-100);border-radius:var(--radius-md);color:var(--primary-dark);font-size:var(--text-sm)}.public-tip svg{width:18px;height:18px;flex-shrink:0}.public-list{position:relative;z-index:1;padding:0 var(--page-padding)}.public-card{display:flex;align-items:flex-start;background:var(--bg-card);border-radius:var(--radius-xl);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm);position:relative;transition:all .2s ease}.public-card:active{transform:scale(.98);background:var(--bg-hover)}.public-card__tag{position:absolute;top:12px;right:12px;padding:4px 10px;background:linear-gradient(135deg,var(--warning-light),#fde68a);border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:600;color:#92400e}.public-card__avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.public-card__avatar svg{width:24px;height:24px}.public-card__info{flex:1;margin-left:14px;overflow:hidden}.public-card__name{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.public-card__phone{font-size:var(--text-sm);color:var(--text-secondary);margin-top:4px}.public-card__meta{font-size:var(--text-sm);color:var(--text-muted);margin-top:8px}.public-card__claim{padding:10px 16px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease;margin-left:12px;align-self:center}.public-card__claim:active{opacity:.9;transform:scale(.95)}.public-card__claim:disabled{opacity:.6;cursor:not-allowed}.empty-state svg{width:64px;height:64px;color:var(--primary-300);opacity:.5}.empty-state__text{font-size:var(--text-sm);color:var(--text-muted);margin-top:12px}.anchors-page{min-height:100vh;background:var(--bg-main);padding-bottom:20px}.anchors-page .page-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--nav-height) + 12px) var(--page-padding) 20px;background:linear-gradient(180deg,var(--bg-main) 0%,rgba(253,242,248,.95) 70%,rgba(253,242,248,0) 100%)}.anchors-page .page-nav__back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:50%;cursor:pointer;color:var(--primary);box-shadow:0 4px 16px #ec48991f;transition:all .2s ease}.anchors-page .page-nav__back:active{transform:scale(.92);background:var(--primary-100);box-shadow:none}.anchors-page .page-nav__back svg{width:22px;height:22px}.anchors-page .page-nav__title{font-size:var(--text-xl);font-weight:700;color:var(--primary-dark);letter-spacing:.5px}.anchors-page .page-nav__placeholder{width:44px}.anchors-list{padding:8px var(--page-padding) 20px}.anchors-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted);gap:16px}.anchors-loading .loading-spinner{width:40px;height:40px;border:4px solid var(--primary-100);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.anchors-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.anchors-page .empty-state svg{width:80px;height:80px;color:var(--primary-300);opacity:.4;margin-bottom:16px}.anchors-page .empty-state__text{font-size:var(--text-base);color:var(--text-muted)}.anchor-card{display:flex;align-items:center;background:var(--bg-card);border-radius:20px;padding:14px;margin-bottom:12px;box-shadow:0 2px 12px #0000000a;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.anchor-card:hover{border-color:var(--primary-100);box-shadow:0 4px 20px #ec48991a}.anchor-card:active{transform:scale(.98);box-shadow:0 2px 8px #0000000f}.anchor-card__avatar{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--primary-100);flex-shrink:0;box-shadow:0 4px 12px #ec489926}.anchor-card__info{margin-left:14px;flex:1;min-width:0}.anchor-card__name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anchor-card__id{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.anchor-card__meta{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.anchor-card .meta-tag{font-size:var(--text-xs);color:var(--primary);background:#ec489914;padding:4px 10px;border-radius:20px;font-weight:500}.anchor-card__stats{display:flex;flex-direction:column;gap:8px;margin-left:12px;padding-left:12px;border-left:1px solid var(--primary-100)}.anchor-card__stats .stat-item{text-align:center;min-width:56px}.anchor-card__stats .stat-label{display:block;font-size:10px;color:var(--text-muted);margin-bottom:2px}.anchor-card__stats .stat-value{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.anchor-card__stats .stat-value.income{color:var(--primary)}.anchor-card__arrow{margin-left:8px;color:var(--text-hint);flex-shrink:0}.anchor-card__arrow svg{width:18px;height:18px}.anchors-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}.anchors-page .modal-content{width:100%;max-width:420px;max-height:90vh;background:var(--bg-card);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;animation:scaleIn .25s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.anchors-page .modal-header{position:relative;padding:24px;background:linear-gradient(135deg,var(--bg-main) 0%,rgba(253,242,248,.8) 100%);border-bottom:1px solid var(--primary-100);display:flex;flex-direction:column;align-items:center}.anchors-page .modal-header h3{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0 0 4px}.anchors-page .modal-subtitle{font-size:var(--text-sm);color:var(--text-secondary);display:block}.anchors-page .modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.anchors-page .modal-close:active{background:var(--primary-100);color:var(--primary);transform:scale(.9)}.anchors-page .modal-close svg{width:20px;height:20px}.anchors-page .modal-body{padding:20px;overflow-y:auto;flex:1}.anchors-page .form-item{margin-bottom:16px}.anchors-page .form-item:last-child{margin-bottom:0}.anchors-page .form-item label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:8px}.anchors-page .form-item input{width:100%;padding:14px 16px;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-main);border:1.5px solid var(--primary-100);border-radius:14px;outline:none;transition:all .2s ease;box-sizing:border-box}.anchors-page .form-item input:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 4px #ec48991a}.anchors-page .form-item input::-moz-placeholder{color:var(--text-hint)}.anchors-page .form-item input::placeholder{color:var(--text-hint)}.anchors-page .form-row-2col{display:flex;gap:12px}.anchors-page .form-row-2col .form-item{flex:1}.anchors-page .form-row-3col{display:flex;gap:10px}.anchors-page .form-row-3col .form-item{flex:1}.anchors-page .form-row-3col input{text-align:center;padding:12px 8px}.anchors-page .modal-footer{display:flex;gap:12px;padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:var(--bg-card);border-top:1px solid var(--primary-100)}.anchors-page .btn-cancel,.anchors-page .btn-confirm{flex:1;height:48px;font-size:var(--text-base);font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease}.anchors-page .btn-cancel{background:var(--primary-100);color:var(--primary)}.anchors-page .btn-cancel:active{background:var(--primary-200)}.anchors-page .btn-confirm{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 16px #ec48994d}.anchors-page .btn-confirm:active{transform:scale(.98);box-shadow:0 2px 8px #ec489940}@media(max-width:400px){.anchors-page .form-row-2col,.anchors-page .form-row-3col{flex-direction:column;gap:0}.anchor-card__stats{display:none}}.anchor-picker{position:relative}.anchor-picker__trigger{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-main);border:1.5px solid var(--primary-100);border-radius:12px;cursor:pointer;transition:all .2s ease;min-height:52px}.anchor-picker__trigger:hover{border-color:var(--primary-200)}.anchor-picker__trigger.open{border-color:var(--primary)}.anchor-picker__placeholder{font-size:var(--text-base);color:var(--text-muted)}.anchor-picker__selected{display:flex;align-items:center;gap:12px;flex:1}.anchor-picker__avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--primary-100)}.anchor-picker__info{display:flex;flex-direction:column;gap:2px}.anchor-picker__name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.anchor-picker__meta{font-size:var(--text-xs);color:var(--text-muted)}.anchor-picker__arrow{width:20px;height:20px;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.anchor-picker__trigger.open .anchor-picker__arrow{transform:rotate(180deg)}.anchor-picker__dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-card);border-radius:16px;box-shadow:0 8px 30px #00000026;z-index:100;max-height:320px;overflow-y:auto;animation:dropdownIn .2s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.anchor-picker__dropdown::-webkit-scrollbar{width:4px}.anchor-picker__dropdown::-webkit-scrollbar-track{background:transparent}.anchor-picker__dropdown::-webkit-scrollbar-thumb{background:var(--primary-200);border-radius:2px}.anchor-picker__empty{padding:24px;text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.anchor-picker__option{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--primary-50)}.anchor-picker__option:last-child{border-bottom:none}.anchor-picker__option:hover{background:var(--primary-50)}.anchor-picker__option.selected{background:#ec489914}.anchor-picker__option .anchor-picker__avatar{width:40px;height:40px;border-width:1.5px}.anchor-picker__option .anchor-picker__info{flex:1}.anchor-picker__option .anchor-picker__name{font-size:var(--text-sm)}.anchor-picker__option .anchor-picker__meta{font-size:11px}.anchor-picker__check{width:20px;height:20px;color:var(--primary);flex-shrink:0}.room-settings{min-height:100vh;background:var(--bg-main);padding-bottom:20px;-webkit-font-smoothing:antialiased}.room-settings .page-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--nav-height) + 12px) var(--page-padding) 16px;background:linear-gradient(180deg,#fff,#fffffff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 3px #0000000d}.room-settings .page-nav__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:none;border-radius:50%;color:var(--primary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.room-settings .page-nav__back:active{transform:scale(.92);background:var(--primary-100)}.room-settings .page-nav__back svg{width:20px;height:20px}.room-settings .page-nav__title{font-size:var(--text-lg);font-weight:700;color:var(--primary-dark)}.create-section{padding:0 var(--page-padding);margin-bottom:16px}.create-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:600;cursor:pointer;box-shadow:0 4px 12px #ec48994d}.create-btn svg{width:20px;height:20px}.create-btn:active{transform:scale(.98)}.rooms-section{padding:0 var(--page-padding)}.room-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #0000000a}.room-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.room-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.room-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.room-level{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 6px;font-size:10px;font-weight:700;color:#fff;border-radius:4px}.room-level--v1{background:linear-gradient(135deg,#f472b6,#d9197d)}.room-level--v2{background:linear-gradient(135deg,silver,#a8a8a8)}.room-level--v3{background:linear-gradient(135deg,gold,#daa520)}.room-level--v4{background:linear-gradient(135deg,#e5e4e2,#b4c7dc);color:#333}.room-level--v5{background:linear-gradient(135deg,#b9f2ff,#60d0e0);color:#333}.room-level--v6{background:linear-gradient(135deg,gold,#ff8c00)}.room-status{padding:4px 10px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600}.room-status.live{background:#10b9811a;color:var(--success)}.room-status.offline{background:var(--primary-100);color:var(--text-muted)}.toggle-btn{padding:8px 14px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-xs);font-weight:600;cursor:pointer}.room-card__body{margin-bottom:12px}.room-meta{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:6px}.room-anchor-info{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:10px;padding:6px 10px;background:var(--bg-main);border-radius:var(--radius-sm)}.room-anchor-info--empty{color:var(--text-hint)}.room-features{display:flex;gap:8px}.feature-tag{padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500}.feature-tag.active{background:#ec48991a;color:var(--primary)}.feature-tag.inactive{background:var(--primary-100);color:var(--text-muted)}.room-card__footer{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--primary-100)}.delete-btn,.edit-btn,.group-settings-btn{flex:1;padding:10px;border:none;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease}.delete-btn{background:#ef44441a;color:#ef4444}.delete-btn:active{background:#ef444433}.edit-btn{background:var(--primary-100);color:var(--primary)}.edit-btn:active{background:var(--primary-200)}.group-settings-btn{flex:2;background:linear-gradient(135deg,#ec48991a,#f472b61a);border:1px solid rgba(236,72,153,.2);color:var(--primary)}.group-settings-btn svg{width:14px;height:14px}.group-settings-btn:active{background:#ec489933}.modal-content{width:100%;max-height:85vh;background:var(--bg-card);border-radius:24px 24px 0 0;overflow:hidden;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-content--large,.modal-content--full{max-height:90vh}.modal-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--primary-100);background:linear-gradient(135deg,#fdf2f8,#fff)}.modal-header h3{font-size:var(--text-lg);font-weight:700;color:var(--primary-dark);margin:0}.modal-subtitle{flex:1;font-size:var(--text-sm);color:var(--text-muted)}.modal-close{width:32px;height:32px;background:var(--bg-main);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close svg{width:16px;height:16px;color:var(--text-muted)}.modal-close:active{transform:rotate(90deg);background:var(--primary-100)}.modal-body{padding:20px;max-height:calc(85vh - 140px);overflow-y:auto}.modal-body--scroll{max-height:calc(90vh - 140px)}.modal-footer{display:flex;gap:12px;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:var(--bg-card);border-top:1px solid var(--primary-100)}.btn-cancel,.btn-confirm{flex:1;padding:14px;border-radius:12px;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:var(--bg-main);border:none;color:var(--text-secondary)}.btn-confirm{background:linear-gradient(135deg,var(--primary),var(--primary-light));border:none;color:#fff;box-shadow:0 4px 12px #ec48994d}.btn-confirm:active{transform:scale(.98)}.form-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px dashed var(--primary-100)}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section__title{font-size:var(--text-sm);font-weight:600;color:var(--primary);margin-bottom:12px;padding-left:8px;border-left:3px solid var(--primary)}.form-item{margin-bottom:16px}.form-item label{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:8px}.form-item input,.form-item select{width:100%;padding:14px 16px;background:var(--bg-main);border:1.5px solid var(--primary-100);border-radius:12px;font-size:var(--text-base);color:var(--text-primary);box-sizing:border-box;-webkit-appearance:none}.form-item input:focus,.form-item select:focus{outline:none;border-color:var(--primary)}.mode-selector{display:flex;gap:12px}.mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:var(--bg-main);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease}.mode-btn svg{width:28px;height:28px;color:var(--text-muted);transition:color .2s ease}.mode-btn span{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:color .2s ease}.mode-btn.active{border-color:var(--primary);background:#ec48990d}.mode-btn.active svg{color:var(--primary)}.mode-btn.active span{color:var(--primary);font-weight:600}.level-selector{display:flex;gap:8px;flex-wrap:wrap}.level-btn{display:flex;align-items:center;justify-content:center;min-width:44px;padding:10px 12px;font-size:var(--text-sm);font-weight:700;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.level-btn--v1{background:linear-gradient(135deg,#f472b6,#d9197d)}.level-btn--v2{background:linear-gradient(135deg,silver,#a8a8a8)}.level-btn--v3{background:linear-gradient(135deg,gold,#daa520)}.level-btn--v4{background:linear-gradient(135deg,#e5e4e2,#b4c7dc);color:#333}.level-btn--v5{background:linear-gradient(135deg,#b9f2ff,#60d0e0);color:#333}.level-btn--v6{background:linear-gradient(135deg,gold,#ff8c00)}.level-btn.active{transform:scale(1.1);box-shadow:0 4px 12px #0003}.package-mode-hint{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-radius:12px}.package-mode-hint svg{width:24px;height:24px;color:#3b82f6;flex-shrink:0}.package-mode-hint p{font-size:var(--text-sm);font-weight:600;color:#1e40af;margin:0 0 4px}.package-mode-hint span{font-size:var(--text-xs);color:#3b82f6;line-height:1.5}.group-settings-compact{background:var(--bg-main);border-radius:12px;overflow:hidden}.group-settings-compact__header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#ec489914,#f472b60d);cursor:pointer}.group-settings-compact__title{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:600;color:var(--primary)}.group-settings-compact__title svg{width:18px;height:18px}.group-settings-compact__status{display:flex;align-items:center;gap:8px}.status-badge{padding:4px 10px;background:var(--bg-card);border-radius:20px;font-size:var(--text-xs);color:var(--text-muted)}.status-badge.active{background:var(--primary);color:#fff}.chevron{width:18px;height:18px;color:var(--text-muted);transition:transform .2s ease}.chevron.up{transform:rotate(180deg)}.group-settings-compact__body{padding:16px}.settings-loading,.settings-empty{display:flex;flex-direction:column;align-items:center;padding:24px;text-align:center}.settings-empty svg{width:40px;height:40px;color:var(--primary-200);margin-bottom:12px}.settings-empty p{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin:0 0 4px}.settings-empty span{font-size:var(--text-xs);color:var(--text-muted)}.compact-section{margin-bottom:16px}.compact-section:last-child{margin-bottom:0}.compact-section>label{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:8px}.compact-section--row{display:flex;gap:12px}.compact-section--row .compact-field{flex:1}.compact-field label{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:6px}.field-input{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--bg-card);border-radius:8px}.field-input input{flex:1;width:60px;padding:0;background:none;border:none;font-size:var(--text-sm);font-weight:600;color:var(--primary);text-align:center}.field-input input:focus{outline:none}.field-input span{font-size:var(--text-xs);color:var(--text-muted)}.field-input .price-prefix{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.package-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.package-scroll::-webkit-scrollbar{display:none}.package-chip{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:20px;cursor:pointer;scroll-snap-align:start;transition:all .2s ease}.package-chip:active{transform:scale(.96)}.package-chip.selected{border-color:var(--primary);background:#ec48990d}.chip-name{font-size:var(--text-xs);font-weight:600;color:var(--text-primary)}.chip-price{font-size:var(--text-xs);font-weight:700;color:var(--primary)}.chip-check{width:14px;height:14px;color:var(--primary)}.condition-toggle{display:flex;gap:8px}.condition-option{flex:1;display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease}.condition-option:active{transform:scale(.98)}.condition-option.selected{border-color:var(--primary);background:#ec48990d}.condition-option svg{width:16px;height:16px;color:var(--text-muted)}.condition-option.selected svg{color:var(--primary)}.condition-option span{font-size:var(--text-xs);font-weight:500;color:var(--text-secondary)}.condition-option.selected span{color:var(--primary);font-weight:600}.group-settings-full{display:flex;flex-direction:column;gap:20px}.settings-block{background:var(--bg-main);border-radius:16px;padding:16px}.block-header{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:600;color:var(--primary);margin-bottom:14px;padding-bottom:10px;border-bottom:1px dashed var(--primary-100)}.block-header svg{width:18px;height:18px}.package-cards{display:flex;flex-direction:column;gap:10px}.package-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease}.package-card:active{transform:scale(.98)}.package-card.selected{border-color:var(--primary);background:linear-gradient(135deg,#ec48990d,#f472b608)}.card-check{width:22px;height:22px;background:var(--bg-main);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.package-card.selected .card-check{background:var(--primary);border-color:var(--primary)}.card-check svg{width:12px;height:12px;color:#fff;opacity:0;transition:opacity .2s ease}.package-card.selected .card-check svg{opacity:1}.card-content{flex:1}.card-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px}.card-meta{font-size:var(--text-xs);color:var(--text-muted)}.card-price{display:flex;align-items:baseline;gap:2px}.price-symbol{font-size:var(--text-xs);font-weight:600;color:var(--primary)}.price-value{font-size:var(--text-xl);font-weight:700;color:var(--primary)}.param-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.param-item label{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:6px}.param-input{display:flex;align-items:center;gap:6px;padding:12px;background:var(--bg-card);border-radius:10px}.param-input input{flex:1;width:100%;padding:0;background:none;border:none;font-size:var(--text-base);font-weight:600;color:var(--primary);text-align:center}.param-input input:focus{outline:none}.param-input span{font-size:var(--text-xs);color:var(--text-muted)}.param-input.price span:first-child{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.condition-buttons{display:flex;flex-direction:column;gap:10px}.condition-btn{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;text-align:left;transition:all .2s ease}.condition-btn:active{transform:scale(.98)}.condition-btn.active{border-color:var(--primary);background:linear-gradient(135deg,#ec48990d,#f472b608)}.btn-icon{width:40px;height:40px;background:var(--bg-main);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.condition-btn.active .btn-icon{background:linear-gradient(135deg,var(--primary),var(--primary-light))}.btn-icon svg{width:20px;height:20px;color:var(--text-muted)}.condition-btn.active .btn-icon svg{color:#fff}.btn-text{flex:1}.btn-title{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px}.condition-btn.active .btn-title{color:var(--primary)}.btn-desc{display:block;font-size:var(--text-xs);color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{width:64px;height:64px;color:var(--primary-200);opacity:.5;margin-bottom:16px}.empty-state__text{font-size:var(--text-sm);color:var(--text-muted)}.group-status-section{padding:12px;background:var(--bg-gray);border-radius:8px;margin-top:12px}.group-status-display{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.status-indicator{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:var(--text-sm);font-weight:600;color:#fff}.time-info{font-size:var(--text-xs);color:var(--text-muted)}.group-control-buttons{display:flex;gap:8px;flex-wrap:wrap}.control-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:var(--text-sm);font-weight:500;border:none;cursor:pointer;transition:all .2s}.control-btn svg{width:14px;height:14px}.control-btn.start{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.control-btn.start:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.control-btn.end{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.control-btn.end:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.control-btn.reset{background:var(--bg-gray);color:var(--text-secondary);border:1px solid var(--border)}.control-btn.reset:hover{background:var(--bg-hover)}.group-status-panel{padding:16px;background:var(--bg-gray);border-radius:12px}.status-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.status-row:last-of-type{border-bottom:none}.status-label{font-size:var(--text-sm);color:var(--text-muted)}.status-value{font-size:var(--text-sm);font-weight:600}.control-row{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.control-row .control-btn{flex:1;justify-content:center;padding:12px}.custom-time-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.custom-time-toggle,.custom-time-label{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.custom-time-toggle input,.custom-time-label input{width:16px;height:16px;accent-color:var(--primary)}.custom-time-input{margin-top:8px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:var(--text-sm);background:#fff}.custom-time-input.full{width:100%}.participants-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.participants-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:8px 0}.participants-title{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.participants-title svg{width:16px;height:16px;color:var(--primary)}.refresh-icon{width:16px;height:16px;color:var(--text-muted);transition:transform .3s}.participants-header:hover .refresh-icon{transform:rotate(180deg)}.participants-list{max-height:200px;overflow-y:auto;margin-top:8px}.participant-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light)}.participant-item:last-child{border-bottom:none}.participant-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--primary-100)}.participant-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.participant-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-meta{font-size:var(--text-xs);color:var(--text-muted)}.participant-time{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.participants-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.packages-page{min-height:100vh;background:#f8f9fc;padding-bottom:24px}.packages-page .page-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--nav-height) + 12px) 16px 16px;background:linear-gradient(180deg,#fff,#fdf2f8f2 70%,#fdf2f800)}.packages-page .page-nav__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:12px;color:var(--primary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ec48991a}.packages-page .page-nav__back:active{transform:scale(.92);background:var(--primary-100)}.packages-page .page-nav__back svg{width:20px;height:20px}.packages-page .page-nav__title{font-size:17px;font-weight:700;color:var(--primary);letter-spacing:.5px}.packages-page .page-nav__action{width:40px;height:40px}.packages-page .tab-bar-new{position:relative;display:flex;margin:0 16px 20px;padding:5px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.packages-page .tab-indicator{position:absolute;top:5px;width:calc(50% - 5px);height:calc(100% - 10px);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0}.packages-page .tab-indicator.left{left:5px}.packages-page .tab-indicator.right{left:50%}.packages-page .tab-btn-new{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:transparent;border:none;border-radius:12px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .3s ease;position:relative;z-index:1}.packages-page .tab-btn-new svg{width:18px;height:18px;transition:all .3s ease}.packages-page .tab-btn-new.active{color:#fff}.packages-page .tab-btn-new.active svg{transform:scale(1.1)}.packages-page .tab-btn-new:active{transform:scale(.98)}.packages-page .package-tab{padding:0 16px}.packages-page .quick-actions{display:flex;gap:10px;margin-bottom:16px}.packages-page .quick-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:#fff;border:1px solid #e8e8ee;border-radius:12px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000005}.packages-page .quick-btn svg{width:16px;height:16px}.packages-page .quick-btn:active{transform:scale(.98);background:#f5f5f7}.packages-page .quick-btn.primary{flex:1;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border:none;color:#fff;box-shadow:0 4px 12px #ec48994d}.packages-page .quick-btn.primary:active{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);box-shadow:0 2px 6px #ec489940}.packages-page .package-list{display:flex;flex-direction:column;gap:14px}.packages-page .package-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);animation:cardSlideIn .4s ease forwards;animation-delay:var(--delay, 0s);opacity:0}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.packages-page .package-card:hover{box-shadow:0 8px 24px #ec48991f;transform:translateY(-2px)}.packages-page .package-card:active{transform:scale(.99) translateY(0)}.packages-page .package-card.disabled{opacity:.5}.packages-page .package-card.disabled .card-accent{background:#d1d5db!important}.card-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary) 0%,var(--primary-light) 100%)}.card-content{padding:16px 16px 16px 20px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.card-title{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#ec48991a,#ec48990d);overflow:hidden}.card-icon svg{width:26px;height:26px;color:var(--primary)}.card-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.card-icon--group{background:linear-gradient(135deg,#ec489926,#ec489914)}.card-info{flex:1;min-width:0}.card-info h4{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-id{font-size:12px;color:var(--text-muted)}.status-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#f3f4f6;color:var(--text-muted)}.status-tag.active{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.card-price{text-align:right;flex-shrink:0}.price-symbol{font-size:13px;font-weight:600;color:var(--primary)}.price-value{font-size:22px;font-weight:800;color:var(--primary);line-height:1}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.tag{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#f8f9fc;border-radius:8px;font-size:13px;color:var(--text-secondary)}.tag svg{width:14px;height:14px;color:var(--text-muted)}.tag-highlight{background:linear-gradient(135deg,#ec489914,#ec48990a);color:var(--primary)}.tag-highlight svg{color:var(--primary)}.card-description{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:12px;padding:10px 12px;background:#f8f9fc;border-radius:8px}.card-actions{display:flex;gap:8px;padding-top:14px;border-top:1px solid #f0f0f5}.card-actions button{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;flex:1}.card-actions button svg{width:15px;height:15px}.btn-edit{background:#f0f0f5;color:var(--text-secondary)}.btn-edit:active{background:#e5e5ea;transform:scale(.98)}.btn-delete{background:#fef2f2;color:#ef4444}.btn-delete:active{background:#fee2e2;transform:scale(.98)}.btn-toggle{background:#f0f0f5;color:var(--text-secondary)}.btn-toggle.active{background:#fff7ed;color:#f97316}.btn-toggle:active{transform:scale(.98)}.list-loading,.list-empty{padding:60px 20px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000a}.spinner{width:32px;height:32px;border:3px solid #f0f0f5;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}.spinner-small{width:20px;height:20px;border:2px solid #f0f0f5;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 6px}.list-loading span{color:var(--text-muted);font-size:14px}.empty-illustration{width:80px;height:80px;background:linear-gradient(135deg,#ec489914,#ec489908);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.empty-illustration svg{width:40px;height:40px;color:var(--primary);opacity:.5}.list-empty p{color:var(--text-muted);font-size:14px;margin:0 0 16px}.list-empty button{padding:12px 24px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #ec48994d;transition:all .2s ease}.list-empty button:active{transform:scale(.98)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;animation:overlayFadeIn .25s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{width:100%;max-height:90vh;background:#fff;border-radius:28px 28px 0 0;overflow:hidden;animation:modalSlideUp .35s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUp{0%{transform:translateY(100%);opacity:.9}to{transform:translateY(0);opacity:1}}.modal-panel:before{content:"";display:block;width:40px;height:4px;background:#e2e8f0;border-radius:2px;margin:12px auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 16px}.modal-header h3{font-size:18px;font-weight:700;color:#1e293b;margin:0}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s ease}.modal-close:active{background:#e2e8f0;transform:scale(.92)}.modal-body{padding:0 20px 20px;max-height:calc(90vh - 180px);overflow-y:auto}.form-section{margin-bottom:20px}.form-section:last-child{margin-bottom:0}.form-section-title{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.form-row{display:flex;gap:12px}.form-row .form-field{flex:1}.form-field{margin-bottom:16px}.form-field:last-child{margin-bottom:0}.form-field label{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#475569;margin-bottom:8px}.form-field .required{color:#ef4444}.form-field input[type=text],.form-field input[type=number],.form-field input[type=password],.form-field textarea,.form-field select{width:100%;padding:13px 16px;font-size:15px;font-family:inherit;font-weight:500;color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;transition:all .2s ease;box-sizing:border-box;-webkit-appearance:none}.form-field input::-moz-placeholder,.form-field textarea::-moz-placeholder{color:#94a3b8;font-weight:400}.form-field input::placeholder,.form-field textarea::placeholder{color:#94a3b8;font-weight:400}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #ec48991a}.form-field textarea{resize:vertical;min-height:88px;line-height:1.6}.form-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px;cursor:pointer}.status-toggle{display:flex;gap:8px;padding:4px;background:#f1f5f9;border-radius:12px}.status-toggle button{flex:1;padding:10px 16px;font-size:13px;font-weight:600;color:#64748b;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.status-toggle button:hover{color:#475569}.status-toggle button.active{background:#fff;color:#1e293b;box-shadow:0 2px 8px #00000014}.status-toggle button.active.status-on{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.status-toggle button.active.status-off{background:#94a3b8;color:#fff}.form-field input:disabled,.form-field textarea:disabled,.form-field select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.modal-footer{display:flex;gap:12px;padding:16px 20px;padding-bottom:max(24px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #f1f5f9}.modal-footer button{flex:1;height:50px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.btn-cancel{background:#f1f5f9;color:#475569}.btn-cancel:active{background:#e2e8f0;transform:scale(.98)}.btn-submit{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;box-shadow:0 4px 16px #ec489959}.btn-submit:active{transform:scale(.98);box-shadow:0 2px 8px #ec48994d}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.icon-upload-area{position:relative}.icon-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px;cursor:pointer;transition:all .2s ease}.icon-placeholder:hover{border-color:var(--primary);background:#ec48990a}.icon-placeholder:active{transform:scale(.98)}.icon-placeholder svg{width:24px;height:24px;color:#94a3b8}.icon-placeholder span{font-size:12px;color:#64748b}.icon-placeholder .upload-hint{font-size:10px;color:#94a3b8}.upload-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px}.upload-loading span{font-size:12px;color:#64748b}.icon-preview{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px;background:#f8fafc;border:1.5px solid var(--primary);border-radius:10px}.icon-preview img{width:56px;height:56px;-o-object-fit:contain;object-fit:contain}.icon-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ef4444;border:2px solid #ffffff;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.icon-remove svg{width:12px;height:12px}.icon-remove:hover{transform:scale(1.1)}.icon-remove:active{transform:scale(.95)}@media(max-width:375px){.form-row{flex-direction:column;gap:0}.packages-page .tab-btn-new span{font-size:13px}.modal-footer{flex-direction:column;gap:10px}.modal-footer button{width:100%}}.operator-qrcode-page{min-height:100vh;background:linear-gradient(180deg,#fff,#fdf2f8);padding-bottom:40px}.operator-qrcode-page .page-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--nav-height) + 12px) 16px 16px;background:linear-gradient(180deg,#fff,#fdf2f8f2 70%,#fdf2f800)}.operator-qrcode-page .page-nav__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:12px;color:var(--primary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ec48991a}.operator-qrcode-page .page-nav__back:active{transform:scale(.92);background:var(--primary-100)}.operator-qrcode-page .page-nav__back svg{width:20px;height:20px}.operator-qrcode-page .page-nav__title{font-size:17px;font-weight:700;color:var(--primary);letter-spacing:.5px}.operator-qrcode-page .page-nav__action{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--primary);cursor:pointer}.operator-qrcode-page .page-nav__action svg{width:20px;height:20px}.operator-qrcode-page .error-banner{margin:16px;padding:12px 16px;background:#fff;border:1px solid rgba(236,72,153,.2);border-radius:14px;display:flex;justify-content:space-between;align-items:center;color:var(--primary);font-size:13px;box-shadow:0 2px 8px #0000000a}.operator-qrcode-page .error-banner button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.operator-qrcode-page .error-banner button:active{transform:scale(.97)}.operator-qrcode-page .invite-code-card{margin:16px;padding:24px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:20px;color:#fff;box-shadow:0 8px 24px #ec48994d;position:relative;overflow:hidden}.invite-code-card:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:#ffffff1a;border-radius:50%}.invite-code-card:after{content:"";position:absolute;bottom:-40px;left:-40px;width:160px;height:160px;background:#ffffff14;border-radius:50%}.invite-code-card__header{display:flex;align-items:center;gap:12px;margin-bottom:20px;position:relative;z-index:1}.invite-code-card__avatar{width:44px;height:44px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.invite-code-card__avatar svg{width:22px;height:22px}.invite-code-card__info{flex:1}.invite-code-card__name{font-size:17px;font-weight:700}.invite-code-card__role{font-size:12px;opacity:.85}.invite-code-card__code{background:#ffffff26;border-radius:14px;padding:16px;text-align:center;position:relative;z-index:1}.code-label{font-size:11px;opacity:.85;margin-bottom:8px}.code-value{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:26px;font-weight:800;letter-spacing:4px;cursor:pointer;padding:10px 20px;background:#ffffff40;border-radius:12px;transition:all .2s ease;border:2px solid rgba(255,255,255,.3);min-width:160px}.code-value:active{transform:scale(.98);background:#ffffff59}.code-value svg{width:20px;height:20px;opacity:.9}.code-value .copy-success{color:#86efac;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.code-tip{font-size:11px;opacity:.7;margin-top:10px}.regenerate-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:14px;padding:10px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.regenerate-btn:active{background:#ffffff4d;transform:scale(.98)}.regenerate-btn svg{width:16px;height:16px}.operator-qrcode-page .qrcode-card{margin:16px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000a;border:1px solid rgba(0,0,0,.04)}.qrcode-card__title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.qrcode-card__title svg{width:18px;height:18px;color:var(--primary)}.qrcode-card__image{display:flex;justify-content:center;margin-bottom:14px}.qrcode-wrapper{padding:16px;background:#fff;border-radius:14px;border:2px dashed rgba(236,72,153,.2)}.qrcode-card__tip{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--text-muted)}.qrcode-card__tip svg{width:14px;height:14px}.operator-qrcode-page .action-section{padding:0 16px;margin-top:16px}.operator-qrcode-page .action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.operator-qrcode-page .action-btn svg{width:18px;height:18px}.operator-qrcode-page .action-btn:active{transform:scale(.98)}.operator-qrcode-page .action-btn--primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;box-shadow:0 4px 16px #ec48994d}.operator-qrcode-page .action-btn--primary:active{box-shadow:0 2px 8px #ec489940}.operator-qrcode-page .action-btn:disabled{cursor:not-allowed;opacity:.8}.operator-qrcode-page .action-btn.saving{opacity:.8}.operator-qrcode-page .action-btn.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.operator-qrcode-page .action-btn.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef44444d}.operator-qrcode-page .action-btn .spinner{animation:spin 1s linear infinite}.operator-qrcode-page .qrcode-guide{margin:16px;padding:18px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000a;border:1px solid rgba(0,0,0,.04)}.guide-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:14px}.guide-list{display:flex;flex-direction:column;gap:12px}.guide-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.guide-item--highlight{color:var(--primary);font-weight:500}.guide-num{width:20px;height:20px;background:var(--primary-100);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.guide-item--highlight .guide-num{background:#ec48991a}.code-list-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.code-list-modal{width:100%;max-height:70vh;background:#fff;border-radius:24px 24px 0 0;overflow:hidden;animation:slideUp .3s ease}.code-list-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(236,72,153,.1)}.code-list-header h3{font-size:17px;font-weight:700;color:var(--text-primary);margin:0}.code-list-header button{background:var(--primary-100);border:none;padding:8px 14px;border-radius:10px;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.code-list-header button:active{background:var(--primary-200)}.code-list-body{padding:16px;max-height:50vh;overflow-y:auto}.code-list-empty{text-align:center;padding:40px;color:var(--text-muted);font-size:14px}.code-list-item{background:#fff;border-radius:14px;padding:14px;margin-bottom:10px;box-shadow:0 2px 8px #0000000a;border:1px solid rgba(0,0,0,.04)}.code-list-item.disabled{opacity:.5}.code-list-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.code-list-code{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:2px}.code-list-status{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.code-list-status.active{background:#10b9811a;color:#10b981}.code-list-status.inactive{background:#f3f4f6;color:var(--text-muted)}.code-list-meta{font-size:12px;color:var(--text-muted);margin-bottom:8px}.code-list-disable{width:100%;padding:10px;background:#fff;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.code-list-disable:active{background:#fef2f2}.qrcode-loading,.qrcode-empty{width:180px;height:180px;display:flex;align-items:center;justify-content:center;background:#fdf2f8;border-radius:14px;color:var(--text-muted);font-size:14px}.data-management-page{min-height:100vh;background:var(--bg-main);padding-bottom:30px}.data-management-page .page-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--nav-height) + 12px) var(--page-padding) 20px;background:linear-gradient(180deg,var(--bg-main) 0%,rgba(253,242,248,.95) 70%,rgba(253,242,248,0) 100%)}.data-management-page .page-nav__back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:50%;color:var(--primary);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #ec48991f}.data-management-page .page-nav__back:active{transform:scale(.92);background:var(--primary-100)}.data-management-page .page-nav__back svg{width:22px;height:22px}.data-management-page .page-nav__title{font-size:var(--text-xl);font-weight:700;color:var(--primary-dark);letter-spacing:.5px}.data-management-page .page-nav__action{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--primary);cursor:pointer;background:#fffffff2;border-radius:50%;box-shadow:0 4px 16px #ec48991f;transition:all .2s ease;border:none}.data-management-page .page-nav__action:active{transform:scale(.92);background:var(--primary-100)}.data-content{position:relative;z-index:1;padding:0 var(--page-padding)}.loading-state{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-muted);font-size:var(--text-base)}.section-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.stats-section{margin-bottom:32px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{background:var(--bg-card);border-radius:20px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 12px #0000000a;border:1px solid rgba(0,0,0,.03);transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.stat-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:26px;height:26px;color:#fff}.stat-icon.customers{background:linear-gradient(135deg,var(--primary),var(--primary-light))}.stat-icon.public-sea{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.stat-icon.anchors{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.stat-icon.binds{background:linear-gradient(135deg,var(--success),#34d399)}.stat-icon.invite-codes{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.stat-icon.consumes{background:linear-gradient(135deg,var(--danger),#f87171)}.stat-icon.orders{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.stat-icon.packages{background:linear-gradient(135deg,#6366f1,#818cf8)}.stat-info{display:flex;flex-direction:column;gap:4px;min-width:0}.stat-value{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);line-height:1}.stat-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.actions-section{margin-bottom:32px}.actions-list{display:flex;flex-direction:column;gap:12px}.action-item{background:var(--bg-card);border-radius:20px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 2px 12px #0000000a;border:1px solid transparent;transition:all .2s ease}.action-item.danger{border-left:4px solid var(--danger)}.action-item.warning{border-left:4px solid var(--warning)}.action-item:active{transform:scale(.99)}.action-info{flex:1;min-width:0}.action-name{display:block;font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:6px}.action-desc{display:block;font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.action-btn{padding:12px 20px;border-radius:14px;font-size:var(--text-sm);font-weight:600;cursor:pointer;border:none;flex-shrink:0;transition:all .2s ease}.action-btn:active{transform:scale(.95)}.action-btn.danger{background:var(--danger-light);color:var(--danger)}.action-btn.danger:hover:not(:disabled){background:#fecaca}.action-btn.warning{background:var(--warning-light);color:#d97706}.action-btn.warning:hover:not(:disabled){background:#fef3c7}.action-btn:disabled{opacity:.4;cursor:not-allowed}.add-client-page{min-height:100vh;background:var(--bg-main);padding-bottom:40px}.edit-client-page{min-height:100vh;background:var(--bg-main);padding-bottom:40px}.page-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--nav-height) + 12px) var(--page-padding) 20px;background:linear-gradient(180deg,var(--bg-main) 0%,rgba(253,242,248,.95) 70%,rgba(253,242,248,0) 100%)}.page-nav__placeholder{width:40px}.form-section{position:relative;z-index:1;padding:var(--page-padding)}.form-item{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.form-input{width:100%;height:50px;padding:0 16px;background:var(--bg-card);border:1.5px solid var(--primary-200);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-primary);transition:border-color .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary)}.submit-section{position:relative;z-index:1;padding:24px var(--page-padding) 0}.submit-btn{width:100%;height:50px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:var(--text-lg);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-lg);transition:all .2s ease}.submit-btn:active{opacity:.9;transform:scale(.98)}.operator-orders{width:100%;min-height:100vh;min-height:100dvh;background:#fdf2f8;display:flex;flex-direction:column}.order-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(236,72,153,.06)}.header-back-btn,.header-refresh-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fdf2f8;border:none;border-radius:12px;color:#831843;cursor:pointer;transition:all .2s}.header-back-btn:active,.header-refresh-btn:active{transform:scale(.95);background:#fce7f3}.header-title{font-size:17px;font-weight:600;color:#831843}.order-tabs-wrapper{display:flex;position:relative;margin:16px 20px;padding:6px;background:#fff;border-radius:18px;box-shadow:0 4px 16px #ec489914,inset 0 1px #fff;border:1px solid rgba(236,72,153,.06)}.order-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;cursor:pointer;position:relative;z-index:2;transition:all .3s ease}.order-tab__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f3f4f6;color:#9ca3af;transition:all .3s ease}.order-tab__text{font-size:15px;font-weight:600;color:#9ca3af;transition:all .3s ease}.order-tab__count{padding:2px 8px;background:#f3f4f6;color:#9ca3af;font-size:12px;font-weight:700;border-radius:10px;transition:all .3s ease}.order-tab__dot{width:8px;height:8px;background:#ec4899;border-radius:50%;animation:dotPulse 1.5s infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.order-tab.active .order-tab__icon{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff;box-shadow:0 4px 12px #ec489959;transform:scale(1.05)}.order-tab.active .order-tab__text{color:#1f2937;font-weight:700}.order-tab.active .order-tab__count{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff;box-shadow:0 2px 8px #ec48994d}.order-tab__slider{position:absolute;top:6px;left:6px;width:calc(50% - 6px);height:calc(100% - 12px);background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-radius:14px;box-shadow:0 2px 8px #ec489926,inset 0 1px #fffc;z-index:1}.time-filter{display:flex;padding:0 20px 16px;gap:10px}.time-filter__btn{flex:1;padding:10px 12px;background:#fff;border:1px solid rgba(236,72,153,.08);border-radius:12px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.time-filter__btn:active{transform:scale(.98)}.time-filter__btn.active{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff;border-color:transparent;box-shadow:0 4px 12px #ec489940;font-weight:600}.stats-overview{padding:0 20px 16px;display:flex;flex-direction:column;gap:12px}.stats-card--main{background:#fff;border-radius:20px;padding:18px;box-shadow:0 4px 16px #ec48990f;border:1px solid rgba(255,255,255,.8)}.stats-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stats-label{font-size:14px;color:#6b7280;font-weight:500}.stats-type{font-size:12px;color:#ec4899;background:#ec48991a;padding:4px 10px;border-radius:20px;font-weight:600}.stats-card__amount{margin-bottom:12px;display:flex;align-items:baseline;gap:4px}.stats-card__amount .currency{font-size:20px;color:#ec4899;font-weight:700}.stats-card__amount .amount{font-size:36px;font-weight:800;color:#1f2937;letter-spacing:-.02em;line-height:1}.stats-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f3f4f6;font-size:13px;color:#6b7280}.stats-card__footer strong{color:#1f2937;font-weight:700}.stats-card__footer .commission{color:#10b981;font-weight:700;font-size:14px}.stats-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats-item{background:#fff;border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 2px 10px #ec48990d;border:1px solid rgba(255,255,255,.8);transition:all .2s}.stats-item:active{transform:scale(.98)}.stats-item__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ec48991a;border-radius:10px;color:#ec4899}.stats-item__icon svg{width:18px;height:18px}.stats-item__value{font-size:18px;font-weight:800;color:#1f2937;letter-spacing:-.02em}.stats-item__label{font-size:11px;color:#9ca3af;font-weight:500}.filter-section{padding:0 20px 16px}.filter-row{display:flex;gap:12px;align-items:center}.search-wrapper{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-radius:14px;border:1.5px solid rgba(236,72,153,.08);box-shadow:0 2px 8px #ec48990a;transition:all .25s ease}.search-wrapper:focus-within{border-color:#ec4899;box-shadow:0 4px 16px #ec48991f}.search-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ec489914;border-radius:8px;color:#9ca3af;flex-shrink:0;transition:all .25s ease}.search-wrapper:focus-within .search-icon{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff}.search-input{flex:1;border:none;background:transparent;font-size:14px;color:#1f2937;outline:none}.search-input::-moz-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.search-clear{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;transition:all .2s;flex-shrink:0}.search-clear:active{background:#e5e7eb;color:#6b7280;transform:scale(.9)}.filter-toggle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;gap:2px;background:#fff;border:1.5px solid rgba(236,72,153,.1);border-radius:12px;color:#6b7280;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 8px #ec48990a}.filter-toggle:active{transform:scale(.95)}.filter-toggle svg:first-child{width:18px;height:18px}.filter-toggle span{display:flex;align-items:center;justify-content:center}.filter-toggle span svg{width:12px;height:12px}.filter-toggle.active{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff;border-color:transparent;box-shadow:0 4px 16px #ec48994d}.filter-tags-row{display:flex;gap:8px;margin-top:10px}.filter-tag{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1.5px solid rgba(236,72,153,.1);border-radius:10px;font-size:13px;font-weight:500;color:#6b7280;box-shadow:0 2px 8px #ec48990a;transition:all .25s ease;cursor:pointer}.filter-tag svg{width:14px;height:14px;transition:all .25s ease}.filter-tag:hover{border-color:#ec489933;transform:translateY(-1px);box-shadow:0 4px 12px #ec489914}.filter-tag:active{transform:scale(.97)}.filter-tag.active{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff;border-color:transparent;box-shadow:0 4px 16px #ec48994d}.filter-tag.active svg{color:#fff}.filter-panel{background:#fff;border-radius:20px;padding:18px;box-shadow:0 8px 32px #ec48991f;border:1px solid rgba(255,255,255,.9);overflow:hidden}.filter-group{margin-bottom:16px}.filter-group:last-of-type{margin-bottom:0}.filter-group label{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280;margin-bottom:10px;font-weight:600}.filter-group label:before{content:"";width:3px;height:12px;background:linear-gradient(180deg,#ec4899,#f472b6);border-radius:2px}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-option{padding:8px 14px;background:#f3f4f6;border:none;border-radius:10px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.filter-option:hover{background:#e5e7eb}.filter-option:active{transform:scale(.96)}.filter-option.active{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff;box-shadow:0 2px 8px #ec489940}.filter-group input{width:100%;padding:12px 14px;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;transition:all .2s;box-sizing:border-box}.filter-group input:focus{border-color:#ec4899;background:#fff;box-shadow:0 0 0 3px #ec48991a}.filter-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.btn-clear,.btn-apply{flex:1;padding:12px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-clear{background:#f3f4f6;color:#6b7280}.btn-apply{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff;box-shadow:0 4px 12px #ec489940}.order-list{flex:1;padding:0 20px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.list-header{display:flex;justify-content:flex-start;align-items:center;padding:8px 4px;font-size:13px;color:#6b7280;margin-bottom:8px}.list-header:before{content:"";display:inline-block;width:4px;height:16px;background:linear-gradient(180deg,#ec4899,#f472b6);border-radius:2px;margin-right:8px;vertical-align:middle}.orders-wrapper{display:flex;flex-direction:column;gap:14px}.order-card{background:#fff;border-radius:20px;padding:0;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 16px #ec48990f;border:1px solid rgba(255,255,255,.9);overflow:hidden;position:relative}.order-card:active{transform:scale(.99)}.order-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.order-card:hover{box-shadow:0 8px 28px #ec48991f;transform:translateY(-2px)}.order-card__top{display:flex;justify-content:space-between;align-items:center;padding:20px 16px 12px}.order-card__meta{display:flex;align-items:center;gap:8px}.order-type-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:#3b82f61a;color:#3b82f6;font-size:12px;font-weight:600;border-radius:8px}.group-badge{display:inline-flex;align-items:center;padding:4px 8px;background:#ec48991a;color:#ec4899;font-size:11px;font-weight:700;border-radius:6px}.group-badge.large{padding:5px 10px;font-size:12px;border-radius:8px}.order-status-badge{padding:6px 12px;border-radius:10px;font-size:12px;font-weight:700}.status-pending{background:#f59e0b1f;color:#d97706}.status-paid,.status-completed{background:#10b9811f;color:#059669}.status-cancelled,.status-refunded{background:#6b72801f;color:#6b7280}.status-ongoing{background:#3b82f61f;color:#2563eb}.status-success{background:#10b9811f;color:#059669}.status-failed{background:#ef44441f;color:#dc2626}.order-card__content{padding:0 16px 16px}.order-card__title{font-size:16px;font-weight:700;color:#1f2937;margin-bottom:12px;line-height:1.4}.order-card__price{display:flex;align-items:baseline;gap:4px}.price-symbol{font-size:16px;font-weight:600;color:#ec4899}.price-value{font-size:22px;font-weight:800;color:#1f2937;letter-spacing:-.02em}.group-price{color:#ec4899}.commission-tag{margin-left:8px;padding:3px 8px;background:#10b9811a;color:#059669;font-size:12px;font-weight:600;border-radius:6px}.original-price{margin-left:8px;font-size:14px;color:#9ca3af;text-decoration:line-through}.order-card__footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fafafa;border-top:1px solid #f3f4f6}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f472b6,#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;box-shadow:0 3px 10px #ec489940;flex-shrink:0;position:relative;border:2px solid rgba(255,255,255,.9)}.user-avatar img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-avatar svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.8}.user-avatar .hidden{display:none}.user-avatar.leader{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 3px 10px #f59e0b4d;border-color:#ffffffe6}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.3}.user-phone{font-size:12px;color:#9ca3af;font-family:SF Mono,Fira Code,Monaco,monospace}.order-card__footer{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(180deg,#fafafa,#f5f5f5);border-top:1px solid #f0f0f0}.order-card__user{display:flex;align-items:center;gap:10px}.order-card__time{display:flex;align-items:center;gap:6px;font-size:13px;color:#9ca3af;flex-shrink:0}.order-card__time svg{opacity:.7}.order-card__anchor{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ec48990d;border-top:1px dashed #f3f4f6;font-size:13px;color:#ec4899;font-weight:500}.order-card__anchor svg{opacity:.8}.order-card__id{padding:8px 16px;background:#f9fafb;border-top:1px solid #f3f4f6;font-size:12px;color:#9ca3af;font-family:SF Mono,Fira Code,Monaco,monospace}.group-progress-section{padding:0 16px 16px}.group-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.group-progress__text{font-size:13px;color:#6b7280;font-weight:500}.group-progress__remain{font-size:12px;color:#ec4899;font-weight:600}.group-progress__bar{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.group-progress__fill{height:100%;background:linear-gradient(90deg,#f472b6,#ec4899);border-radius:4px}.order-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.empty-icon{width:80px;height:80px;background:#fce7f3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#ec4899;opacity:.5}.empty-text{font-size:15px;font-weight:500;color:#9ca3af}.loading-spinner{width:32px;height:32px;border:3px solid #FCE7F3;border-top-color:#ec4899;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.small{width:20px;height:20px;border-width:2px;margin-right:8px}.loading-text{margin-top:16px;font-size:14px;color:#9ca3af}.load-more{display:flex;align-items:center;justify-content:center;padding:16px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;background:#fff;border-radius:14px;margin-top:8px;transition:all .2s;box-shadow:0 2px 10px #ec48990d}.load-more:active{transform:scale(.98);color:#ec4899}@media screen and (max-width:360px){.order-header{padding:10px 12px}.order-tabs-wrapper{margin:12px 14px;padding:5px}.order-tab{padding:10px}.order-tab__text{font-size:13px}.order-tab__icon{width:28px;height:28px}.time-filter{padding:0 14px 12px}.time-filter__btn{padding:8px 10px;font-size:12px}.stats-overview{padding:0 14px 12px}.stats-card--main{padding:14px}.stats-card__amount .currency{font-size:16px}.stats-card__amount .amount{font-size:28px}.stats-card__footer{font-size:12px}.stats-secondary{gap:10px}.stats-item{padding:12px 10px}.stats-item__icon{width:32px;height:32px}.stats-item__value{font-size:16px}.stats-item__label{font-size:10px}.filter-section{padding:0 14px 12px}.filter-row{gap:10px}.search-wrapper{padding:8px 12px}.search-input{font-size:13px}.filter-toggle{width:40px;height:40px}.filter-tags{gap:6px}.filter-tag{padding:6px 10px;font-size:12px}.filter-tag svg{width:12px;height:12px}.filter-tag span:not(.filter-tag svg){display:none}.order-list{padding:0 14px 14px}.order-card{padding:14px;margin-bottom:12px}.order-card__header{margin-bottom:12px}.order-card__title{font-size:14px}.order-card__price{font-size:16px}.order-card__info{font-size:12px}.order-card__status{padding:4px 10px;font-size:11px}.order-card__actions{padding:12px;gap:8px}.action-btn{padding:8px 14px;font-size:12px}.empty-state{padding:40px 14px}.empty-state__icon{width:60px;height:60px}.empty-state__title{font-size:16px}.load-more{padding:12px;font-size:13px}}@media screen and (min-width:361px)and (max-width:413px){.order-tabs-wrapper{margin:14px 16px}.time-filter,.stats-overview,.filter-section{padding:0 16px 14px}.order-list{padding:0 16px 16px}}@media screen and (min-width:414px)and (max-width:480px){.order-tabs-wrapper{margin:16px 18px}.stats-card__amount .amount{font-size:32px}.stats-item__value{font-size:17px}}@media screen and (min-width:481px)and (max-width:768px){.order-header{padding:12px 20px}.order-tabs-wrapper{margin:16px 20px}.time-filter,.stats-overview,.filter-section{padding:0 20px 16px}.order-list{padding:0 20px 20px}.stats-card--main{padding:20px}.stats-card__amount .amount{font-size:36px}.stats-secondary{grid-template-columns:repeat(3,1fr);gap:16px}.stats-item{padding:16px}.stats-item__icon{width:40px;height:40px}.stats-item__value{font-size:20px}}@media screen and (min-width:769px){.order-header{padding:14px 24px}.header-title{font-size:18px}.order-tabs-wrapper{margin:18px 24px}.time-filter,.stats-overview,.filter-section{padding:0 24px 18px}.order-list{padding:0 24px 24px}.stats-card--main{padding:22px}.stats-card__amount .amount{font-size:40px}.stats-secondary{gap:16px}.stats-item{padding:18px 16px}.stats-item__value{font-size:22px}}@media(orientation:landscape)and (max-height:500px){.order-header{padding:8px 16px}.stats-overview,.order-list{padding-bottom:10px}}@media(hover:none)and (pointer:coarse){.filter-tag:hover{transform:none;box-shadow:0 2px 8px #ec48990a}.filter-tag:active{transform:scale(.97)}}@supports (padding: max(0px)){.order-header{padding-top:max(12px,calc(env(safe-area-inset-top,0px) + 12px))}.order-list{padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}}.order-detail{min-height:100vh;background:linear-gradient(180deg,#fdf2f8,#fce7f3,#fbcfe8);padding-bottom:env(safe-area-inset-bottom,30px)}.status-card.status-pending{border-left:4px solid #f59e0b}.status-card.status-paid,.status-card.status-completed{border-left:4px solid #10b981}.status-card.status-cancelled,.status-card.status-refunded{border-left:4px solid #6b7280}.status-pending .status-icon{background:#f59e0b1a;color:#f59e0b}.status-paid .status-icon,.status-completed .status-icon{background:#10b9811a;color:#10b981}.status-cancelled .status-icon,.status-refunded .status-icon{background:#6b72801a;color:#6b7280}.info-value.commission{color:#10b981}.type-tag,.role-tag,.status-tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:500}.type-tag.type-package,.role-tag{background:#3b82f61a;color:#3b82f6}.type-tag.type-group{background:#ec48991a;color:#ec4899}.role-tag.role-leader{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.status-tag{background:#10b9811a;color:#10b981}.status-tag.status-0{background:#3b82f61a;color:#3b82f6}.status-tag.status-2,.status-tag.status-3{background:#6b72801a;color:#6b7280}.user-card{display:flex;align-items:center;gap:12px}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f472b6,#f9a8d4);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;overflow:hidden}.user-avatar.anchor{background:linear-gradient(135deg,#ec4899,#db2777)}.user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-info{flex:1;display:flex;flex-direction:column;gap:2px}.user-name{font-size:15px;font-weight:600;color:#1f2937}.user-phone,.user-commission{font-size:13px;color:#6b7280}.user-commission{color:#10b981;font-weight:500}.group-participants{margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.participants-header{font-size:14px;font-weight:500;color:#6b7280;margin-bottom:12px}.participant-item{display:flex;align-items:center;gap:10px;padding:8px 0}.participant-item+.participant-item{border-top:1px solid #f3f4f6}.participant-avatar{position:relative;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f472b6,#f9a8d4);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;overflow:hidden}.leader-icon{position:absolute;bottom:-2px;right:-2px;font-size:12px}.participant-role{font-size:12px;color:#9ca3af}.participant-pay{font-size:12px;color:#f59e0b}.participant-pay.paid{color:#10b981}.room-card{display:flex;align-items:center;gap:12px}.room-cover{width:60px;height:60px;border-radius:12px;-o-object-fit:cover;object-fit:cover}.room-name{font-size:15px;font-weight:500;color:#1f2937}.btn-refund{width:100%;padding:14px;background:#fff;border:1px solid #ef4444;border-radius:14px;color:#ef4444;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-refund:active{background:#fef2f2;transform:scale(.98)}.group-order-detail{min-height:100vh;background:linear-gradient(180deg,#fdf2f8,#fce7f3,#fbcfe8);padding-bottom:env(safe-area-inset-bottom,30px)}.page-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.page-nav__back,.page-nav__action{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ec48991a}.page-nav__back:active,.page-nav__action:active{transform:scale(.95)}.page-nav__title{font-size:18px;font-weight:600;color:#1f2937}.detail-content{padding:16px}.status-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:20px;margin-bottom:16px;box-shadow:0 4px 20px #ec48991f}.status-card.status-ongoing{border-left:4px solid #3b82f6}.status-card.status-success{border-left:4px solid #10b981}.status-card.status-failed,.status-card.status-refunded{border-left:4px solid #6b7280}.status-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-ongoing .status-icon{background:#3b82f61a;color:#3b82f6}.status-success .status-icon{background:#10b9811a;color:#10b981}.status-failed .status-icon{background:#6b72801a;color:#6b7280}.status-refunded .status-icon{background:#ec48991a;color:#ec4899}.status-icon svg{width:28px;height:28px}.status-info{flex:1}.status-text{display:block;font-size:20px;font-weight:700;color:#1f2937;margin-bottom:4px}.status-time{font-size:13px;color:#6b7280}.info-section{background:#fff;border-radius:20px;padding:16px;margin-bottom:16px;box-shadow:0 4px 20px #ec489914}.section-header{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#1f2937;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.section-header svg{width:18px;height:18px;color:#ec4899}.info-card{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:14px;color:#6b7280}.info-value{font-size:14px;color:#1f2937;font-weight:500}.info-value.mono{font-family:monospace;color:#3b82f6}.info-value.price{font-size:18px;font-weight:700;color:#ec4899}.info-value.original{color:#9ca3af;text-decoration:line-through}.progress-section{background:#fff;border-radius:20px;padding:16px;margin-bottom:16px;box-shadow:0 4px 20px #ec489914}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-title{font-size:15px;font-weight:600;color:#1f2937}.progress-stats{font-size:13px;color:#6b7280}.progress-stats strong{color:#ec4899}.progress-bar-large{position:relative;height:12px;background:#f3f4f6;border-radius:6px;overflow:visible}.progress-bar-large .progress-fill{height:100%;background:linear-gradient(90deg,#ec4899,#f472b6,#f9a8d4);border-radius:6px;transition:width .5s ease}.progress-markers{position:absolute;top:-20px;left:0;right:0;display:flex;justify-content:space-between}.marker{width:20px;height:20px;background:#fff;border:2px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#9ca3af;transition:all .3s ease}.marker.filled{background:linear-gradient(135deg,#ec4899,#db2777);border-color:#ec4899;color:#fff}.participants-list{display:flex;flex-direction:column;gap:12px}.empty-participants{text-align:center;padding:30px;color:#9ca3af;font-size:14px}.participant-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:12px;animation:fadeIn .3s ease both}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.participant-avatar{position:relative;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#f472b6,#f9a8d4);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;overflow:hidden}.participant-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.leader-badge{position:absolute;bottom:-2px;right:-2px;padding:1px 6px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;font-size:9px;font-weight:600;border-radius:6px;white-space:nowrap}.participant-info{flex:1;display:flex;flex-direction:column;gap:2px}.participant-name{font-size:14px;font-weight:500;color:#1f2937}.participant-time{font-size:12px;color:#9ca3af}.participant-status{display:flex;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:500}.participant-status svg{width:14px;height:14px}.participant-status.paid{background:#10b9811a;color:#10b981}.participant-status.unpaid{background:#f59e0b1a;color:#f59e0b}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:12px;position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;width:24px}.timeline-icon{width:24px;height:24px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;z-index:1}.timeline-icon svg{width:14px;height:14px}.timeline-item--start .timeline-icon{background:#ec48991a;color:#ec4899}.timeline-item--join .timeline-icon{background:#3b82f61a;color:#3b82f6}.timeline-item--success .timeline-icon{background:#10b9811a;color:#10b981}.timeline-item--failed .timeline-icon{background:#ef44441a;color:#ef4444}.timeline-item--refund .timeline-icon{background:#ec48991a;color:#ec4899}.timeline-line{width:2px;flex:1;background:#e5e7eb;margin:4px 0}.timeline-content{flex:1;padding-bottom:20px}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.timeline-title{font-size:14px;font-weight:600;color:#1f2937}.timeline-time{font-size:12px;color:#9ca3af}.timeline-description{font-size:13px;color:#6b7280;margin:0}.timeline-avatar{width:32px;height:32px;border-radius:50%;margin-top:8px;-o-object-fit:cover;object-fit:cover}.related-info{display:flex;flex-direction:column;gap:12px}.related-item{display:flex;align-items:center;gap:12px}.related-label{font-size:14px;color:#6b7280;min-width:70px}.related-value{display:flex;align-items:center;gap:8px;font-size:14px;color:#1f2937;font-weight:500}.related-cover,.related-avatar{width:32px;height:32px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.action-section{padding:20px 0}.btn-cancel{width:100%;padding:14px;background:#fff;border:1px solid #ef4444;border-radius:14px;color:#ef4444;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:active{background:#fef2f2;transform:scale(.98)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{width:100%;max-width:340px;background:#fff;border-radius:20px;overflow:hidden;animation:modalIn .3s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f3f4f6}.modal-header span{font-size:16px;font-weight:600;color:#1f2937}.modal-header button{background:none;border:none;cursor:pointer;color:#9ca3af}.modal-header button svg{width:20px;height:20px}.modal-body{padding:20px}.modal-body p{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.6}.modal-body textarea{width:100%;height:80px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;resize:none;outline:none}.modal-body textarea:focus{border-color:#ec4899;background:#fff}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #f3f4f6}.btn-modal-cancel,.btn-modal-confirm{flex:1;padding:12px;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-modal-cancel{background:#f3f4f6;color:#6b7280}.btn-modal-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-modal-confirm:disabled{opacity:.6;cursor:not-allowed}.btn-modal-cancel:active,.btn-modal-confirm:active{transform:scale(.98)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#9ca3af}.loading-spinner{width:40px;height:40px;border:3px solid rgba(236,72,153,.1);border-top-color:#ec4899;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#9ca3af}.refresh-indicator{position:fixed;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:14px;font-weight:600;border-radius:0 0 16px 16px;box-shadow:0 4px 20px #ec48994d;z-index:1000;animation:refreshSlideDown .3s ease}@keyframes refreshSlideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.refresh-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.live-rooms-page{min-height:100vh;background:var(--bg-main);padding-bottom:20px}.live-rooms-page .page-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--nav-height) + 12px) var(--page-padding) 16px;background:linear-gradient(180deg,var(--bg-main) 0%,rgba(253,242,248,.95) 70%,rgba(253,242,248,0) 100%)}.live-rooms-page .page-nav__back,.live-rooms-page .page-nav__action{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border:none;border-radius:50%;color:var(--primary);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #ec48991f}.live-rooms-page .page-nav__back:active,.live-rooms-page .page-nav__action:active{transform:scale(.92);background:var(--primary-100);box-shadow:none}.live-rooms-page .page-nav__title{font-size:var(--text-xl);font-weight:700;color:var(--primary-dark);letter-spacing:.5px}.stats-cards{display:flex;gap:12px;padding:0 var(--page-padding) 16px}.live-rooms-page .stats-card{flex:1;background:var(--bg-card);border-radius:16px;padding:14px;text-align:center;box-shadow:0 2px 12px #0000000a;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.live-rooms-page .stats-card:active{transform:scale(.98)}.live-rooms-page .stats-card.active{border-color:var(--primary);box-shadow:0 4px 16px #ec489926}.live-rooms-page .stats-card__value{font-size:24px;font-weight:700;color:var(--text-primary)}.live-rooms-page .stats-card.live .stats-card__value{color:#10b981}.live-rooms-page .stats-card.offline .stats-card__value{color:var(--text-muted)}.live-rooms-page .stats-card__label{font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px}.rooms-list{position:relative;z-index:1;padding:0 var(--page-padding) 20px}.live-rooms-page .room-card{background:var(--bg-card);border-radius:20px;padding:16px;margin-bottom:14px;box-shadow:0 2px 12px #0000000a;border:1px solid transparent;transition:all .2s ease}.live-rooms-page .room-card.live{border-color:#10b9814d;box-shadow:0 4px 20px #10b9811a}.live-rooms-page .room-card:hover{border-color:var(--primary-100)}.live-rooms-page .room-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.live-rooms-page .room-info{display:flex;align-items:center;gap:12px}.live-rooms-page .room-avatar{width:52px;height:52px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--primary-100);box-shadow:0 4px 12px #ec489926}.live-rooms-page .room-card.live .room-avatar{border-color:#10b981}.live-rooms-page .room-meta{display:flex;flex-direction:column;gap:4px}.live-rooms-page .room-name{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.live-rooms-page .room-anchor{font-size:var(--text-sm);color:var(--text-secondary);display:flex;align-items:center;gap:4px}.live-rooms-page .anchor-label{background:var(--primary-100);color:var(--primary);font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600}.live-rooms-page .room-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .2s ease}.live-rooms-page .room-status:active{transform:scale(.95)}.live-rooms-page .room-status.live{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.live-rooms-page .room-status.offline{background:var(--bg-main);color:var(--text-muted);border:1px solid var(--border)}.live-rooms-page .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}.live-rooms-page .room-stats{display:flex;gap:16px;padding:10px 12px;background:linear-gradient(135deg,#10b98114,#10b9810a);border-radius:12px;margin-bottom:12px}.live-rooms-page .room-stats .stat-item{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-secondary)}.live-rooms-page .room-stats .stat-item svg{color:#10b981}.live-rooms-page .room-notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:linear-gradient(135deg,#ec489914,#ec48990a);border-radius:12px;margin-bottom:12px;border:1px solid rgba(236,72,153,.1)}.live-rooms-page .notice-icon{font-size:14px;flex-shrink:0}.live-rooms-page .notice-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.live-rooms-page .room-features{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.live-rooms-page .feature-tag{padding:4px 10px;border-radius:8px;font-size:var(--text-xs);font-weight:600;background:var(--bg-main);color:var(--text-muted)}.live-rooms-page .feature-tag.active{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary)}.live-rooms-page .feature-tag.linkmic{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.live-rooms-page .feature-tag.exclusive{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.live-rooms-page .room-actions{display:flex;gap:8px;flex-wrap:wrap}.live-rooms-page .action-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:10px;font-size:var(--text-xs);font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.live-rooms-page .action-btn:active{transform:scale(.95)}.live-rooms-page .action-btn.start{flex:1;background:linear-gradient(135deg,#10b981,#059669);color:#fff;justify-content:center}.live-rooms-page .action-btn.enter{flex:1;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;justify-content:center}.live-rooms-page .action-btn.preview,.live-rooms-page .action-btn.edit{background:var(--primary-100);color:var(--primary)}.live-rooms-page .action-btn.stop{background:#ef44441a;color:#ef4444}.live-rooms-page .action-btn.delete{background:#ef44441a;color:#ef4444;padding:8px}.live-rooms-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.live-rooms-page .empty-state svg{width:80px;height:80px;color:var(--primary-300);opacity:.4;margin-bottom:16px}.live-rooms-page .empty-state__text{font-size:var(--text-base);color:var(--text-muted);margin-bottom:16px}.live-rooms-page .empty-state__btn{padding:12px 24px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:12px;font-size:var(--text-base);font-weight:600;cursor:pointer;box-shadow:0 4px 16px #ec48994d}.live-rooms-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.live-rooms-page .modal-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.live-rooms-page .modal-content{position:relative;width:100%;max-width:500px;max-height:90vh;background:var(--bg-card);border-radius:24px 24px 0 0;overflow:hidden;animation:slideUp .3s ease}.live-rooms-page .modal-content--large{max-height:95vh}.live-rooms-page .modal-header{position:relative;padding:20px 24px;background:linear-gradient(135deg,var(--bg-main) 0%,rgba(253,242,248,.8) 100%);border-bottom:1px solid var(--primary-100);display:flex;align-items:center;justify-content:center}.live-rooms-page .modal-header h3{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.live-rooms-page .modal-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.live-rooms-page .modal-close:active{background:var(--primary-100);color:var(--primary);transform:translateY(-50%) scale(.9)}.live-rooms-page .modal-close svg{width:20px;height:20px}.live-rooms-page .modal-body{padding:20px 24px;max-height:60vh;overflow-y:auto}.live-rooms-page .form-section{margin-bottom:24px}.live-rooms-page .form-section:last-child{margin-bottom:0}.live-rooms-page .form-section__title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:14px;padding-bottom:8px;border-bottom:1px dashed var(--primary-100);display:flex;justify-content:space-between;align-items:center}.live-rooms-page .section-hint{font-size:var(--text-xs);font-weight:400;color:var(--text-muted)}.live-rooms-page .form-item{margin-bottom:16px}.live-rooms-page .form-item:last-child{margin-bottom:0}.live-rooms-page .form-item label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:8px}.live-rooms-page .form-input,.live-rooms-page .form-select,.live-rooms-page .form-textarea{width:100%;padding:12px 14px;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-main);border:1.5px solid var(--primary-100);border-radius:12px;outline:none;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.live-rooms-page .form-input:focus,.live-rooms-page .form-select:focus,.live-rooms-page .form-textarea:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 4px #ec48991a}.live-rooms-page .form-input::-moz-placeholder,.live-rooms-page .form-textarea::-moz-placeholder{color:var(--text-hint)}.live-rooms-page .form-input::placeholder,.live-rooms-page .form-textarea::placeholder{color:var(--text-hint)}.live-rooms-page .form-textarea{resize:vertical;min-height:80px;line-height:1.5}.live-rooms-page .form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.live-rooms-page .toggle-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--primary-50)}.live-rooms-page .toggle-item:last-child{border-bottom:none}.live-rooms-page .toggle-info{display:flex;flex-direction:column;gap:4px}.live-rooms-page .toggle-info label{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:0}.live-rooms-page .toggle-desc{font-size:var(--text-xs);color:var(--text-muted)}.live-rooms-page .toggle-switch{position:relative;width:52px;height:28px;cursor:pointer}.live-rooms-page .toggle-switch input{opacity:0;width:0;height:0}.live-rooms-page .toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:14px;transition:all .3s ease}.live-rooms-page .toggle-slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.live-rooms-page .toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.live-rooms-page .toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.live-rooms-page .modal-footer{display:flex;gap:12px;padding:20px 24px;padding-bottom:max(20px,env(safe-area-inset-bottom));background:var(--bg-card);border-top:1px solid var(--primary-100)}.live-rooms-page .btn-cancel,.live-rooms-page .btn-confirm{flex:1;height:48px;font-size:var(--text-base);font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:all .2s ease}.live-rooms-page .btn-cancel{background:var(--primary-100);color:var(--primary)}.live-rooms-page .btn-cancel:active{background:var(--primary-200)}.live-rooms-page .btn-confirm{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 16px #ec48994d}.live-rooms-page .btn-confirm:active{transform:scale(.98)}.live-rooms-page .btn-confirm:disabled{opacity:.6;cursor:not-allowed}@media screen and (max-width:374px){.live-rooms-page .page-nav{padding:calc(var(--nav-height) + 8px) 12px 14px}.stats-cards{padding:0 12px 14px;gap:8px}.live-rooms-page .stats-card{padding:10px}.live-rooms-page .stats-card__value{font-size:20px}.rooms-list{padding:0 12px 16px}.live-rooms-page .room-card{padding:14px;margin-bottom:12px}.live-rooms-page .room-avatar{width:46px;height:46px}.live-rooms-page .action-btn{padding:6px 10px;font-size:11px}}@media screen and (min-width:769px){.live-rooms-page .page-nav{padding:calc(var(--nav-height) + 16px) 24px 20px}.stats-cards{padding:0 24px 20px;max-width:600px;margin:0 auto}.rooms-list{padding:0 24px 24px;max-width:600px;margin:0 auto}.live-rooms-page .room-card{padding:18px;margin-bottom:16px}}@supports (padding: max(0px)){.live-rooms-page{padding-bottom:max(20px,env(safe-area-inset-bottom,20px))}.live-rooms-page .page-nav{padding-top:max(calc(var(--nav-height) + 12px),calc(env(safe-area-inset-top,0px) + var(--nav-height) + 12px))}}.operator-live-view{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a;display:flex;flex-direction:column;z-index:9999;color:#fff}.operator-live-view .loading-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.operator-live-view .loading-state .loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#ec4899;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.loading-spinner-small{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.operator-live-view .live-nav{position:absolute;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.operator-live-view .nav-back,.operator-live-view .nav-btn{width:44px;height:44px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.operator-live-view .nav-back:active,.operator-live-view .nav-btn:active{transform:scale(.9);background:#ec48994d}.operator-live-view .nav-info{display:flex;flex-direction:column;align-items:center;gap:4px}.operator-live-view .room-name{font-size:16px;font-weight:600}.operator-live-view .live-status{display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 12px;border-radius:12px;background:#fff3}.operator-live-view .live-status.active{background:#ef4444e6}.operator-live-view .live-status .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.operator-live-view .nav-actions{display:flex;gap:8px}.operator-live-view .video-container{position:relative;flex:1;background:#1a1a1a;overflow:hidden}.operator-live-view .remote-video-wrapper{width:100%;height:100%;position:relative}.operator-live-view .remote-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.operator-live-view .video-connecting{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;gap:12px}.operator-live-view .connect-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;background:#ec489933;border:2px solid rgba(236,72,153,.5);border-radius:16px;color:#fff;cursor:pointer;transition:all .2s}.operator-live-view .connect-btn:active{background:#ec48994d;transform:scale(.98)}.operator-live-view .connect-btn span{font-size:14px}.operator-live-view .video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);gap:12px;color:#fff9}.operator-live-view .video-placeholder span{font-size:18px}.operator-live-view .video-placeholder .placeholder-sub{font-size:14px;color:#fff6}.operator-live-view .connection-indicator{position:absolute;top:70px;left:16px}.operator-live-view .status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;font-size:12px;background:#ef4444e6;color:#fff}.operator-live-view .status-badge.connected{background:#10b981e6}.operator-live-view .live-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:70px 16px 180px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.operator-live-view .overlay-anchor{display:flex;align-items:center;gap:10px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 14px 8px 8px;border-radius:100px;pointer-events:auto}.operator-live-view .anchor-avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #ec4899}.operator-live-view .anchor-info{display:flex;flex-direction:column;gap:4px}.operator-live-view .anchor-name{font-size:14px;font-weight:600}.operator-live-view .live-badge{background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;width:-moz-fit-content;width:fit-content}.operator-live-view .overlay-stats{display:flex;gap:8px}.operator-live-view .stat-item{display:flex;align-items:center;gap:6px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 12px;border-radius:100px;font-size:13px}.operator-live-view .floating-hearts{position:absolute;bottom:180px;right:30px;width:80px;height:200px;pointer-events:none;overflow:hidden}.operator-live-view .floating-heart{position:absolute;bottom:0}.operator-live-view .danmu-container{position:absolute;bottom:120px;left:16px;right:80px;max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:10px}.operator-live-view .danmu-message{background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:8px 14px;border-radius:18px;font-size:14px;max-width:-moz-fit-content;max-width:fit-content;display:inline-block;line-height:1.4}.operator-live-view .danmu-user{color:#f9a8d4;font-weight:600;margin-right:6px}.operator-live-view .bottom-bar{background:#0f0f0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center}.operator-live-view .comment-input{flex:1;display:flex;align-items:center;gap:8px;background:#ffffff1a;border-radius:100px;padding:0 16px;height:46px}.operator-live-view .comment-input input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:14px}.operator-live-view .comment-input input::-moz-placeholder{color:#ffffff80}.operator-live-view .comment-input input::placeholder{color:#ffffff80}.operator-live-view .comment-input button{background:none;border:none;color:#ec4899;cursor:pointer;padding:0;display:flex}.operator-live-view .control-btn{width:46px;height:46px;border-radius:50%;border:none;background:#ec48994d;color:#ec4899;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.operator-live-view .control-btn:active{transform:scale(.92);background:#ec4899;color:#fff}.anchor-dashboard{min-height:100vh;background:linear-gradient(180deg,#fdf2f8,#fff,#fdf2f8);padding-bottom:env(safe-area-inset-bottom)}.dashboard-header{position:relative;padding:calc(env(safe-area-inset-top) + 24px) 20px 32px;overflow:hidden}.dashboard-header__bg{position:absolute;top:0;left:0;right:0;height:140px;background:linear-gradient(135deg,#ec4899,#f472b6,#f9a8d4);border-radius:0 0 40px 40px}.dashboard-header__content{position:relative;display:flex;align-items:center;gap:16px;z-index:1}.dashboard-header__avatar{width:72px;height:72px;border-radius:50%;border:3px solid white;box-shadow:0 8px 24px #ec48994d;overflow:hidden;background:#fff}.dashboard-header__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dashboard-header__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#ec4899}.dashboard-header__avatar-placeholder svg{width:36px;height:36px}.dashboard-header__info{flex:1}.dashboard-header__name{font-size:22px;font-weight:700;color:#fff;margin:0 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.dashboard-header__role{font-size:14px;color:#ffffffe6;margin:0;padding:4px 12px;background:#fff3;border-radius:20px;display:inline-block}.dashboard-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 20px;margin-top:-16px;position:relative;z-index:2}.stats-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 20px #ec489914,0 0 0 1px #ec48990a;transition:all .3s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ec48991f}.stats-card__header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px dashed rgba(236,72,153,.15)}.stats-card__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#ec4899}.stats-card__icon svg{width:18px;height:18px}.stats-card__title{font-size:14px;font-weight:600;color:#6b7280}.stats-card__body{display:flex;flex-direction:column;gap:12px}.stats-item{display:flex;flex-direction:column;gap:4px}.stats-item__label{font-size:12px;color:#9ca3af}.stats-item__value{font-size:18px;font-weight:700;color:#1f2937;display:flex;align-items:baseline;gap:2px;white-space:nowrap;line-height:1.2}.stats-item__unit{font-size:12px;font-weight:500;color:#9ca3af;margin-left:2px}.stats-item--highlight .stats-item__value{color:#ec4899}.stats-item__value--money{font-size:20px;color:#ec4899;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stats-item__value--money .money-value{display:inline-flex;align-items:baseline;white-space:nowrap}.money-symbol{font-size:13px;font-weight:600;margin-right:1px}.money-decimal{font-size:12px;font-weight:500;opacity:.7}.dashboard-menu{margin-top:28px;padding:0 20px}.dashboard-menu__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard-menu__header span{font-size:16px;font-weight:700;color:#1f2937}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.menu-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;background:#fff;border-radius:20px;box-shadow:0 4px 16px #ec48990f;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.menu-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #ec48991f}.menu-card__icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fce7f3,#fbcfe8,#f9a8d4);color:#ec4899;transition:all .3s ease}.menu-card:hover .menu-card__icon{transform:scale(1.05);box-shadow:0 4px 16px #ec48994d}.menu-card__icon svg{width:24px;height:24px}.menu-card__name{font-size:14px;font-weight:600;color:#374151;text-align:center}.menu-card__badge{position:absolute;top:12px;right:12px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466}.menu-card__arrow{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:#d1d5db;opacity:0;transition:all .3s ease}.menu-card:hover .menu-card__arrow{opacity:1;transform:translateY(-50%) translate(4px)}.dashboard-logout{margin-top:32px;padding:0 20px}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:#fff;border:1.5px solid #fce7f3;border-radius:16px;color:#ef4444;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;transform:translateY(-2px);box-shadow:0 4px 16px #ef444426}.logout-btn:active{transform:scale(.98)}.safe-area-bottom{height:env(safe-area-inset-bottom,20px)}@media(prefers-color-scheme:dark){.anchor-dashboard{background:linear-gradient(180deg,#111827,#1f2937,#111827)}.dashboard-header__bg{background:linear-gradient(135deg,#831843,#be185d,#ec4899)}.stats-card{background:#1f2937;box-shadow:0 4px 20px #0000004d,0 0 0 1px #ffffff0d}.stats-card__title,.stats-item__label,.stats-item__unit{color:#9ca3af}.stats-item__value,.stats-item--highlight .stats-item__value{color:#f9fafb}.stats-item__value--money{color:#f9a8d4}.dashboard-menu__header span{color:#f9fafb}.menu-card{background:#1f2937;box-shadow:0 4px 16px #0003}.menu-card__name{color:#e5e7eb}.logout-btn{background:#1f2937;border-color:#374151;color:#f87171}.logout-btn:hover{background:#374151;border-color:#4b5563}}@media(max-width:360px){.dashboard-header{padding-top:calc(env(safe-area-inset-top) + 16px);padding-bottom:24px}.dashboard-header__avatar{width:60px;height:60px}.dashboard-header__name{font-size:18px}.dashboard-stats{gap:12px;margin-top:-12px}.stats-card{padding:16px 14px}.stats-card__header{margin-bottom:14px;padding-bottom:10px}.stats-card__icon{width:30px;height:30px}.stats-card__icon svg{width:15px;height:15px}.stats-card__title{font-size:13px}.stats-card__body{gap:10px}.stats-item__label{font-size:11px}.stats-item__value{font-size:16px}.stats-item__value--money{font-size:17px}.money-symbol{font-size:12px}.menu-card{padding:18px 10px}.menu-card__icon{width:44px;height:44px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.stats-card--loading .stats-item__value{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;min-width:60px;height:24px}.confirm-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000}.confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 60px);max-width:340px;background:linear-gradient(180deg,#fff,#fff8fa,#fff);border-radius:24px;padding:28px 24px;z-index:1001;box-shadow:0 25px 50px #ec489940,0 0 100px #ec48991a,inset 0 0 0 1px #fffc;display:flex;flex-direction:column;align-items:center;text-align:center}.confirm-modal__header{margin-bottom:16px}.confirm-modal__icon-wrapper{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;animation:iconBounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.confirm-modal__icon--warning{background:linear-gradient(135deg,#f59e0b26,#fbbf241a);color:#f59e0b}.confirm-modal__icon--danger{background:linear-gradient(135deg,#ef444426,#dc26261a);color:#ef4444}.confirm-modal__icon--info{background:linear-gradient(135deg,#3b82f626,#60a5fa1a);color:#3b82f6}.confirm-modal__title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 12px}.confirm-modal__message{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 24px;max-width:280px}.confirm-modal__actions{display:flex;gap:12px;width:100%}.confirm-modal__btn{flex:1;padding:14px 20px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:none;display:flex;align-items:center;justify-content:center;min-height:50px}.confirm-modal__btn:active{transform:scale(.98)}.confirm-modal__btn:disabled{opacity:.6;cursor:not-allowed}.confirm-modal__btn--cancel{background:#fff;color:#6b7280;border:1.5px solid #e5e7eb}.confirm-modal__btn--cancel:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.confirm-modal__btn--primary{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 4px 16px #ec489959}.confirm-modal__btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ec489973}.confirm-modal__btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef444459}.confirm-modal__btn--danger:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ef444473}.confirm-modal__loading{display:flex;gap:4px}.loading-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:loadingDot 1.4s ease-in-out infinite}.loading-dot:nth-child(1){animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}@media(prefers-color-scheme:dark){.confirm-modal{background:linear-gradient(180deg,#1f2937,#374151,#1f2937)}.confirm-modal__title{color:#f9fafb}.confirm-modal__message{color:#9ca3af}.confirm-modal__btn--cancel{background:#374151;color:#e5e7eb;border-color:#4b5563}.confirm-modal__btn--cancel:hover{background:#4b5563;border-color:#6b7280}}@media(max-width:360px){.confirm-modal{padding:24px 20px}.confirm-modal__title{font-size:16px}.confirm-modal__message{font-size:13px}.confirm-modal__btn{padding:12px 16px;min-height:46px;font-size:14px}}.toast-container{position:fixed;top:calc(env(safe-area-inset-top) + 16px);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none;width:calc(100% - 32px);max-width:360px}.toast-item{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border-radius:14px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;pointer-events:auto;position:relative;overflow:hidden}.toast-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.toast-item--success:before{background:linear-gradient(180deg,#10b981,#059669)}.toast-item--success .toast-item__icon{color:#10b981}.toast-item--error:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.toast-item--error .toast-item__icon{color:#ef4444}.toast-item--warning:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.toast-item--warning .toast-item__icon{color:#f59e0b}.toast-item--info:before{background:linear-gradient(180deg,#3b82f6,#2563eb)}.toast-item--info .toast-item__icon{color:#3b82f6}.toast-item__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-item__message{flex:1;font-size:14px;font-weight:500;color:#1f2937;line-height:1.4}.toast-item__close{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;transition:all .2s ease;margin-left:4px}.toast-item__close:hover{background:#0000000d;color:#6b7280}@media(prefers-color-scheme:dark){.toast-item{background:#374151;box-shadow:0 10px 40px #0000004d,0 0 0 1px #ffffff1a}.toast-item__message{color:#f9fafb}.toast-item__close{color:#9ca3af}.toast-item__close:hover{background:#ffffff1a;color:#e5e7eb}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.9)}}@media(max-width:360px){.toast-container{width:calc(100% - 24px)}.toast-item{padding:12px 14px}.toast-item__message{font-size:13px}}.room-edit-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000}.room-edit-modal{position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:linear-gradient(180deg,#fff,#fff8fa);border-radius:24px 24px 0 0;z-index:1001;display:flex;flex-direction:column;box-shadow:0 -10px 40px #ec489926,inset 0 1px #fffc;overflow:hidden}.room-edit-modal__header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid rgba(236,72,153,.08);flex-shrink:0}.room-edit-modal__icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff}.room-edit-modal__title{flex:1;font-size:18px;font-weight:700;color:#1f2937;margin:0}.room-edit-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:none;border-radius:50%;color:#6b7280;cursor:pointer;transition:all .3s ease}.room-edit-modal__close:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg)}.room-edit-modal__body{flex:1;overflow-y:auto;padding:24px;-webkit-overflow-scrolling:touch}.room-edit-modal__body::-webkit-scrollbar{width:4px}.room-edit-modal__body::-webkit-scrollbar-track{background:transparent}.room-edit-modal__body::-webkit-scrollbar-thumb{background:#ec489933;border-radius:4px}.room-edit-modal__footer{display:flex;gap:12px;padding:16px 24px;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-top:1px solid rgba(236,72,153,.08);flex-shrink:0}.room-edit-modal__btn{flex:1;padding:14px 20px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:none;display:flex;align-items:center;justify-content:center;min-height:50px}.room-edit-modal__btn:active{transform:scale(.98)}.room-edit-modal__btn:disabled{opacity:.5;cursor:not-allowed}.room-edit-modal__btn--cancel{background:#0000000d;color:#6b7280}.room-edit-modal__btn--cancel:hover{background:#0000001a;color:#374151}.room-edit-modal__btn--submit{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 4px 16px #ec489959}.room-edit-modal__btn--submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #ec489973}.form-item__label{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-item__footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.form-input--error{border-color:#ef4444}.form-textarea{width:100%;min-height:80px;padding:14px 16px;background:linear-gradient(135deg,#fdf2f8,#fff);border:1.5px solid #fce7f3;border-radius:12px;font-size:15px;color:#1f2937;resize:vertical;font-family:inherit;transition:all .3s ease}@media(prefers-color-scheme:dark){.room-edit-modal{background:linear-gradient(180deg,#1f2937,#374151)}.room-edit-modal__title{color:#f9fafb}.room-edit-modal__close{background:#ffffff1a;color:#9ca3af}.room-edit-modal__close:hover{background:#ef444433;color:#ef4444}.room-edit-modal__btn--cancel{background:#ffffff1a;color:#e5e7eb}.room-edit-modal__btn--cancel:hover{background:#ffffff26}.form-item__label{color:#e5e7eb}.form-input,.form-textarea{background:#0003;border-color:#ffffff1a;color:#f9fafb}.form-input:focus,.form-textarea:focus{background:#0000004d}}@media(min-width:480px){.room-edit-modal{bottom:auto;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);max-width:400px;width:calc(100% - 40px);border-radius:24px;max-height:70vh}}@media(max-width:360px){.room-edit-modal__header,.room-edit-modal__body,.room-edit-modal__footer{padding-left:16px;padding-right:16px}.form-input,.form-textarea{padding:12px 14px;font-size:14px}.room-edit-modal__btn{padding:12px 16px;min-height:46px;font-size:14px}}.page-state{display:flex;align-items:center;justify-content:center;min-height:300px;padding:40px 20px;animation:stateFadeIn .4s ease-out}@keyframes stateFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-state__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.page-state__icon-wrapper{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.page-state__spinner{position:relative;width:70px;height:70px}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-top-color:#ec4899;border-radius:50%;animation:spinnerRotate 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(2){top:7px;right:7px;bottom:7px;left:7px;border-top-color:#f9a8d4;animation-delay:-.4s;animation-duration:1.5s}.spinner-ring:nth-child(3){top:14px;right:14px;bottom:14px;left:14px;border-top-color:#fce7f3;animation-delay:-.8s;animation-duration:1.8s}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-state__icon-empty{color:#d1d5db;opacity:.6;animation:emptyPulse 2s ease-in-out infinite}@keyframes emptyPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:.8}}.page-state__icon-error{color:#ec4899;opacity:.8;animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.page-state__icon-network{color:#f59e0b;opacity:.8;animation:networkFloat 2s ease-in-out infinite}@keyframes networkFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.page-state__title{font-size:18px;font-weight:700;color:#1f2937;margin:0;letter-spacing:.3px}.page-state__desc{font-size:14px;color:#6b7280;margin:0;max-width:280px;line-height:1.5}.page-state__retry{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #ec489959;transition:all .3s cubic-bezier(.34,1.56,.64,1);margin-top:8px}.page-state__retry:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 24px #ec489973}.page-state__retry:active{transform:scale(.98)}.page-state__retry svg{animation:retrySpin 1s linear infinite}@keyframes retrySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-color-scheme:dark){.page-state__title{color:#f9fafb}.page-state__desc{color:#9ca3af}.page-state__icon-empty{color:#4b5563}}@media(max-width:360px){.page-state{min-height:250px;padding:30px 16px}.page-state__icon-wrapper{width:80px;height:80px}.page-state__title{font-size:16px}.page-state__desc{font-size:13px}}.anchor-rooms{min-height:100vh;background:linear-gradient(180deg,#fdf2f8,#fff);padding-bottom:env(safe-area-inset-bottom)}.rooms-header{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:linear-gradient(180deg,#fff,#fff8fa);border-bottom:1px solid rgba(236,72,153,.08);position:sticky;top:0;z-index:100}.rooms-header__back,.rooms-header__add{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec48991a,#f472b60d);border:none;border-radius:50%;color:#ec4899;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.rooms-header__back:hover,.rooms-header__add:hover{background:linear-gradient(135deg,#ec489933,#f472b61a);transform:scale(1.05)}.rooms-header__back:active,.rooms-header__add:active{transform:scale(.95)}.rooms-header__title{font-size:18px;font-weight:700;color:#1f2937;margin:0}.rooms-content{padding:20px 16px}.rooms-list{display:flex;flex-direction:column;gap:16px}.room-card{position:relative;background:#fff;border-radius:16px;box-shadow:0 2px 12px #ec489914;cursor:pointer;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column}.room-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ec4899,#f472b6,#f9a8d4);opacity:0;transition:opacity .3s ease}.room-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ec489926}.room-card:hover:before{opacity:1}.room-card__main{padding:16px;display:flex;align-items:flex-start;gap:12px}.room-card__live-indicator{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:3px 8px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;font-size:9px;font-weight:700;color:#fff;letter-spacing:.5px;box-shadow:0 2px 8px #ef444466;animation:livePulse 2s ease-in-out infinite;z-index:2}.live-dot{width:5px;height:5px;background:#fff;border-radius:50%;animation:dotPulse 1s ease-in-out infinite}@keyframes livePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.4}}.room-card__header{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.room-card__title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.room-card__name{font-size:15px;font-weight:700;color:#1f2937;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.room-card__status{font-size:11px;font-weight:600;padding:3px 8px;border-radius:12px;flex-shrink:0}.room-card__status--live{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#ef4444}.room-card__status--offline{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.room-card__desc{font-size:13px;color:#6b7280;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-card__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.room-card__type,.room-card__viewers{display:flex;align-items:center;gap:4px;font-size:12px;color:#9ca3af}.room-card__type svg,.room-card__viewers svg{opacity:.6;width:14px;height:14px}.room-card__actions{display:flex;gap:8px;padding:12px 16px;background:#fafafa;border-top:1px solid rgba(236,72,153,.06)}.room-card__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 10px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap}.room-card__btn svg{width:14px;height:14px;flex-shrink:0}.room-card__btn:active{transform:scale(.97)}.room-card__btn:disabled{opacity:.5;cursor:not-allowed}.room-card__btn--start,.room-card__btn--control{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 2px 10px #ec48994d}.room-card__btn--start:hover,.room-card__btn--control:hover{box-shadow:0 4px 16px #ec489966}.room-card__btn--preview{background:#fff;color:#6b7280;border:1px solid #e5e7eb}.room-card__btn--preview:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.room-card__btn--stop{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#ef4444;border:none}.room-card__btn--stop:hover{background:linear-gradient(135deg,#fee2e2,#fecaca)}.room-card__btn--edit{background:#fff;color:#6b7280;border:1px solid #e5e7eb}.room-card__btn--edit:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.room-card__btn--delete{background:#fff;color:#ef4444;border:1px solid #fecaca}.room-card__btn--delete:hover{background:#fef2f2;border-color:#fca5a5}@media(prefers-color-scheme:dark){.anchor-rooms{background:linear-gradient(180deg,#111827,#1f2937)}.rooms-header{background:linear-gradient(180deg,#1f2937,#111827);border-bottom-color:#ffffff0d}.rooms-header__back,.rooms-header__add{background:#ec489926}.rooms-header__title{color:#f9fafb}.room-card{background:#1f2937;box-shadow:0 4px 20px #0000004d}.room-card__name{color:#f9fafb}.room-card__desc{color:#9ca3af}.room-card__status--offline{background:#4b556380;color:#d1d5db}.room-card__btn--preview,.room-card__btn--edit,.room-card__btn--delete{background:#374151;border-color:#4b5563;color:#d1d5db}.room-card__btn--preview:hover,.room-card__btn--edit:hover{background:#4b5563}.room-card__btn--delete{border-color:#7f1d1d}.room-card__btn--delete:hover{background:#7f1d1d}}@media(max-width:360px){.rooms-header{padding-top:calc(env(safe-area-inset-top) + 10px);padding-bottom:10px}.rooms-header__back,.rooms-header__add{width:40px;height:40px}.rooms-header__title{font-size:16px}.rooms-content{padding:16px 12px}.room-card{padding:16px}.room-card__name{font-size:15px}.room-card__btn{padding:8px 10px;font-size:12px}}.anchor-orders{min-height:100vh;background:linear-gradient(180deg,#fdf2f8,#fff);padding-bottom:100px}.orders-header{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:linear-gradient(180deg,#fff,#fff8fa);border-bottom:1px solid rgba(236,72,153,.08);position:sticky;top:0;z-index:100}.orders-header__back,.orders-header__filter{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec48991a,#f472b60d);border:none;border-radius:50%;color:#ec4899;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.orders-header__back:hover,.orders-header__filter:hover{background:linear-gradient(135deg,#ec489933,#f472b61a);transform:scale(1.05)}.orders-header__back:active,.orders-header__filter:active{transform:scale(.95)}.orders-header__title{font-size:18px;font-weight:700;color:#1f2937;margin:0}.orders-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.stats-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #ec48990f}.stats-card__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec48991a,#f472b60d);color:#ec4899}.stats-card__icon--secondary{background:linear-gradient(135deg,#3b82f61a,#60a5fa0d);color:#3b82f6}.stats-card__content{display:flex;flex-direction:column;gap:4px}.stats-card__label{font-size:12px;color:#6b7280}.stats-card__value{font-size:18px;font-weight:700;color:#ec4899}.stats-card__value--secondary{color:#3b82f6}.stats-card__value .money-symbol{font-size:14px;font-weight:600}.orders-filter{margin:0 16px 16px;padding:20px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #ec489914;display:flex;flex-direction:column;gap:20px;overflow:hidden}.filter-group{display:flex;flex-direction:column;gap:10px}.filter-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#6b7280}.filter-dates{display:flex;align-items:center;gap:10px}.filter-input{flex:1;padding:12px 14px;background:linear-gradient(135deg,#fdf2f8,#fff);border:1.5px solid #fce7f3;border-radius:12px;font-size:14px;color:#1f2937;transition:all .3s ease}.filter-input:focus{outline:none;border-color:#ec4899;background:#fff;box-shadow:0 0 0 3px #ec48991a}.filter-date-separator{font-size:13px;color:#9ca3af}.filter-types{display:flex;gap:10px}.filter-type-btn{flex:1;padding:10px 16px;background:#f3f4f6;border:none;border-radius:12px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s ease}.filter-type-btn:hover{background:#e5e7eb;color:#374151}.filter-type-btn.active{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 4px 12px #ec48994d}.filter-actions{display:flex;gap:10px;margin-top:8px}.filter-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn--reset{background:#f3f4f6;color:#6b7280}.filter-btn--reset:hover{background:#e5e7eb;color:#374151}.filter-btn--apply{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 4px 12px #ec48994d}.filter-btn--apply:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.orders-content{padding:0 16px}.orders-list{display:flex;flex-direction:column;gap:12px}.order-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 12px #ec48990f;transition:all .3s ease}.order-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ec48991a}.order-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed rgba(236,72,153,.1)}.order-card__info{display:flex;flex-direction:column;gap:8px}.order-card__package{font-size:15px;font-weight:600;color:#1f2937}.order-card__type{display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;width:-moz-fit-content;width:fit-content}.order-card__time{display:flex;align-items:center;gap:4px;font-size:12px;color:#9ca3af;flex-shrink:0}.order-card__body{display:flex;align-items:center;justify-content:space-between}.order-card__commission{display:flex;flex-direction:column;gap:4px}.commission-label{font-size:12px;color:#6b7280}.commission-value{font-size:20px;font-weight:700;color:#ec4899}.commission-value .money-symbol{font-size:14px;font-weight:600}.order-card__rate{font-size:12px;color:#9ca3af;padding:4px 10px;background:#f9fafb;border-radius:8px}.orders-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;margin-top:16px}.pagination-btn{padding:10px 20px;background:#fff;border:1.5px solid #fce7f3;border-radius:12px;font-size:14px;font-weight:600;color:#ec4899;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#ec4899}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{display:flex;align-items:center;gap:4px;font-size:14px}.pagination-current{font-weight:700;color:#ec4899}.pagination-separator{color:#d1d5db}.pagination-total{color:#6b7280}@media(prefers-color-scheme:dark){.anchor-orders{background:linear-gradient(180deg,#111827,#1f2937)}.orders-header{background:linear-gradient(180deg,#1f2937,#111827);border-bottom-color:#ffffff0d}.orders-header__back,.orders-header__filter{background:#ec489926}.orders-header__title{color:#f9fafb}.stats-card{background:#1f2937;box-shadow:0 2px 12px #0000004d}.stats-card__label{color:#9ca3af}.stats-card__value{color:#f9a8d4}.stats-card__value--secondary{color:#60a5fa}.orders-filter{background:#1f2937}.filter-input{background:#0003;border-color:#ffffff1a;color:#f9fafb}.filter-type-btn{background:#374151;color:#d1d5db}.filter-type-btn:hover{background:#4b5563}.filter-type-btn.active{background:linear-gradient(135deg,#db2777,#ec4899)}.filter-btn--reset{background:#374151;color:#d1d5db}.order-card{background:#1f2937;box-shadow:0 2px 12px #0000004d}.order-card__package{color:#f9fafb}.order-card__rate{background:#374151}.pagination-btn{background:#1f2937;border-color:#374151;color:#f9a8d4}.pagination-btn:hover:not(:disabled){background:#374151}}@media(max-width:360px){.orders-header{padding-top:calc(env(safe-area-inset-top) + 10px);padding-bottom:10px}.orders-stats{gap:10px;padding:12px}.stats-card{padding:14px;gap:10px}.stats-card__icon{width:40px;height:40px}.stats-card__value{font-size:16px}.orders-filter{margin:0 12px 12px;padding:16px}.order-card{padding:14px}.refresh-btn{width:46px;height:46px;bottom:20px;right:16px}}.page-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background:linear-gradient(180deg,#fff,#fff8fa);border-bottom:1px solid rgba(236,72,153,.08);position:sticky;top:0;z-index:100;animation:headerSlideDown .3s ease-out}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.page-header__back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec48991a,#f472b60d);border-radius:50%;color:#ec4899;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.page-header__back:hover{background:linear-gradient(135deg,#ec489933,#f472b61a);transform:scale(1.05)}.page-header__back:active{transform:scale(.95)}.page-header__title{flex:1;text-align:center;font-size:17px;font-weight:700;color:#1f2937;margin:0;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header__right{min-width:44px;display:flex;align-items:center;justify-content:flex-end}.page-header__placeholder{width:44px;height:44px}@media(prefers-color-scheme:dark){.page-header{background:linear-gradient(180deg,#1f2937,#111827);border-bottom-color:#ffffff0d}.page-header__title{color:#f9fafb}.page-header__back{background:#ec489926}}@media(max-width:360px){.page-header{padding:10px 12px}.page-header__back{width:40px;height:40px}.page-header__title{font-size:16px}}.anchor-create-room{min-height:100vh;background:linear-gradient(180deg,#fdf2f8,#fff);padding-bottom:env(safe-area-inset-bottom)}.create-room-content{padding:20px}.form-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 16px #ec489914}.form-item{margin-bottom:20px}.form-label{display:flex;align-items:center;gap:4px;font-size:14px;color:#6b7280;margin-bottom:8px}.form-hint{font-size:12px;color:#9ca3af}.form-input{width:100%;height:48px;padding:0 16px;background:#f9fafb;border:1.5px solid #E5E7EB;border-radius:12px;font-size:15px;color:#1f2937;transition:all .2s ease;box-sizing:border-box}.form-count{text-align:right;font-size:12px;color:#9ca3af;margin-top:4px}.form-count .limit{color:#ef4444}.enter-type-options{display:flex;gap:12px}.enter-type-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px;background:#f9fafb;border:1.5px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .2s ease}.enter-type-option.active{border-color:#ec4899;background:#ec48990d}.enter-type-option__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#9ca3af;margin-bottom:8px}.enter-type-option.active .enter-type-option__icon{color:#ec4899}.enter-type-option__text{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px}.enter-type-option__desc{font-size:11px;color:#9ca3af}.tip-section{margin-top:16px;padding:12px 16px;background:#ec48990d;border-radius:12px}.tip-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;margin-bottom:8px}.tip-item:last-child{margin-bottom:0}.tip-item svg{color:#ec4899;flex-shrink:0}.create-room-footer{position:fixed;bottom:0;left:0;right:0;padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 16px #0000000d}.submit-btn{width:100%;height:50px;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 16px #ec48994d;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.submit-btn:active:not(:disabled){transform:scale(.98)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.safe-area-bottom{height:env(safe-area-inset-bottom)}.anchor-live-page{min-height:100vh;background:#000;display:flex;flex-direction:column;position:relative}.anchor-nav{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 100%);z-index:100}.anchor-nav-btn{width:44px;height:44px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.anchor-nav-btn:hover{background:#ffffff40;transform:scale(1.05)}.anchor-nav-btn:active{transform:scale(.95)}.anchor-nav-back{background:#0000004d}.anchor-nav-info{display:flex;flex-direction:column;align-items:center;gap:4px}.anchor-room-name{font-size:15px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.anchor-live-status{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#80808099;border-radius:12px;font-size:11px;font-weight:600;color:#fff}.anchor-live-status.active{background:linear-gradient(135deg,#ef4444,#dc2626)}.anchor-live-status.connecting{background:linear-gradient(135deg,#f59e0b,#d97706)}.anchor-status-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.anchor-video-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#1a1a1a;overflow:hidden}.anchor-local-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.anchor-local-video.mirrored{transform:scaleX(-1)}.anchor-video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff}.anchor-placeholder-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.5}.anchor-placeholder-overlay{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1}.anchor-placeholder-icon{width:80px;height:80px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.anchor-placeholder-text{font-size:14px;color:#ffffffb3}.anchor-placeholder-overlay .anchor-spin{animation:spin 1s linear infinite}.anchor-error{background:linear-gradient(135deg,#ef444433,#000c)}.anchor-retry-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#ec4899,#f472b6);border:none;border-radius:20px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #ec489966;transition:all .3s ease}.anchor-retry-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #ec489980}.anchor-open-camera-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ec4899,#f472b6);border:none;border-radius:24px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #ec489966;transition:all .3s ease}.anchor-open-camera-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ec489980}.anchor-live-overlay{position:absolute;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top) + 60px) 16px 16px;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,transparent 50%);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.anchor-overlay-anchor{display:flex;align-items:center;gap:10px}.anchor-overlay-avatar{width:44px;height:44px;border-radius:50%;border:2px solid white;-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 12px #0000004d}.anchor-overlay-info{display:flex;flex-direction:column;gap:4px}.anchor-overlay-name{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.anchor-overlay-live-badge{display:inline-flex;align-items:center;padding:2px 8px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;font-size:10px;font-weight:700;color:#fff;letter-spacing:1px;animation:liveBadgePulse 2s ease-in-out infinite}@keyframes liveBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.anchor-overlay-stats{display:flex;align-items:center;gap:12px}.anchor-stat-item{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;font-size:12px;font-weight:600;color:#fff}.anchor-stat-item svg{opacity:.8}.anchor-duration{background:#ef4444cc}.anchor-duration-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1s ease-in-out infinite}.anchor-connection-status{position:absolute;bottom:16px;left:16px;z-index:10}.anchor-status-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;font-size:11px;font-weight:500;color:#ffffffb3;transition:all .3s ease}.anchor-status-indicator.connected{background:#10b981cc;color:#fff}.anchor-floating-hearts{position:absolute;bottom:80px;right:20px;width:100px;height:200px;pointer-events:none;overflow:hidden}.anchor-floating-heart{position:absolute;bottom:0;right:20px}.anchor-device-shortcuts{position:absolute;top:50%;right:16px;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:10}.anchor-device-btn{width:48px;height:48px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #0000004d}.anchor-device-btn.on{background:#ffffffe6;color:#1f2937}.anchor-device-btn.off{background:#ef4444e6;color:#fff}.anchor-device-btn:hover{transform:scale(1.1)}.anchor-device-btn:active{transform:scale(.95)}.anchor-danmu-container{position:absolute;bottom:100px;left:16px;right:80px;max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;z-index:10;padding-right:8px}.anchor-danmu-container::-webkit-scrollbar{width:0}.anchor-danmu-message{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:18px;font-size:13px;color:#fff;max-width:280px;animation:danmuSlideIn .3s ease-out}.anchor-danmu-user{font-weight:600;color:#f9a8d4}@keyframes danmuSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.anchor-bottom-bar{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 100%);display:flex;flex-direction:column;gap:12px;z-index:100}.anchor-comment-input{display:flex;align-items:center;gap:10px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;padding:8px 8px 8px 16px}.anchor-comment-input input{flex:1;background:transparent;border:none;color:#fff;font-size:14px;outline:none}.anchor-comment-input input::-moz-placeholder{color:#fff9}.anchor-comment-input input::placeholder{color:#fff9}.anchor-comment-input button{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#f472b6);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.anchor-comment-input button:hover{transform:scale(1.1)}.anchor-comment-input button:active{transform:scale(.95)}.anchor-control-buttons{display:flex;align-items:center;justify-content:center;gap:16px}.anchor-control-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.anchor-control-btn:active{transform:scale(.95)}.anchor-control-btn:disabled{opacity:.5;cursor:not-allowed}.anchor-like-btn{width:48px;height:48px;padding:0;border-radius:50%;background:#fff3;color:#fff}.anchor-like-btn:hover{background:#ec489966}.anchor-like-btn svg{transition:transform .3s ease}.anchor-like-btn:active svg{transform:scale(1.3)}.anchor-start-btn{flex:1;max-width:200px;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 4px 20px #ec489980}.anchor-start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #ec489999}.anchor-end-btn{flex:1;max-width:200px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 20px #ef444480}.anchor-end-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ef444499}.anchor-device-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end}.anchor-device-panel{width:100%;max-height:70vh;background:linear-gradient(180deg,#fff,#fff8fa);border-radius:24px 24px 0 0;overflow:hidden;display:flex;flex-direction:column}.anchor-device-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(236,72,153,.08)}.anchor-device-panel-title{display:flex;align-items:center;gap:10px;color:#ec4899}.anchor-device-panel-title h3{margin:0;font-size:17px;font-weight:700;color:#1f2937}.anchor-device-panel-close{width:36px;height:36px;border-radius:50%;background:#0000000d;border:none;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.anchor-device-panel-close:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg)}.anchor-device-tabs{display:flex;padding:0 20px;gap:12px;border-bottom:1px solid rgba(236,72,153,.08)}.anchor-device-tab{display:flex;align-items:center;gap:6px;padding:12px 0;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.anchor-device-tab.active{color:#ec4899;border-bottom-color:#ec4899}.anchor-device-list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.anchor-device-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1.5px solid #fce7f3;border-radius:16px;cursor:pointer;transition:all .3s ease}.anchor-device-item:hover{background:#fdf2f8;border-color:#ec4899}.anchor-device-item.selected{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#ec4899}.anchor-device-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#ec4899;display:flex;align-items:center;justify-content:center;flex-shrink:0}.anchor-device-info{flex:1;display:flex;flex-direction:column;gap:4px;text-align:left}.anchor-device-name{font-size:14px;font-weight:600;color:#1f2937}.anchor-device-status{font-size:12px;color:#9ca3af}.anchor-device-check{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center}.anchor-device-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:#9ca3af}.anchor-refresh-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fff;border:1.5px dashed #e5e7eb;border-radius:12px;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.anchor-refresh-btn:hover{border-color:#ec4899;color:#ec4899}.anchor-device-panel-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:#fafafa;border-top:1px solid rgba(236,72,153,.08);font-size:12px;color:#9ca3af}.anchor-linkmic-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end}.anchor-linkmic-panel{width:100%;max-height:75vh;background:linear-gradient(180deg,#fff,#fff8fa);border-radius:24px 24px 0 0;overflow:hidden;display:flex;flex-direction:column}.anchor-linkmic-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(236,72,153,.08)}.anchor-linkmic-panel-title{display:flex;align-items:center;gap:10px;color:#ec4899}.anchor-linkmic-panel-title h3{margin:0;font-size:17px;font-weight:700;color:#1f2937}.anchor-linkmic-badge{padding:4px 10px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;font-size:11px;font-weight:700;color:#fff}.anchor-linkmic-panel-close{width:36px;height:36px;border-radius:50%;background:#0000000d;border:none;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.anchor-linkmic-panel-close:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg)}.anchor-linkmic-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.anchor-linkmic-section{display:flex;flex-direction:column;gap:12px}.anchor-linkmic-section-title{font-size:13px;font-weight:600;color:#6b7280;padding-bottom:8px;border-bottom:1px dashed rgba(236,72,153,.15)}.anchor-linkmic-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;color:#9ca3af;text-align:center}.anchor-linkmic-request-card{display:flex;align-items:center;gap:14px;padding:14px;background:#fff;border:1.5px solid #fce7f3;border-radius:16px;box-shadow:0 2px 8px #ec48990f}.anchor-linkmic-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.anchor-linkmic-user-info{flex:1;display:flex;flex-direction:column;gap:4px}.anchor-linkmic-user-name{font-size:14px;font-weight:600;color:#1f2937}.anchor-linkmic-user-time{font-size:12px;color:#9ca3af}.anchor-linkmic-actions{display:flex;gap:8px}.anchor-linkmic-accept-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.anchor-linkmic-accept-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #10b98166}.anchor-linkmic-reject-btn{width:40px;height:40px;border-radius:50%;background:#ef44441a;border:none;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.anchor-linkmic-reject-btn:hover{background:#ef444433;transform:scale(1.1)}.anchor-linkmic-user-card{display:flex;align-items:center;gap:14px;padding:14px;background:linear-gradient(135deg,#fce7f3,#fbcfe8);border:1.5px solid #f9a8d4;border-radius:16px}.anchor-linkmic-user-card .anchor-linkmic-avatar{background:#fff;border:2px solid #ec4899}.anchor-linkmic-user-card .anchor-linkmic-user-info{flex:1}.anchor-linkmic-end-btn{padding:8px 14px;background:#ef44441a;border:none;border-radius:12px;color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.anchor-linkmic-end-btn:hover{background:#ef444433}.anchor-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:linear-gradient(180deg,#1f2937,#111827);color:#fff}.anchor-loading-spinner{position:relative;width:60px;height:60px}.anchor-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-top-color:#ec4899;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.anchor-delay1{top:8px;right:8px;bottom:8px;left:8px;border-top-color:#f9a8d4;animation-delay:-.4s;animation-duration:1.5s}.anchor-delay2{top:16px;right:16px;bottom:16px;left:16px;border-top-color:#fce7f3;animation-delay:-.8s;animation-duration:1.8s}.anchor-loading p{font-size:14px;color:#ffffffb3;margin:0}.anchor-dot{animation:dotPulse 1.4s ease-in-out infinite}.anchor-dot:nth-child(2){animation-delay:.2s}.anchor-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes dotPulse{0%,60%,to{opacity:.3}30%{opacity:1}}@media(prefers-color-scheme:dark){.anchor-device-panel,.anchor-linkmic-panel{background:linear-gradient(180deg,#1f2937,#374151)}.anchor-device-panel-title h3,.anchor-linkmic-panel-title h3{color:#f9fafb}.anchor-device-item{background:#374151;border-color:#ffffff1a}.anchor-device-item:hover{background:#4b5563}.anchor-device-item.selected{background:#ec489933;border-color:#ec4899}.anchor-device-icon{background:#ec489933}.anchor-device-name{color:#f9fafb}.anchor-linkmic-request-card{background:#374151;border-color:#ffffff1a}.anchor-linkmic-user-card{background:#ec489926}}@media(max-width:360px){.anchor-nav{padding:calc(env(safe-area-inset-top) + 6px) 12px 6px}.anchor-nav-btn,.anchor-overlay-avatar{width:40px;height:40px}.anchor-stat-item{padding:4px 10px;font-size:11px}.anchor-device-btn{width:44px;height:44px}.anchor-bottom-bar{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.anchor-control-btn{padding:10px 18px;font-size:13px}.anchor-like-btn{width:44px;height:44px}}.avatar-cropper__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000}.avatar-cropper{position:fixed;bottom:0;left:0;right:0;max-height:90vh;background:linear-gradient(180deg,#fff,#fff8fa);border-radius:24px 24px 0 0;z-index:1001;display:flex;flex-direction:column;overflow:hidden}.avatar-cropper__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(236,72,153,.08);flex-shrink:0}.avatar-cropper__close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:none;border-radius:50%;color:#6b7280;cursor:pointer;transition:all .3s ease}.avatar-cropper__close:hover{background:#ef44441a;color:#ef4444}.avatar-cropper__title{font-size:17px;font-weight:700;color:#1f2937;margin:0}.avatar-cropper__content{flex:1;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:40px 20px;-webkit-overflow-scrolling:touch}.avatar-cropper__select{display:flex;flex-direction:column;align-items:center;gap:32px}.avatar-cropper__options{display:flex;gap:32px}.avatar-cropper__option{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0;background:none;border:none;cursor:pointer;transition:all .3s ease}.avatar-cropper__option:hover{transform:translateY(-4px)}.avatar-cropper__option:hover .avatar-cropper__option-icon{transform:scale(1.1);box-shadow:0 8px 24px #ec48994d}.avatar-cropper__option-icon{width:80px;height:80px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 4px 16px #ec489940;transition:all .3s ease}.avatar-cropper__option span{font-size:14px;font-weight:600;color:#374151}.avatar-cropper__hint{font-size:13px;color:#9ca3af;text-align:center;margin:0}.avatar-cropper__preview{display:flex;flex-direction:column;align-items:center;gap:20px}.avatar-cropper__canvas-wrapper{position:relative;width:260px;height:260px;border-radius:50%;overflow:hidden}.avatar-cropper__preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-cropper__mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.avatar-cropper__mask-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;box-shadow:0 0 0 9999px #00000080}.avatar-cropper__footer{display:flex;gap:12px;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-top:1px solid rgba(236,72,153,.08);flex-shrink:0}.avatar-cropper__btn{flex:1;padding:14px 20px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:none;display:flex;align-items:center;justify-content:center;min-height:50px}.avatar-cropper__btn:active{transform:scale(.98)}.avatar-cropper__btn:disabled{opacity:.5;cursor:not-allowed}.avatar-cropper__btn--cancel,.avatar-cropper__btn--reselect{background:#0000000d;color:#6b7280}.avatar-cropper__btn--cancel:hover,.avatar-cropper__btn--reselect:hover{background:#0000001a;color:#374151}.avatar-cropper__btn--confirm{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 4px 16px #ec489959}.avatar-cropper__btn--confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #ec489973}@media(prefers-color-scheme:dark){.avatar-cropper{background:linear-gradient(180deg,#1f2937,#374151)}.avatar-cropper__title{color:#f9fafb}.avatar-cropper__close{background:#ffffff1a;color:#9ca3af}.avatar-cropper__close:hover{background:#ef444433;color:#ef4444}.avatar-cropper__option span{color:#e5e7eb}.avatar-cropper__btn--cancel,.avatar-cropper__btn--reselect{background:#ffffff1a;color:#e5e7eb}.avatar-cropper__btn--cancel:hover,.avatar-cropper__btn--reselect:hover{background:#ffffff26}}@media(min-width:480px){.avatar-cropper{bottom:auto;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);max-width:400px;width:100%;border-radius:24px;max-height:80vh}}@media(max-width:360px){.avatar-cropper__options{gap:24px}.avatar-cropper__option-icon{width:70px;height:70px;border-radius:20px}.avatar-cropper__canvas-wrapper{width:220px;height:220px}.avatar-cropper__mask-circle{width:170px;height:170px}.avatar-cropper__btn{padding:12px 16px;min-height:46px;font-size:14px}}.anchor-profile{min-height:100vh;background:linear-gradient(180deg,#fdf2f8,#fff);padding-bottom:env(safe-area-inset-bottom)}.profile-content{padding:24px 20px;max-width:500px;margin:0 auto}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.avatar-wrapper{position:relative;width:120px;height:120px}.avatar-image{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid white;box-shadow:0 8px 32px #ec489933,0 0 0 2px #ec48991a}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#fce7f3,#fbcfe8);border:4px solid white;box-shadow:0 8px 32px #ec489933,0 0 0 2px #ec48991a;display:flex;align-items:center;justify-content:center;color:#ec4899}.avatar-placeholder svg{width:50px;height:50px}.avatar-edit-btn{position:absolute;bottom:4px;right:4px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#f472b6);border:3px solid white;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #ec489966;transition:all .3s ease}.avatar-edit-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #ec489980}.avatar-edit-btn:active{transform:scale(.95)}.avatar-hint{margin:12px 0 0;font-size:13px;color:#9ca3af}.profile-form{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #ec489914,0 0 0 1px #ec48990a;margin-bottom:20px}.form-item{margin-bottom:24px}.form-item:last-child{margin-bottom:0}.form-item__label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#374151;margin-bottom:10px}.form-item__label .required{color:#ef4444}.form-item__footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.form-item__error{font-size:12px;color:#ef4444}.form-item__count{font-size:12px;color:#9ca3af;margin-left:auto}.form-item--error .form-input,.form-item--error .form-textarea{border-color:#ef4444}.form-input{width:100%;padding:14px 16px;background:linear-gradient(135deg,#fdf2f8,#fff);border:1.5px solid #fce7f3;border-radius:12px;font-size:15px;color:#1f2937;transition:all .3s ease}.form-input:focus{outline:none;border-color:#ec4899;background:#fff;box-shadow:0 0 0 3px #ec48991a}.form-input::-moz-placeholder{color:#9ca3af}.form-input::placeholder{color:#9ca3af}.form-textarea{width:100%;min-height:100px;padding:14px 16px;background:linear-gradient(135deg,#fdf2f8,#fff);border:1.5px solid #fce7f3;border-radius:12px;font-size:15px;color:#1f2937;resize:vertical;font-family:inherit;line-height:1.6;transition:all .3s ease}.form-textarea:focus{outline:none;border-color:#ec4899;background:#fff;box-shadow:0 0 0 3px #ec48991a}.form-textarea::-moz-placeholder{color:#9ca3af}.form-textarea::placeholder{color:#9ca3af}.profile-info{background:#fff;border-radius:20px;padding:20px 24px;box-shadow:0 4px 20px #ec489914,0 0 0 1px #ec48990a;margin-bottom:20px}.profile-info__title{font-size:14px;font-weight:600;color:#6b7280;margin:0 0 16px;padding-bottom:12px;border-bottom:1px dashed rgba(236,72,153,.15)}.profile-info__item{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.profile-info__label{font-size:14px;color:#6b7280}.profile-info__value{font-size:14px;font-weight:600;color:#1f2937}.profile-actions{margin-top:32px}.save-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:linear-gradient(135deg,#ec4899,#f472b6);border:none;border-radius:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #ec489959;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #ec489973}.save-btn:active:not(:disabled){transform:scale(.98)}.save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media(prefers-color-scheme:dark){.anchor-profile{background:linear-gradient(180deg,#111827,#1f2937)}.profile-form,.profile-info{background:#1f2937;box-shadow:0 4px 20px #0000004d}.form-item__label{color:#e5e7eb}.form-input,.form-textarea{background:#0003;border-color:#ffffff1a;color:#f9fafb}.form-input:focus,.form-textarea:focus{background:#0000004d}.profile-info__title{color:#9ca3af;border-bottom-color:#ffffff1a}.profile-info__label{color:#9ca3af}.profile-info__value{color:#f9fafb}}@media(max-width:360px){.profile-content{padding:20px 16px}.avatar-wrapper{width:100px;height:100px}.avatar-edit-btn{width:32px;height:32px}.profile-form,.profile-info{padding:20px;border-radius:16px}.form-input,.form-textarea{padding:12px 14px;font-size:14px}.save-btn{padding:14px;font-size:15px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.anchor-notifications{min-height:100vh;background:linear-gradient(180deg,#fdf2f8,#fff);padding-bottom:100px}.mark-all-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#ec48991a,#f472b60d);border:none;border-radius:20px;color:#ec4899;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.mark-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#ec489933,#f472b61a)}.mark-all-btn:disabled{opacity:.5;cursor:not-allowed}.notifications-filter{padding:16px 0;border-bottom:1px solid rgba(236,72,153,.08);background:#fff;position:sticky;top:60px;z-index:50}.filter-scroll{display:flex;gap:10px;padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-tag{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f3f4f6;border:none;border-radius:20px;color:#6b7280;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .3s ease}.filter-tag:hover{background:#e5e7eb;color:#374151}.filter-tag--active{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 4px 12px #ec48994d}.filter-tag--active:hover{background:linear-gradient(135deg,#db2777,#ec4899);color:#fff}.filter-tag__badge{min-width:18px;height:18px;padding:0 5px;background:#ffffff4d;border-radius:9px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.filter-tag:not(.filter-tag--active) .filter-tag__badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notifications-content{padding:16px;position:relative}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #ec48990f;cursor:pointer;transition:all .3s ease}.notification-item:hover{transform:translate(4px);box-shadow:0 4px 20px #ec48991a}.notification-item--read{background:#fafafa;opacity:.8}.notification-item--read:hover{opacity:1}.notification-dot{position:absolute;top:18px;left:6px;width:8px;height:8px;background:linear-gradient(135deg,#ec4899,#f472b6);border-radius:50%;box-shadow:0 0 8px #ec489980;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.notification-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.notification-title{font-size:15px;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{font-size:12px;color:#9ca3af;flex-shrink:0;margin-left:8px}.notification-message{font-size:13px;color:#6b7280;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-action{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:none;color:#10b981;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.notification-action:hover{background:linear-gradient(135deg,#10b98133,#10b9811a);transform:scale(1.1)}.notification-action:active{transform:scale(.95)}.notification-action:disabled{opacity:.5;cursor:not-allowed}.refresh-btn{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));right:20px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#f472b6);border:none;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px #ec489966;cursor:pointer;transition:all .3s ease;z-index:100}.refresh-btn:hover{transform:scale(1.1);box-shadow:0 8px 32px #ec489980}.refresh-btn:active{transform:scale(.95)}.refresh-btn svg{transition:transform .3s ease}.refresh-btn:hover svg{transform:rotate(180deg)}@media(prefers-color-scheme:dark){.anchor-notifications{background:linear-gradient(180deg,#111827,#1f2937)}.notifications-filter{background:#1f2937;border-bottom-color:#ffffff0d}.filter-tag{background:#374151;color:#d1d5db}.filter-tag:hover{background:#4b5563;color:#e5e7eb}.notification-item{background:#1f2937;box-shadow:0 2px 12px #0003}.notification-item:hover{box-shadow:0 4px 20px #0000004d}.notification-item--read{background:#111827}.notification-title{color:#f9fafb}.notification-message{color:#9ca3af}}@media(max-width:360px){.notification-item{padding:14px;gap:12px}.notification-icon{width:40px;height:40px;border-radius:10px}.notification-title{font-size:14px}.notification-message{font-size:12px}.refresh-btn{width:46px;height:46px;bottom:20px;right:16px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}:root{--primary: #ec4899;--primary-dark: #db2777;--primary-light: #f472b6;--primary-100: #fce7f3;--primary-200: #fbcfe8;--primary-300: #f9a8d4;--primary-400: #f472b6;--bg-main: #fdf2f8;--bg-card: #ffffff;--bg-hover: #fff5f8;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-hint: #d1d5db;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--border-color: #f3f4f6;--border-light: #fce7f3;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(236, 72, 153, .04);--shadow-sm: 0 2px 8px rgba(236, 72, 153, .06);--shadow-md: 0 4px 16px rgba(236, 72, 153, .08);--shadow-lg: 0 8px 24px rgba(236, 72, 153, .12);--shadow-xl: 0 12px 32px rgba(236, 72, 153, .16);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--page-padding: 16px;--nav-height: 60px}.page-container{min-height:100vh;background:var(--bg-main);position:relative}.page-content{padding:var(--page-padding);padding-bottom:100px}.page-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--nav-height) + 16px) var(--page-padding) 16px;background:linear-gradient(180deg,var(--bg-main) 0%,rgba(253,242,248,.8) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-nav__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--primary);cursor:pointer;border-radius:var(--radius-full);background:#fffc;transition:all .2s ease}.page-nav__back:active{transform:scale(.92);background:#ec48991a}.page-nav__back svg{width:22px;height:22px}.page-nav__title{font-size:var(--text-xl);font-weight:600;color:var(--primary-dark);letter-spacing:1px}.page-nav__action{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--primary);cursor:pointer;border-radius:var(--radius-full);transition:all .2s ease}.page-nav__action:active{transform:scale(.92)}.page-nav__action svg{width:22px;height:22px}.page-nav__right,.page-nav__placeholder{width:40px}.card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);transition:all .2s ease}.card:active{transform:scale(.99)}.card--hover:active{transform:scale(.98);box-shadow:var(--shadow-md)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.card__title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.card__subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.list{background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);transition:all .2s ease}.list-item__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-100);color:var(--primary);border-radius:var(--radius-md);margin-right:var(--spacing-md)}.list-item__icon svg{width:20px;height:20px}.list-item__value{font-size:var(--text-base);color:var(--text-secondary);text-align:right}.list-item__arrow{width:20px;height:20px;color:var(--text-muted);margin-left:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--text-base);font-weight:500;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .2s ease;outline:none}.btn--primary:active{box-shadow:var(--shadow-sm)}.btn--sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-sm)}.btn--lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--text-lg)}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:all .2s ease;box-sizing:border-box}.form-error{font-size:var(--text-xs);color:var(--danger);margin-top:var(--spacing-xs)}.tag{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full)}.tag--info{background:var(--info-light);color:var(--info)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot--active{background:var(--success);box-shadow:0 0 0 3px #10b98133;animation:pulse 2s infinite}.status-dot--inactive{background:var(--text-muted)}.status-dot--warning{background:var(--warning);box-shadow:0 0 0 3px #f59e0b33}.empty-state__icon{width:80px;height:80px;color:var(--primary-300);margin-bottom:var(--spacing-lg);opacity:.6}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--page-padding)}.loading__text{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--spacing-md)}.modal-close:active{transform:scale(.9)}.modal-body{padding:var(--spacing-xl)}.modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-xl);padding-top:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stats-card--highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff}.stats-card--highlight .stats-card__value,.stats-card--highlight .stats-card__label{color:#fff}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;overflow:hidden}.avatar--sm{width:32px;height:32px;font-size:var(--text-sm)}.divider--section{height:8px;background:var(--bg-main);margin:0;margin-left:calc(-1 * var(--page-padding));margin-right:calc(-1 * var(--page-padding))}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.animate-shake{animation:shake .3s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:bounce 1s ease infinite}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}@media screen and (max-width:374px){:root{--text-xs: 10px;--text-sm: 11px;--text-base: 12px;--text-lg: 14px;--text-xl: 16px;--text-2xl: 18px;--text-3xl: 20px}.page-nav{padding:calc(var(--nav-height) + 8px) 10px 10px}.page-nav__back{width:36px;height:36px}.page-nav__title{font-size:15px}.page-content{padding:10px 10px 80px}.card,.section-card{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.btn{padding:10px 16px;font-size:var(--text-sm)}.form-input{padding:10px 12px}.stats-grid{gap:var(--spacing-sm)}.stats-card{padding:var(--spacing-md)}.stats-card__value{font-size:var(--text-lg)}}@media screen and (min-width:375px)and (max-width:413px){:root{--page-padding: 14px}}@media screen and (min-width:481px)and (max-width:1024px){:root{--page-padding: 20px;--nav-height: 64px}.page-nav{padding:calc(var(--nav-height) + 16px) var(--page-padding) 16px}.page-content{padding:var(--page-padding);padding-bottom:120px}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1025px){:root{--page-padding: 24px;--nav-height: 68px}.page-nav{padding:calc(var(--nav-height) + 20px) var(--page-padding) 16px}.page-content{padding:var(--page-padding);padding-bottom:140px}}@media(hover:none)and (pointer:coarse){.card:hover,.btn:hover,.list-item:hover{transform:none}.page-nav__back,.page-nav__action{min-width:44px;min-height:44px}}@supports (padding: max(0px)){.page-container{padding-bottom:max(20px,env(safe-area-inset-bottom,20px))}.page-nav{padding-top:max(calc(var(--nav-height) + 12px),calc(env(safe-area-inset-top,0px) + var(--nav-height) + 12px))}}.operator-page,.anchor-page{min-height:100vh;background:var(--bg-main);padding-bottom:env(safe-area-inset-bottom,20px)}.page-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--nav-height) + 12px) var(--page-padding) 12px;background:linear-gradient(180deg,var(--bg-main) 0%,rgba(253,242,248,.95) 70%,rgba(253,242,248,0) 100%)}.page-nav__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:50%;color:var(--primary);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.page-nav__back:active{transform:scale(.92);background:var(--primary-100)}.page-nav__back svg{width:20px;height:20px}.page-nav__title{font-size:var(--text-lg);font-weight:600;color:var(--primary-dark);letter-spacing:.5px}.page-nav__action,.page-nav__right,.page-nav__placeholder{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--primary);cursor:pointer}.page-nav__action svg,.page-nav__right svg,.page-nav__placeholder svg{width:22px;height:22px}.section-card{background:var(--bg-card);border-radius:var(--radius-xl);margin:0 var(--page-padding) var(--spacing-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.section-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.section-card__title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.section-card__content{padding:var(--spacing-lg)}.list-item{display:flex;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);transition:background .2s ease}.list-item:last-child{border-bottom:none}.list-item--clickable:active{background:var(--bg-hover)}.list-item__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary-100);color:var(--primary);border-radius:var(--radius-md);margin-right:var(--spacing-md);flex-shrink:0}.list-item__icon svg{width:22px;height:22px}.list-item__content{flex:1;min-width:0}.list-item__title{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.list-item__subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.list-item__meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.list-item__value{font-size:var(--text-base);color:var(--text-secondary);text-align:right;margin-left:var(--spacing-md)}.list-item__value--highlight{font-weight:600;color:var(--primary)}.list-item__arrow{width:18px;height:18px;color:var(--text-muted);margin-left:var(--spacing-sm)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);padding:0 var(--page-padding);margin-bottom:var(--spacing-lg)}.stats-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;box-shadow:var(--shadow-sm)}.stats-card__value{font-size:var(--text-xl);font-weight:700;color:var(--primary);margin-bottom:4px}.stats-card__value--success{color:var(--success)}.stats-card__value--warning{color:var(--warning)}.stats-card__label{font-size:var(--text-xs);color:var(--text-muted)}.stats-card--highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;position:relative;overflow:hidden}.stats-card--highlight:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:#ffffff26;border-radius:50%}.stats-card--highlight .stats-card__value,.stats-card--highlight .stats-card__label{color:#fff;position:relative;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-size:var(--text-base);font-weight:500;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn--secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn--ghost{background:transparent;color:var(--primary)}.btn--danger{background:linear-gradient(135deg,var(--danger) 0%,#f87171 100%);color:#fff}.btn--success{background:linear-gradient(135deg,var(--success) 0%,#34d399 100%);color:#fff}.btn--block{width:100%}.btn--sm{padding:6px 12px;font-size:var(--text-sm);border-radius:var(--radius-md)}.btn svg{width:18px;height:18px}.form-group{margin-bottom:var(--spacing-lg)}.form-group--row{display:flex;gap:var(--spacing-md)}.form-group--row>*{flex:1}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.form-label--required:after{content:"*";color:var(--danger);margin-left:2px}.form-input{width:100%;padding:12px 14px;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:all .2s ease;box-sizing:border-box}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ec48991a}.form-input::-moz-placeholder{color:var(--text-hint)}.form-input::placeholder{color:var(--text-hint)}.form-input--error{border-color:var(--danger)}.form-error{font-size:var(--text-xs);color:var(--danger);margin-top:4px}textarea.form-input{resize:vertical;min-height:80px}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.tag{display:inline-flex;align-items:center;padding:3px 10px;font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full)}.tag--primary{background:var(--primary-100);color:var(--primary)}.tag--success{background:var(--success-light);color:var(--success)}.tag--warning{background:var(--warning-light);color:var(--warning)}.tag--danger{background:var(--danger-light);color:var(--danger)}.tag--muted{background:var(--border-color);color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full)}.status-badge--active{background:var(--success-light);color:var(--success)}.status-badge--inactive,.status-badge--offline{background:var(--border-color);color:var(--text-muted)}.status-badge--warning{background:var(--warning-light);color:var(--warning)}.status-badge--live{background:var(--danger);color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--page-padding);text-align:center}.empty-state__icon{width:80px;height:80px;color:var(--primary-300);margin-bottom:var(--spacing-lg);opacity:.5}.empty-state__icon svg{width:100%;height:100%}.empty-state__title{font-size:var(--text-lg);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state__text{font-size:var(--text-sm);color:var(--text-muted);max-width:240px}.empty-state__action{margin-top:var(--spacing-xl)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--page-padding)}.loading-spinner{width:32px;height:32px;border:3px solid var(--primary-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.loading-state__text{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--spacing-md)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{width:100%;max-width:430px;background:var(--bg-card);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding-bottom:env(safe-area-inset-bottom);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.modal-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.modal-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--border-color);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.modal-close:active{transform:scale(.9);background:var(--danger-light);color:var(--danger)}.modal-close svg{width:18px;height:18px}.modal-body{padding:var(--spacing-xl);max-height:60vh;overflow-y:auto}.modal-footer{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-xl) var(--spacing-xl)}.modal-footer .btn{flex:1}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;overflow:hidden;flex-shrink:0}.avatar--sm{width:36px;height:36px;font-size:var(--text-sm)}.avatar--lg{width:64px;height:64px;font-size:var(--text-2xl)}.avatar--xl{width:80px;height:80px;font-size:var(--text-3xl)}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar svg{width:50%;height:50%}.divider{height:1px;background:var(--border-color);margin:var(--spacing-lg) 0}.divider--section{height:8px;background:var(--bg-main);margin:0 calc(-1 * var(--page-padding))}.action-bar{display:flex;gap:var(--spacing-md);padding:var(--page-padding);padding-top:0;margin-bottom:var(--spacing-lg)}.action-bar--end{justify-content:flex-end}.action-bar--between{justify-content:space-between}.tab-bar{display:flex;gap:4px;padding:var(--page-padding);padding-top:0;margin-bottom:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-lg);margin-left:var(--page-padding);margin-right:var(--page-padding)}.tab-btn{flex:1;padding:10px 16px;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.tab-btn:active{transform:scale(.98)}.tab-btn.active{background:var(--primary);color:#fff}.filter-section{padding:var(--page-padding);padding-top:0;margin-bottom:var(--spacing-lg)}.filter-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.filter-row{display:flex;gap:var(--spacing-md);align-items:flex-end}.filter-row+.filter-row{margin-top:var(--spacing-md)}.filter-item{flex:1}.filter-item label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:4px}.filter-item .form-input{padding:8px 12px;font-size:var(--text-sm)}.filter-actions{display:flex;gap:var(--spacing-sm)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.page-btn{padding:8px 16px;font-size:var(--text-sm);color:var(--primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.page-btn:active{transform:scale(.96)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:var(--text-sm);color:var(--text-secondary)}.tip-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);margin:0 var(--page-padding) var(--spacing-lg);background:var(--primary-100);border-radius:var(--radius-lg);border-left:3px solid var(--primary)}.tip-card__icon{width:20px;height:20px;color:var(--primary);flex-shrink:0}.tip-card__content{flex:1}.tip-card__text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.tip-card--warning{background:var(--warning-light);border-left-color:var(--warning)}.tip-card--warning .tip-card__icon{color:var(--warning)}.tip-card--danger{background:var(--danger-light);border-left-color:var(--danger)}.tip-card--danger .tip-card__icon{color:var(--danger)}.amount{font-size:var(--text-xl);font-weight:700;color:var(--primary)}.amount--sm{font-size:var(--text-base)}.amount--lg{font-size:var(--text-2xl)}.amount--success{color:var(--success)}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}@media screen and (max-width:374px){:root{--text-xs: 10px;--text-sm: 11px;--text-base: 12px;--text-lg: 14px;--text-xl: 16px;--text-2xl: 18px;--text-3xl: 20px}.page-nav{padding:calc(var(--nav-height) + 8px) 10px 10px}.page-nav__back,.page-nav__action,.page-nav__right,.page-nav__placeholder{width:36px;height:36px}.page-nav__title{font-size:15px}.section-card{margin:0 10px var(--spacing-md)}.section-card__header,.section-card__content{padding:var(--spacing-md)}.stats-grid{padding:0 10px;gap:var(--spacing-sm)}.stats-card{padding:var(--spacing-md)}.stats-card__value{font-size:var(--text-lg)}.list-item{padding:var(--spacing-md)}.list-item__icon{width:40px;height:40px}.btn{padding:10px 16px;font-size:var(--text-sm)}.tab-bar{padding:var(--spacing-sm);margin:0 10px var(--spacing-md)}.tab-btn{padding:8px 12px;font-size:var(--text-xs)}.filter-section{padding:10px}.filter-card{padding:var(--spacing-md)}.empty-state{padding:40px 10px}.empty-state__icon{width:60px;height:60px}}@media screen and (min-width:375px)and (max-width:413px){:root{--page-padding: 14px}.section-card{margin:0 var(--page-padding) var(--spacing-lg)}.stats-grid{padding:0 var(--page-padding)}}@media screen and (min-width:414px)and (max-width:480px){:root{--page-padding: 16px}}@media screen and (min-width:481px)and (max-width:1024px){:root{--page-padding: 20px;--nav-height: 64px}.page-nav{padding:calc(var(--nav-height) + 16px) var(--page-padding) 16px}.section-card{margin:0 var(--page-padding) var(--spacing-lg)}.stats-grid{padding:0 var(--page-padding)}.tab-bar{margin:0 var(--page-padding) var(--spacing-lg)}.filter-section{padding:var(--page-padding);padding-top:0}.stats-card{padding:var(--spacing-xl)}}@media screen and (min-width:1025px){:root{--page-padding: 24px;--nav-height: 68px}.page-nav{padding:calc(var(--nav-height) + 20px) var(--page-padding) 16px}.section-card{margin:0 var(--page-padding) var(--spacing-xl)}}@media(orientation:landscape)and (max-height:500px){.page-nav{padding-top:calc(8px + env(safe-area-inset-top,0px))}.page-content{padding-bottom:60px}}@media(hover:none)and (pointer:coarse){.page-nav__back,.page-nav__action,.page-nav__right,.page-nav__placeholder{min-width:44px;min-height:44px}.card:active{transform:scale(.99)}.list-item:active{background:var(--bg-hover)}}@supports (padding: max(0px)){.operator-page,.anchor-page{padding-bottom:max(20px,env(safe-area-inset-bottom,20px))}.page-nav{padding-top:max(calc(var(--nav-height) + 12px),calc(env(safe-area-inset-top,0px) + var(--nav-height) + 12px))}.modal-content{padding-bottom:env(safe-area-inset-bottom,0px)}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{border-color:var(--border)}body{background-color:#fdf2f8;color:var(--foreground);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}html{font-size:var(--font-size)}h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}h4,label,button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.-left-10{left:-2.5rem}.-left-5{left:-1.25rem}.-right-1{right:-.25rem}.-right-10{right:-2.5rem}.-top-1{top:-.25rem}.-top-10{top:-2.5rem}.-top-20{top:-5rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-\[6px\]{bottom:6px}.left-0{left:0}.left-4{left:1rem}.left-\[14px\]{left:14px}.left-\[4px\]{left:4px}.left-\[6px\]{left:6px}.right-0{right:0}.right-4{right:1rem}.right-\[44px\]{right:44px}.right-\[4px\]{right:4px}.right-\[6px\]{right:6px}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[6px\]{top:6px}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[9999\]{z-index:9999}.m-\[12px_0_12px_12px\]{margin:12px 0 12px 12px}.mx-auto{margin-left:auto;margin-right:auto}.-ml-2{margin-left:-.5rem}.-ml-\[5px\]{margin-left:-5px}.-mt-6{margin-top:-1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-\[12px\]{margin-bottom:12px}.mb-\[16px\]{margin-bottom:16px}.mb-\[2px\]{margin-bottom:2px}.mb-\[4px\]{margin-bottom:4px}.mb-\[8px\]{margin-bottom:8px}.ml-\[2px\]{margin-left:2px}.ml-\[4px\]{margin-left:4px}.ml-\[8px\]{margin-left:8px}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-\[12px\]{margin-top:12px}.mt-\[2px\]{margin-top:2px}.mt-\[4px\]{margin-top:4px}.mt-\[6px\]{margin-top:6px}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-20{height:5rem}.h-28{height:7rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[10px\]{height:10px}.h-\[110px\]{height:110px}.h-\[12px\]{height:12px}.h-\[14px\]{height:14px}.h-\[16px\]{height:16px}.h-\[180px\]{height:180px}.h-\[18px\]{height:18px}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[24px\]{height:24px}.h-\[28px\]{height:28px}.h-\[3\.5px\]{height:3.5px}.h-\[32px\]{height:32px}.h-\[36px\]{height:36px}.h-\[3px\]{height:3px}.h-\[40px\]{height:40px}.h-\[44px\]{height:44px}.h-\[48px\]{height:48px}.h-\[4px\]{height:4px}.h-\[50\%\]{height:50%}.h-\[52px\]{height:52px}.h-\[56px\]{height:56px}.h-\[72px\]{height:72px}.h-\[7px\]{height:7px}.h-\[80px\]{height:80px}.h-\[8px\]{height:8px}.h-full{height:100%}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-2{width:.5rem}.w-20{width:5rem}.w-28{width:7rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[10px\]{width:10px}.w-\[110px\]{width:110px}.w-\[12px\]{width:12px}.w-\[14px\]{width:14px}.w-\[180px\]{width:180px}.w-\[18px\]{width:18px}.w-\[1px\]{width:1px}.w-\[200px\]{width:200px}.w-\[20px\]{width:20px}.w-\[24px\]{width:24px}.w-\[28px\]{width:28px}.w-\[3\.5px\]{width:3.5px}.w-\[32px\]{width:32px}.w-\[36px\]{width:36px}.w-\[3px\]{width:3px}.w-\[40px\]{width:40px}.w-\[44px\]{width:44px}.w-\[48px\]{width:48px}.w-\[4px\]{width:4px}.w-\[52px\]{width:52px}.w-\[56px\]{width:56px}.w-\[72px\]{width:72px}.w-\[7px\]{width:7px}.w-\[80px\]{width:80px}.w-fit{width:-moz-fit-content;width:fit-content}.min-w-0{min-width:0px}.min-w-\[16px\]{min-width:16px}.max-w-\[200px\]{max-width:200px}.max-w-\[40px\]{max-width:40px}.max-w-\[52px\]{max-width:52px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\[12px\]{gap:12px}.gap-\[16px\]{gap:16px}.gap-\[2px\]{gap:2px}.gap-\[3px\]{gap:3px}.gap-\[4px\]{gap:4px}.gap-\[6px\]{gap:6px}.gap-\[8px\]{gap:8px}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-\[12px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(12px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(12px * var(--tw-space-y-reverse))}.space-y-\[16px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-b-3xl{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-b-\[14px\]{border-bottom-right-radius:14px;border-bottom-left-radius:14px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[1\.5px\]{border-width:1.5px}.border-\[2px\]{border-width:2px}.border-\[3px\]{border-width:3px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#EC4899\]{--tw-border-opacity: 1;border-color:rgb(236 72 153 / var(--tw-border-opacity, 1))}.border-\[\#F9A8D4\]{--tw-border-opacity: 1;border-color:rgb(249 168 212 / var(--tw-border-opacity, 1))}.border-\[\#FCE7F3\]{--tw-border-opacity: 1;border-color:rgb(252 231 243 / var(--tw-border-opacity, 1))}.border-\[\#FDF2F8\]{--tw-border-opacity: 1;border-color:rgb(253 242 248 / var(--tw-border-opacity, 1))}.border-\[\#ec4899\]{--tw-border-opacity: 1;border-color:rgb(236 72 153 / var(--tw-border-opacity, 1))}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-pink-100{--tw-border-opacity: 1;border-color:rgb(252 231 243 / var(--tw-border-opacity, 1))}.border-pink-100\/10{border-color:#fce7f31a}.border-pink-200{--tw-border-opacity: 1;border-color:rgb(251 207 232 / var(--tw-border-opacity, 1))}.border-pink-50{--tw-border-opacity: 1;border-color:rgb(253 242 248 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/20{border-color:#fff3}.border-white\/50{border-color:#ffffff80}.border-white\/80{border-color:#fffc}.bg-\[\#22c55e\]{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-\[\#9CA3AF\]\/90{background-color:#9ca3afe6}.bg-\[\#E5E7EB\]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-\[\#EC4899\]{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-\[\#F3F4F6\]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-\[\#FCE7F3\]{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-\[\#FDF2F8\]{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.bg-\[\#ec4899\]{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/80{background-color:#000c}.bg-black\/90{background-color:#000000e6}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-pink-300{--tw-bg-opacity: 1;background-color:rgb(249 168 212 / var(--tw-bg-opacity, 1))}.bg-pink-300\/40{background-color:#f9a8d466}.bg-pink-400{--tw-bg-opacity: 1;background-color:rgb(244 114 182 / var(--tw-bg-opacity, 1))}.bg-pink-400\/30{background-color:#f472b64d}.bg-pink-50{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/80{background-color:#ef4444cc}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/40{background-color:#fff6}.bg-white\/60{background-color:#fff9}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#f9a8d4\]{--tw-gradient-from: #f9a8d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 168 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#fce7f3\]{--tw-gradient-from: #fce7f3 var(--tw-gradient-from-position);--tw-gradient-to: rgb(252 231 243 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-300{--tw-gradient-from: #fcd34d var(--tw-gradient-from-position);--tw-gradient-to: rgb(252 211 77 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-400{--tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-100{--tw-gradient-from: #fce7f3 var(--tw-gradient-from-position);--tw-gradient-to: rgb(252 231 243 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-300{--tw-gradient-from: #f9a8d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 168 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-400{--tw-gradient-from: #f472b6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from: #ec4899 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#ec4899\]{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-\[\#f9a8d4\]{--tw-gradient-to: #f9a8d4 var(--tw-gradient-to-position)}.to-amber-500{--tw-gradient-to: #f59e0b var(--tw-gradient-to-position)}.to-pink-200{--tw-gradient-to: #fbcfe8 var(--tw-gradient-to-position)}.to-pink-400{--tw-gradient-to: #f472b6 var(--tw-gradient-to-position)}.to-pink-50{--tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-4{padding:1rem}.p-\[12px_12px_12px_10px\]{padding:12px 12px 12px 10px}.p-\[16px\]{padding:16px}.p-\[20px\]{padding:20px}.p-\[8px\]{padding:8px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[16px\]{padding-left:16px;padding-right:16px}.px-\[5px\]{padding-left:5px;padding-right:5px}.px-\[6px\]{padding-left:6px;padding-right:6px}.px-\[8px\]{padding-left:8px;padding-right:8px}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[12px\]{padding-top:12px;padding-bottom:12px}.py-\[20px\]{padding-top:20px;padding-bottom:20px}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-\[3px\]{padding-top:3px;padding-bottom:3px}.py-\[6px\]{padding-top:6px;padding-bottom:6px}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-24{padding-bottom:6rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-\[16px\]{padding-bottom:16px}.pb-\[4px\]{padding-bottom:4px}.pl-\[40px\]{padding-left:40px}.pr-\[70px\]{padding-right:70px}.pt-14{padding-top:3.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-\[12px\]{padding-top:12px}.pt-\[16px\]{padding-top:16px}.pt-\[1px\]{padding-top:1px}.pt-\[60px\]{padding-top:60px}.pt-\[8px\]{padding-top:8px}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[6px\]{font-size:6px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#1F2937\]{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-\[\#6B7280\]{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-\[\#831843\]{--tw-text-opacity: 1;color:rgb(131 24 67 / var(--tw-text-opacity, 1))}.text-\[\#831843\]\/60{color:#83184399}.text-\[\#831843\]\/70{color:#831843b3}.text-\[\#9CA3AF\]{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-\[\#BE185D\]{--tw-text-opacity: 1;color:rgb(190 24 93 / var(--tw-text-opacity, 1))}.text-\[\#D1D5DB\]{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-\[\#EC4899\],.text-\[\#ec4899\]{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.text-\[\#ec4899\]\/40{color:#ec489966}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-pink-900{--tw-text-opacity: 1;color:rgb(131 24 67 / var(--tw-text-opacity, 1))}.text-pink-900\/60{color:#83184399}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.line-through{text-decoration-line:line-through}.placeholder-\[\#9CA3AF\]::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-\[\#9CA3AF\]::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow-\[0_0_4px_rgba\(236\,72\,153\,0\.4\)\]{--tw-shadow: 0 0 4px rgba(236,72,153,.4);--tw-shadow-colored: 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(236\,72\,153\,0\.5\)\]{--tw-shadow: 0 0 8px rgba(236,72,153,.5);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0 1px 2px rgba(0,0,0,.1);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_4px_rgba\(219\,39\,119\,0\.08\)\]{--tw-shadow: 0 2px 4px rgba(219,39,119,.08);--tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_6px_rgba\(236\,72\,153\,0\.3\)\]{--tw-shadow: 0 2px 6px rgba(236,72,153,.3);--tw-shadow-colored: 0 2px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(236\,72\,153\,0\.1\)\]{--tw-shadow: 0 2px 8px rgba(236,72,153,.1);--tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(236\,72\,153\,0\.4\)\]{--tw-shadow: 0 2px 8px rgba(236,72,153,.4);--tw-shadow-colored: 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_12px_rgba\(219\,39\,119\,0\.05\)\]{--tw-shadow: 0 4px 12px rgba(219,39,119,.05);--tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(236\,72\,153\,0\.2\)\]{--tw-shadow: 0 4px 16px rgba(236,72,153,.2);--tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_24px_rgba\(236\,72\,153\,0\.05\)\]{--tw-shadow: 0 4px 24px rgba(236,72,153,.05);--tw-shadow-colored: 0 4px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_24px_rgba\(236\,72\,153\,0\.06\)\]{--tw-shadow: 0 4px 24px rgba(236,72,153,.06);--tw-shadow-colored: 0 4px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_24px_rgba\(236\,72\,153\,0\.08\)\]{--tw-shadow: 0 4px 24px rgba(236,72,153,.08);--tw-shadow-colored: 0 4px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_24px_rgba\(236\,72\,153\,0\.06\)\]{--tw-shadow: 0 8px 24px rgba(236,72,153,.06);--tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(236\,72\,153\,0\.1\)\]{--tw-shadow: 0 8px 32px rgba(236,72,153,.1);--tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_2px_8px_rgba\(236\,72\,153\,0\.05\)\]{--tw-shadow: inset 0 2px 8px rgba(236,72,153,.05);--tw-shadow-colored: inset 0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-amber-50{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 251 235 / var(--tw-ring-opacity, 1))}.ring-pink-50{--tw-ring-opacity: 1;--tw-ring-color: rgb(253 242 248 / var(--tw-ring-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[50px\]{--tw-blur: blur(50px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[60px\]{--tw-blur: blur(60px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[70px\]{--tw-blur: blur(70px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--font-size: 16px;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #ec4899;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--color-primary: #ec4899;--color-primary-dark: #db2777;--color-primary-light: #f472b6;--color-pink-100: #fce7f3;--color-pink-200: #fbcfe8;--color-pink-300: #f9a8d4;--color-pink-400: #f472b6;--color-pink-500: #ec4899;--color-pink-600: #db2777;--color-pink-700: #be185d;--color-pink-800: #831843;--color-pink-900: #500724;--bg-main: #fdf2f8;--bg-card: #ffffff;--bg-input: #fdf2f8;--bg-dark: #111111;--text-primary: #1f2937;--text-secondary: #6b7280;--text-hint: #d1d5db;--text-white: #ffffff;--border-color: #fce7f3;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-card: 20px;--radius-input: 8px;--shadow-card: 0 8px 32px rgba(219, 39, 119, .1);--shadow-sm: 0 2px 8px rgba(236, 72, 153, .05);--shadow-md: 0 4px 16px rgba(236, 72, 153, .08);--shadow-lg: 0 8px 24px rgba(236, 72, 153, .12);--font-xs: 9px;--font-sm: 12px;--font-base: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 20px;--font-3xl: 24px;--height-btn: 54px;--height-nav: 80px;--primary-100: #fce7f3;--primary-200: #fbcfe8;--primary-300: #f9a8d4;--primary-400: #f472b6;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--page-padding: 16px;--nav-height: 60px;--gap-card: 12px;--font-main: 14px;--font-sub: 12px;--margin-page: 16px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}html{touch-action:manipulation;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{height:100%!important;min-height:100%!important;background:#fdf2f8!important}body{max-width:100vw!important;max-width:100dvw!important;overflow-x:hidden!important;background:#fdf2f8!important;min-height:100%!important;min-height:100dvh!important;margin:0!important;padding:0!important}#root{width:100%!important;min-height:100vh!important;min-height:100dvh!important;position:relative;background:#fdf2f8!important}::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}@media screen and (max-width:374px){:root{--font-size: 14px;--page-padding: 12px;--nav-height: 56px;--spacing-xs: 3px;--spacing-sm: 6px;--spacing-md: 10px;--spacing-lg: 14px;--spacing-xl: 16px;--spacing-2xl: 20px;--text-xs: 10px;--text-sm: 11px;--text-base: 13px;--text-lg: 15px;--text-xl: 17px;--text-2xl: 18px;--text-3xl: 20px}}@media screen and (min-width:375px)and (max-width:413px){:root{--font-size: 15px;--page-padding: 14px;--nav-height: 58px}}@media screen and (min-width:414px)and (max-width:480px){:root{--font-size: 16px;--page-padding: 16px}}@media screen and (min-width:481px)and (max-width:768px){:root{--font-size: 16px;--page-padding: 20px}#root{max-width:100%}}@media screen and (min-width:769px)and (max-width:1024px){:root{--font-size: 16px;--page-padding: 24px;--nav-height: 64px}#root{max-width:100%}}@media screen and (min-width:1025px){:root{--font-size: 16px;--page-padding: 28px}#root{max-width:100%}}@media(orientation:landscape)and (max-height:500px){#root{min-height:100vh}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@supports (padding-bottom: env(safe-area-inset-bottom)){#root{padding-bottom:env(safe-area-inset-bottom)}}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-inset-top{padding-top:env(safe-area-inset-top,0px)}.text-responsive-xs{font-size:10px}.text-responsive-sm{font-size:12px}.text-responsive-base{font-size:14px}.text-responsive-lg{font-size:16px}.text-responsive-xl{font-size:18px}@media(min-width:375px){.text-responsive-xs{font-size:11px}.text-responsive-sm{font-size:12px}.text-responsive-base{font-size:14px}.text-responsive-lg{font-size:16px}.text-responsive-xl{font-size:18px}}@media(min-width:768px){.text-responsive-xs{font-size:12px}.text-responsive-sm{font-size:13px}.text-responsive-base{font-size:15px}.text-responsive-lg{font-size:17px}.text-responsive-xl{font-size:20px}}.p-responsive{padding:var(--page-padding)}.m-responsive{margin:var(--page-padding)}@media(min-width:768px){.p-responsive{padding:calc(var(--page-padding) * 1.25)}.m-responsive{margin:calc(var(--page-padding) * 1.25)}}@media(min-width:1024px){.p-responsive{padding:calc(var(--page-padding) * 1.5)}.m-responsive{margin:calc(var(--page-padding) * 1.5)}}.w-full{width:100%}.max-w-full{max-width:100%}.flex-responsive{display:flex;flex-wrap:wrap}@media(min-width:768px){.flex-responsive{flex-wrap:nowrap}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%!important;min-height:100vh!important;min-height:100dvh!important;width:100%!important;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fdf2f8!important;color:var(--text-primary);font-size:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#f3d2e3;border-radius:3px}::-webkit-scrollbar-track{background:transparent}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}.safe-area-pb{padding-bottom:env(safe-area-inset-bottom,0px)}.pb-safe{padding-bottom:max(24px,env(safe-area-inset-bottom,24px))}.page-container{min-height:100vh;min-height:100dvh;background:var(--bg-main);position:relative}@keyframes scan{0%{top:10%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:90%;opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.first\:ml-0:first-child{margin-left:0}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#F472B6\]:hover{--tw-border-opacity: 1;border-color:rgb(244 114 182 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#db2777\]:hover{--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/95:hover{background-color:#fffffff2}.hover\:text-\[\#ec4899\]:hover{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-\[\#ec4899\]:focus{--tw-border-opacity: 1;border-color:rgb(236 72 153 / var(--tw-border-opacity, 1))}.focus\:border-pink-400:focus{--tw-border-opacity: 1;border-color:rgb(244 114 182 / var(--tw-border-opacity, 1))}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-gray-200:active{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.active\:bg-white\/30:active{background-color:#ffffff4d}.active\:opacity-60:active{opacity:.6}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group\/photo:hover .group-hover\/photo\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/photo:hover .group-hover\/photo\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group:active .group-active\:bg-\[\#FCE7F3\]{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}@media(min-width:640px){.sm\:inline{display:inline}.sm\:h-8{height:2rem}.sm\:w-8{width:2rem}.sm\:max-w-\[60px\]{max-width:60px}.sm\:gap-3{gap:.75rem}.sm\:text-\[10px\]{font-size:10px}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}