.role-container[data-v-039bd606]{height:calc(100vh - 180px);overflow:hidden;position:relative;display:flex;flex-direction:column}.search-container[data-v-039bd606]{flex-shrink:0;margin-bottom:8px;position:relative;z-index:1}.search-input[data-v-039bd606]{border-radius:8px;background-color:var(--n-color);transition:all .3s ease}.search-input[data-v-039bd606]:hover,.search-input[data-v-039bd606]:focus{box-shadow:0 2px 8px #0000000d}[data-v-039bd606] .n-scrollbar{flex:1;min-height:0}[data-v-039bd606] .n-scrollbar-container{height:100%}[data-v-039bd606] .n-scrollbar-content{min-height:100%}[data-v-039bd606] .n-scrollbar-rail{background-color:transparent!important}[data-v-039bd606] .n-scrollbar-rail.n-scrollbar-rail--vertical{width:8px;right:0;top:0;bottom:0}[data-v-039bd606] .n-scrollbar-rail .n-scrollbar-rail__scrollbar{background-color:#ccc6;width:8px;border-radius:4px;transition:background-color .3s ease}[data-v-039bd606] .n-scrollbar-rail .n-scrollbar-rail__scrollbar:hover{background-color:#999999b3}.role-item[data-v-039bd606]{transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:8px;opacity:0;animation:fadeInUp-039bd606 .3s ease forwards;animation-delay:calc(var(--index) * .05s)}.role-item[data-v-039bd606]:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}.role-item[data-v-039bd606]:active{transform:translateY(0)}.role-item>div[data-v-039bd606]{position:relative}.role-item>div:hover .opacity-0[data-v-039bd606]{opacity:1}.role-item .n-button[data-v-039bd606]{transition:all .3s ease}.role-item .n-button[data-v-039bd606]:hover{transform:scale(1.1)}@keyframes fadeInUp-039bd606{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-v-039bd606] .dark .n-scrollbar-rail .n-scrollbar-rail__scrollbar{background-color:#fff3}[data-v-039bd606] .dark .n-scrollbar-rail .n-scrollbar-rail__scrollbar:hover{background-color:#ffffff4d}.chat-container[data-v-a6fa2828]{height:calc(100vh - 240px);position:relative;overflow:hidden;padding-bottom:4rem;padding-bottom:calc(4rem + constant(safe-area-inset-bottom));padding-bottom:calc(4rem + env(safe-area-inset-bottom))}.chat-list-content[data-v-a6fa2828]{padding:8px 8px 70px;min-height:100%;box-sizing:border-box}.chat-list-content>div[data-v-a6fa2828]{margin-bottom:8px}.chat-list-content>div[data-v-a6fa2828]:last-child{margin-bottom:0}.chat-item[data-v-a6fa2828]{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);overflow:hidden;box-shadow:0 1px 3px #0000000d}.chat-item[data-v-a6fa2828]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 80%);opacity:0;transform:scale(.5);transition:transform .6s ease,opacity .6s ease;pointer-events:none;z-index:0}.chat-item[data-v-a6fa2828]:hover:before{opacity:1;transform:scale(1)}.chat-icon[data-v-a6fa2828]{position:relative;z-index:1;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.chat-icon[data-v-a6fa2828]:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);z-index:-1;transform:rotate(45deg) translate(-100%);transition:transform .6s ease}@keyframes fadeInUp-a6fa2828{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-a6fa2828{0%{transform:scale(1);box-shadow:0 4px 12px #0000000d}50%{transform:scale(1.02);box-shadow:0 6px 16px #00000014}to{transform:scale(1);box-shadow:0 4px 12px #0000000d}}@keyframes glow-a6fa2828{0%{box-shadow:0 0 #4b9e5f66}70%{box-shadow:0 0 0 10px #4b9e5f00}to{box-shadow:0 0 #4b9e5f00}}.chat-list-content>div[data-v-a6fa2828]{animation:fadeInUp-a6fa2828 .5s ease forwards;animation-delay:calc(var(--index, 0) * .05s);opacity:0}.active-chat-item[data-v-a6fa2828]{animation:pulse-a6fa2828 3s infinite ease-in-out}.active-chat-item .chat-icon[data-v-a6fa2828]{animation:glow-a6fa2828 3s infinite ease-in-out;transform:scale(1.1);box-shadow:0 0 0 2px #4b9e5f33,0 4px 10px #4b9e5f33}.active-chat-item .chat-icon[data-v-a6fa2828]:before{transform:rotate(45deg) translate(200%)}.chat-item[data-v-a6fa2828]{position:relative;overflow:visible!important}.chat-item:hover .create-time-tooltip[data-v-a6fa2828]{opacity:1;transform:translate(0) scale(1);transition-delay:.15s}.create-time-tooltip[data-v-a6fa2828]{pointer-events:none;box-shadow:0 2px 10px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translate(10px) scale(.9);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.tooltip-top[data-v-a6fa2828]{transform-origin:bottom right}.tooltip-bottom[data-v-a6fa2828]{transform-origin:top right}.chat-item:hover .tooltip-top[data-v-a6fa2828],.chat-item:hover .tooltip-bottom[data-v-a6fa2828]{transform:translateY(0) scale(1)}html.dark .create-time-tooltip[data-v-a6fa2828]{background-color:#1e1e1ed9;border:1px solid rgba(255,255,255,.1)}html.dark .create-time-tooltip div.absolute[data-v-a6fa2828]{background-color:#1e1e1ed9;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-top:none;border-left:none}html.dark .tooltip-top div.absolute[data-v-a6fa2828]{border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-top:none;border-left:none}html.dark .tooltip-bottom div.absolute[data-v-a6fa2828]{border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1);border-right:none;border-bottom:none}.group:hover .chat-icon[data-v-a6fa2828]:before{transform:rotate(45deg) translate(200%)}[data-v-a6fa2828] .n-scrollbar{height:100%;will-change:transform}[data-v-a6fa2828] .n-scrollbar:after{content:"";display:block;height:70px;width:100%}[data-v-a6fa2828] .n-scrollbar-rail{opacity:0;transition:opacity .15s ease}[data-v-a6fa2828] .n-scrollbar-rail.n-scrollbar-rail--vertical{width:6px!important;right:2px!important}[data-v-a6fa2828] .n-scrollbar-content{min-height:100%;padding-bottom:80px;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}[data-v-a6fa2828] .n-scrollbar-rail__scrollbar{width:6px!important;background-color:#9093994d;border-radius:3px;cursor:pointer;transition:background-color .2s ease}[data-v-a6fa2828] .n-scrollbar-rail__scrollbar:hover{background-color:#90939980}.chat-container[data-v-a6fa2828]:hover .n-scrollbar-rail{opacity:1}.group[data-v-a6fa2828]{position:relative;transition:all .4s cubic-bezier(.2,.8,.2,1);border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 12px #0000000d}.group[data-v-a6fa2828]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.group[data-v-a6fa2828]:active{transform:translateY(-2px);box-shadow:0 5px 15px #00000014}.group.border-\[\#4b9e5f\][data-v-a6fa2828]{box-shadow:0 0 0 2px #4b9e5f33,0 8px 24px #4b9e5f26;position:relative;z-index:1}.group.border-\[\#4b9e5f\][data-v-a6fa2828]:before{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(135deg,rgba(75,158,95,.05),transparent);z-index:-1;opacity:.8}.group button[data-v-a6fa2828]{transition:all .3s cubic-bezier(.2,.8,.2,1)}.group button[data-v-a6fa2828]:hover{transform:scale(1.15)}[data-v-a6fa2828] .dark .n-scrollbar-rail__scrollbar{background-color:#fff3}[data-v-a6fa2828] .dark .n-scrollbar-rail__scrollbar:hover{background-color:#ffffff4d}[data-v-a6fa2828] .dark .chat-item{background:rgba(36,39,46,.7);border:1px solid rgba(255,255,255,.05)}[data-v-a6fa2828] .dark .chat-item:before{background:radial-gradient(circle at center,rgba(75,158,95,.1) 0%,rgba(75,158,95,0) 80%)}[data-v-a6fa2828] .dark .chat-icon{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:0 2px 8px #0000001a}[data-v-a6fa2828] .dark .group{box-shadow:0 4px 12px #0003}[data-v-a6fa2828] .dark .group:hover{box-shadow:0 8px 20px #0000004d}[data-v-a6fa2828] .dark .group.border-\[\#4b9e5f\]{box-shadow:0 0 0 2px #4b9e5f4d,0 8px 24px #00000040}[data-v-a6fa2828] .dark .group.border-\[\#4b9e5f\]:before{background:linear-gradient(135deg,rgba(75,158,95,.1),transparent)}.role-tag[data-v-a6fa2828],.custom-role-tag[data-v-a6fa2828]{position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.role-tag[data-v-a6fa2828]:before,.custom-role-tag[data-v-a6fa2828]:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(255,255,255,.5),transparent);z-index:0;transform:translate(-100%);transition:transform .6s ease}.role-tag[data-v-a6fa2828]{background:linear-gradient(135deg,rgba(75,158,95,.2),rgba(75,158,95,.1));border:1px solid rgba(75,158,95,.2)}.custom-role-tag[data-v-a6fa2828]{background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(168,85,247,.1));border:1px solid rgba(168,85,247,.2)}.group:hover .role-tag[data-v-a6fa2828]:before,.group:hover .custom-role-tag[data-v-a6fa2828]:before{transform:translate(100%)}.bottom-spacer[data-v-a6fa2828]{height:80px;width:100%}.chat-scrollbar[data-v-a6fa2828]{overflow:visible!important}.chat-scrollbar[data-v-a6fa2828] .n-scrollbar-content{padding-bottom:80px}.relative[data-v-0d2b879d]{position:relative;height:100%}.sidebar-container[data-v-0d2b879d]{width:240px;border-left:1px solid var(--border-color);border-right:2px solid var(--border-color);transition:all .3s ease;z-index:20;background-color:var(--background-color);height:100%;overflow:hidden;box-shadow:0 0 10px #00000026}.sidebar-collapsed[data-v-0d2b879d]{width:0}.backdrop-mask[data-v-0d2b879d]{background-color:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-v-0d2b879d] .p-sidebar-mask{background-color:#0006}[data-v-0d2b879d]:root{--border-color: #d1d5db;--background-color: #ffffff}html.dark[data-v-0d2b879d]{--border-color: #3d3d3d;--background-color: #1e1e1e}.sider-with-top-nav[data-v-0d2b879d]{padding-top:60px!important}.nav-container[data-v-c8c52c05]{transition:all .3s cubic-bezier(.25,.8,.25,1)}.nav-side[data-v-c8c52c05]{flex-shrink:0;width:60px;height:100%;margin-right:.25rem}.nav-top[data-v-c8c52c05]{width:100%;height:60px;position:fixed;top:0;left:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-wrapper[data-v-c8c52c05]{display:flex;background-color:#e8eaf1d9;transition:all .4s cubic-bezier(.25,.8,.25,1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.dark .nav-wrapper[data-v-c8c52c05]{background-color:#25272dd9;box-shadow:0 1px 3px #0000004d,0 1px 2px #0000005c}.nav-wrapper-side[data-v-c8c52c05]{height:100%;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem .5rem 2rem;border-radius:0 12px 12px 0}.nav-wrapper-top[data-v-c8c52c05]{width:100%;height:100%;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1rem;border-radius:0 0 12px 12px}.menu-container[data-v-c8c52c05]{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-container-side[data-v-c8c52c05]{flex-direction:column;flex:1;gap:1.2rem}.menu-container-top[data-v-c8c52c05]{flex-direction:row;align-items:center;height:100%;gap:1.2rem}.nav-menu-item[data-v-c8c52c05]{height:3rem;width:3rem;cursor:pointer;border-radius:.85rem;background-color:#ffffffb3;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;transform-origin:center;position:relative;box-shadow:0 2px 5px #00000014}.dark .nav-menu-item[data-v-c8c52c05]{background-color:#34373cb3;box-shadow:0 2px 5px #00000026}.nav-menu-item[data-v-c8c52c05]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a;background-color:#4096ff1a}.menu-hovering[data-v-c8c52c05]{background-color:#4096ff1a!important}.nav-menu-item[data-v-c8c52c05]:active{transform:scale(.92);transition:all .1s cubic-bezier(.4,0,.2,1)}.active-side-item[data-v-c8c52c05]{transform:scale(1.05);box-shadow:0 0 15px #4096ff40;background:linear-gradient(to left,rgba(64,150,255,.15),rgba(64,150,255,.05));font-weight:700}.active-top-item[data-v-c8c52c05]{transform:scale(1.05);box-shadow:0 0 15px #4096ff40;background:linear-gradient(to bottom,rgba(64,150,255,.15),rgba(64,150,255,.05));font-weight:700}.menu-content[data-v-c8c52c05]{position:relative;width:100%;height:100%;z-index:1}.menu-icon-container[data-v-c8c52c05]{position:relative;height:28px;width:28px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1)}.menu-icon[data-v-c8c52c05]{height:24px;width:24px;transition:all .4s cubic-bezier(.25,.8,.25,1)}.menu-text[data-v-c8c52c05]{font-size:10px;font-weight:600;margin-top:2px;transition:all .3s cubic-bezier(.25,.8,.25,1);text-shadow:0 0 1px rgba(0,0,0,.1)}.active-side-item .menu-icon[data-v-c8c52c05],.active-top-item .menu-icon[data-v-c8c52c05]{transform:scale(1.15);filter:drop-shadow(0 2px 3px rgba(64,150,255,.3))}.active-side-item .menu-text[data-v-c8c52c05],.active-top-item .menu-text[data-v-c8c52c05]{font-weight:700;color:#4096ff;transform:scale(1.05)}.ripple-effect[data-v-c8c52c05]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:100%;height:100%;border-radius:50%;background:rgba(64,150,255,.25);opacity:0;transition:all 0s;z-index:-1}.menu-hovering .ripple-effect[data-v-c8c52c05]{animation:ripple-c8c52c05 .6s ease-out}@keyframes ripple-c8c52c05{0%{transform:translate(-50%,-50%) scale(0);opacity:.5}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.settings-arrow-container[data-v-c8c52c05]{position:relative;display:flex;align-items:center;justify-content:center;width:45px;height:45px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);border-radius:12px;margin-top:15px}.settings-arrow-container[data-v-c8c52c05]:hover{background:rgba(64,150,255,.1);transform:translateY(-3px)}.settings-arrow-container[data-v-c8c52c05]:active{transform:scale(.95)}.settings-avatar[data-v-c8c52c05]{position:absolute;top:5px;left:5px;width:16px;height:16px;border:1px solid rgba(255,255,255,.5);z-index:2;box-shadow:0 2px 4px #0000001a;animation:avatarPulse-c8c52c05 3s infinite}.settings-arrow-btn[data-v-c8c52c05]{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:rgba(255,255,255,.9);border-radius:10px;box-shadow:0 3px 8px #00000026;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.25,.8,.25,1);color:#666;transform-origin:center}.settings-arrow-container:hover .settings-arrow-btn[data-v-c8c52c05]{transform:rotate(30deg);background:rgba(255,255,255,1)}.settings-icon[data-v-c8c52c05]{font-size:18px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.settings-arrow-container:hover .settings-icon[data-v-c8c52c05]{color:#4096ff}.user-center-text[data-v-c8c52c05]{transition:all .3s cubic-bezier(.25,.8,.25,1);color:#4f555e}.user-center-text[data-v-c8c52c05]:hover{color:#4096ff;transform:scale(1.05)}.settings-pulse[data-v-c8c52c05]{position:absolute;width:100%;height:100%;border-radius:12px;z-index:-1;background:transparent;border:2px solid transparent;box-shadow:0 0 #4096ff00;animation:pulse-c8c52c05 3s infinite}@keyframes pulse-c8c52c05{0%{box-shadow:0 0 #4096ff66}70%{box-shadow:0 0 0 10px #4096ff00}to{box-shadow:0 0 #4096ff00}}@keyframes avatarPulse-c8c52c05{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}html.dark .settings-arrow-btn[data-v-c8c52c05]{background:rgba(30,30,30,.9);border-color:#2d2d2d;color:#aaa}html.dark .settings-arrow-container:hover .settings-arrow-btn[data-v-c8c52c05]{background:rgba(40,40,40,1);color:#4096ff}.back-button{color:green;text-decoration:underline}.back-button:hover{color:#006400}.n-modal-mask{background-color:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.n-modal-body{max-height:80vh;overflow-y:auto}.n-modal-body::-webkit-scrollbar{width:8px}.n-modal-body::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:10px}.n-modal-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:10px}.n-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}html.dark .n-modal-body::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}html.dark .n-modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)}html.dark .n-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.waterfall-list[data-v-1c4c57b0]{width:100%;position:relative;overflow:hidden;background-color:var(--304003ce)}.waterfall-item[data-v-1c4c57b0]{position:absolute;left:0;top:0;transform:translateY(3000px);visibility:hidden}@keyframes fadeIn-1c4c57b0{0%{opacity:0}to{opacity:1}}.fadeIn[data-v-1c4c57b0]{animation-name:fadeIn-1c4c57b0}.lazy__box[data-v-b53b6b10]{width:100%;height:0;padding-bottom:100%;overflow:hidden;position:relative}.lazy__resource[data-v-b53b6b10]{display:flex;justify-content:center;align-items:center;position:absolute;inset:0}.lazy__img[data-v-b53b6b10]{display:block}.lazy__img[lazy=loading][data-v-b53b6b10]{padding:5em 0;width:48px}.lazy__img[lazy=loaded][data-v-b53b6b10]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lazy__img[lazy=error][data-v-b53b6b10]{padding:5em 0;width:48px;height:auto}.lazy__img[lazy=loading]{padding:5em 0;width:48px}.lazy__img[lazy=loaded]{width:100%}.lazy__img[lazy=error]{padding:5em 0;width:48px}@keyframes in-and-out-943eaa34{0%,30%{transform:rotate(calc(var(--offset) * -1deg))}70%,to{transform:rotate(calc(var(--offset) * 1deg))}}@keyframes in-and-out-two-943eaa34{0%,30%{transform:rotate(calc(var(--offset) * 1deg))}70%,to{transform:rotate(calc(var(--offset) * -1deg))}}@keyframes in-and-out-children-943eaa34{0%,50%{transform:rotate(calc(var(--rotation) * 1deg)) translateY(15px)}80%,to{transform:rotate(calc(var(--rotation) * 1deg)) translateY(40px)}}@keyframes in-and-out-two-children-943eaa34{0%,50%{transform:rotate(calc(var(--rotation) * 1deg)) translateY(40px)}80%,to{transform:rotate(calc(var(--rotation) * 1deg)) translateY(15px)}}.in-and-out[data-v-943eaa34]{--offset: 18}.in-and-out>div[data-v-943eaa34]{--radius: 30;--size: 10;height:calc(var(--size) * 1px);width:calc(var(--size) * 1px);position:absolute}.in-and-out>div[data-v-943eaa34]:nth-of-type(1){--multiplier: 1;animation:in-and-out-943eaa34 1s infinite ease both}.in-and-out>div:nth-of-type(1) div[data-v-943eaa34]{animation:in-and-out-children-943eaa34 1s infinite ease}.in-and-out>div[data-v-943eaa34]:nth-of-type(2){--multiplier: 2;animation:in-and-out-two-943eaa34 1s infinite ease both}.in-and-out>div:nth-of-type(2) div[data-v-943eaa34]{animation:in-and-out-two-children-943eaa34 1s infinite ease}.in-and-out div div[data-v-943eaa34]{background:var(--primary);border-radius:100%;height:100%;position:absolute;width:100%}.in-and-out div div[data-v-943eaa34]:nth-child(1){--rotation: 72}.in-and-out div div[data-v-943eaa34]:nth-child(2){--rotation: 144}.in-and-out div div[data-v-943eaa34]:nth-child(3){--rotation: 216}.in-and-out div div[data-v-943eaa34]:nth-child(4){--rotation: 288}.in-and-out div div[data-v-943eaa34]:nth-child(5){--rotation: 360}.container[data-v-943eaa34]{align-items:center;justify-content:center;height:175px;overflow:hidden;width:100%;position:relative;display:flex;min-width:200px;--primary: #fafafa;--secondary: #f9690e}@keyframes bg-pan-bottom{0%{background-position:50% 0%}to{background-position:50% 100%}}.bg-pan-bottom{animation:10s ease 0s 1 normal both running bg-pan-bottom;background-image:linear-gradient(15deg,#cc6aa5,#3e91cc,#2dcca7);background-size:100% 600%}@keyframes scale-in-tr{0%{transform:scale(0);transform-origin:100% 0%;opacity:.5;border-radius:0% 0 0 100%}80%{transform:scale(1);transform-origin:100% 0%;opacity:1;border-radius:0% 0 0 100%}to{transform:scale(1);transform-origin:100% 0%;opacity:1;border-radius:0}}.scale-in-tr{animation:scale-in-tr .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes scale-out-tr{0%{transform:scale(1);transform-origin:100% 0%;opacity:1}20%{transform:scale(1);transform-origin:100% 0%;opacity:1;border-radius:0% 0 0 100%}to{transform:scale(0);transform-origin:100% 0%;opacity:1;border-radius:0% 0 0 100%}}.scale-out-tr{animation:scale-out-tr .5s cubic-bezier(.55,.085,.68,.53) both}.ai-draw-container[data-v-1439fd1f]{position:relative;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(134,223,186,.5) transparent;z-index:1}.ai-draw-container[data-v-1439fd1f]::-webkit-scrollbar{width:8px}.ai-draw-container[data-v-1439fd1f]::-webkit-scrollbar-track{background:transparent}.ai-draw-container[data-v-1439fd1f]::-webkit-scrollbar-thumb{background:rgba(134,223,186,.5);border-radius:4px}.ai-draw-background[data-v-1439fd1f]{position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#f5f7fa 0%,#e4ebf5 100%);animation:gradientAnim-1439fd1f 10s ease infinite alternate;background-size:200% 200%;pointer-events:none}@keyframes gradientAnim-1439fd1f{0%{background-position:0% 0%}to{background-position:100% 100%}}.ai-draw-content[data-v-1439fd1f]{position:relative;z-index:2;padding-top:.5rem;animation:contentFadeIn-1439fd1f .8s ease-out}@keyframes contentFadeIn-1439fd1f{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html.dark{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.divider-container{position:relative;width:1px;height:100%;background-color:var(--border-color);z-index:999}.divider{position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,rgba(229,231,235,.5),rgba(229,231,235,1),rgba(229,231,235,.5))}.new-collapse-btn{position:absolute;top:50%;left:-12px;transform:translateY(-50%);width:24px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff;border-radius:6px;box-shadow:0 2px 8px #00000026;border:1px solid #e5e7eb;cursor:pointer;z-index:1000}html.dark .divider{background:linear-gradient(to bottom,rgba(45,45,45,.5),rgba(45,45,45,1),rgba(45,45,45,.5))}html.dark .new-collapse-btn{background:#1e1e1e;border-color:#2d2d2d}:root{--border-color: #e5e7eb}html.dark{--border-color: #2d2d2d}.h55{height:calc(100% - 55px)}.content-with-top-nav{padding-top:60px!important}.config-value[data-v-e7cbfc1d]{color:#e40a0a;font-weight:700}.config-valui[data-v-e7cbfc1d]{font-weight:700}.config-valul[data-v-e7cbfc1d]{color:#3a5dea;font-weight:700}.config-valux[data-v-e7cbfc1d]{color:#79d10e;font-weight:700}.right-aligned-link[data-v-e7cbfc1d]{text-align:right}.right-aligned-link a[data-v-e7cbfc1d]{display:inline-block;padding:10px 20px;background-color:#f0f0f0;border-radius:10px;text-decoration:none;color:#333;box-shadow:2px 2px 5px #0000001a;transition:all .3s ease;position:relative}.right-aligned-link a[data-v-e7cbfc1d]:hover{color:green}.right-aligned-link a[data-v-e7cbfc1d]:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#333;transform:scaleX(0);transition:transform .3s ease}.right-aligned-link a[data-v-e7cbfc1d]:hover:after{transform:scaleX(1)}.glass-btn[data-v-e7cbfc1d]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff3!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px!important;height:40px!important;border-radius:8px;padding:0!important;min-width:40px!important}.glass-btn[data-v-e7cbfc1d]:hover{background-color:#ffffff4d!important;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.glass-eye-btn[data-v-e7cbfc1d]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff3!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 2px 4px #0000001a}.glass-eye-btn[data-v-e7cbfc1d]:hover{background-color:#ffffff4d!important}[data-v-e7cbfc1d] .p-button-icon{position:relative;z-index:2;display:flex}[data-v-e7cbfc1d] .p-button-icon svg{width:18px!important;height:18px!important}[data-v-e7cbfc1d] .svg-icon{display:flex;align-items:center;justify-content:center}.dark .glass-btn[data-v-e7cbfc1d],.dark .glass-eye-btn[data-v-e7cbfc1d]{background-color:#1e1e1eb3!important;border:1px solid rgba(70,70,70,.3)!important}.dark .glass-btn[data-v-e7cbfc1d]:hover,.dark .glass-eye-btn[data-v-e7cbfc1d]:hover{background-color:#282828cc!important}.p-inputtext[data-v-e7cbfc1d]{padding-right:3rem!important;width:100%!important;box-sizing:border-box!important;margin:0!important}.flex-grow[data-v-e7cbfc1d]{flex:1;min-width:0;width:100%}[data-v-e7cbfc1d] .svg-icon svg{width:18px!important;height:18px!important;display:block}[data-v-e7cbfc1d] .pi{font-size:1rem;line-height:1}.glass-btn.restore-btn .svg-icon[data-v-e7cbfc1d]{color:#606060}.dark .glass-btn.restore-btn .svg-icon[data-v-e7cbfc1d]{color:#e0e0e0}[data-v-e7cbfc1d] .p-button{overflow:visible}.price-table-modal[data-v-5f68a771]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease}.price-table-modal.show[data-v-5f68a771]{opacity:1}.modal-content[data-v-5f68a771]{background-color:#fff;border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;padding:25px;box-shadow:0 8px 30px #0000001f;position:relative;transform:translateY(20px);transition:transform .3s ease;font-size:16px}.price-table-modal.show .modal-content[data-v-5f68a771]{transform:translateY(0)}.close[data-v-5f68a771]{position:absolute;top:15px;right:20px;font-size:28px;font-weight:300;cursor:pointer;color:#666;transition:color .2s}.close[data-v-5f68a771]:hover{color:#333}.modal-title[data-v-5f68a771]{font-size:26px;color:#111;margin-top:0;margin-bottom:20px;text-align:center;font-weight:600}.loading-container[data-v-5f68a771]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.error-message[data-v-5f68a771]{text-align:center;color:#ef4444;padding:30px 0;font-size:16px}.price-notes-top[data-v-5f68a771]{margin:0 0 20px;padding:12px 16px;background-color:#fffbeb;border-left:4px solid #f59e0b;border-radius:8px;font-size:14px;line-height:1.5;color:#713f12}.price-notes-top p[data-v-5f68a771]{margin:4px 0}.search-container[data-v-5f68a771]{margin:15px 0;width:100%}.search-container input[data-v-5f68a771]{font-size:15px;padding:10px}.no-results[data-v-5f68a771]{padding:30px 0;text-align:center;color:#64748b;width:100%;font-size:16px}.filter-container[data-v-5f68a771]{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;background-color:#f9fafb;border-radius:10px;padding:16px}.filter-section[data-v-5f68a771]{display:flex;flex-direction:column;gap:8px}.filter-label[data-v-5f68a771]{font-size:15px;font-weight:500;color:#374151}.filter-options[data-v-5f68a771]{display:flex;flex-wrap:wrap;gap:8px}.filter-tag[data-v-5f68a771]{font-size:14px;cursor:pointer;transition:all .2s}.filter-tag[data-v-5f68a771]:hover{transform:translateY(-2px)}.price-table-container[data-v-5f68a771]{border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d;margin-bottom:20px}[data-v-5f68a771] .p-datatable .p-datatable-thead>tr>th{background-color:#f8fafc;font-size:16px;font-weight:600;padding:12px 16px}[data-v-5f68a771] .p-datatable .p-datatable-tbody>tr>td{font-size:15px;padding:12px 16px;border-bottom:1px solid #f1f5f9}[data-v-5f68a771] .p-datatable .p-datatable-tbody>tr:last-child>td{border-bottom:none}.model-tag[data-v-5f68a771]{background-color:#e0f2fe;color:#0369a1;border-color:#bae6fd;cursor:pointer;transition:all .2s;font-size:15px;font-weight:500}.model-tag[data-v-5f68a771]:hover{background-color:#bae6fd;color:#0284c7}.provider-filter[data-v-5f68a771]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.filter-tag.p-tag-success[data-v-5f68a771]{background-color:#dcfce7;color:#166534;border-color:#bbf7d0}.tag-filter[data-v-5f68a771]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.tag-options[data-v-5f68a771]{display:flex;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto;padding:5px;border-radius:8px;background-color:#f8fafc}.filter-tag.p-tag-warning[data-v-5f68a771]{background-color:#fef9c3;color:#854d0e;border-color:#fde68a}[data-v-5f68a771] .p-datatable .p-datatable-tbody>tr>td:nth-child(2){text-align:center;font-family:Courier New,monospace;font-weight:500;min-width:140px;white-space:nowrap}[data-v-5f68a771] .p-datatable .p-datatable-thead>tr>th:nth-child(2){text-align:center;min-width:140px}[data-v-5f68a771] .p-datatable .p-datatable-tbody>tr>td:nth-child(3){color:#64748b}.main-container[data-v-4498eab2]{background-color:#f8fafc;border-radius:16px;box-shadow:0 10px 30px #0000000d;border:none;overflow:hidden;padding-bottom:80px;animation:fadeIn-4498eab2 .8s ease-out}.modern-header[data-v-4498eab2]{display:flex;justify-content:space-between;padding:0;border-bottom:none;margin-bottom:30px;gap:15px;animation:slideInDown-4498eab2 .8s ease-out}.quota-card[data-v-4498eab2]{background:white;border-radius:16px;padding:20px;flex:1;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 5px 15px #0000000d;display:flex;flex-direction:column;animation:fadeIn-4498eab2 1s ease-out}.quota-card[data-v-4498eab2]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.quota-title[data-v-4498eab2]{font-size:14px;color:#64748b;margin-bottom:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.quota-value[data-v-4498eab2]{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:5px}.currency[data-v-4498eab2]{font-size:18px;opacity:.7;font-weight:500}.currency-symbol[data-v-4498eab2]{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#64748b;font-size:18px}.quota-icon[data-v-4498eab2]{position:absolute;top:15px;right:15px}.icon-circle[data-v-4498eab2]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.balance-icon[data-v-4498eab2]{background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 5px 10px #0ea5e94d;cursor:pointer;font-size:12px;width:auto;padding:0 12px;border-radius:12px;transition:all .3s ease;white-space:nowrap;position:relative}.icon-circle.balance-icon[data-v-4498eab2]:after{content:"";position:absolute;inset:0;border-radius:12px;box-shadow:0 0 #0ea5e966;animation:pulse-4498eab2 2s infinite}.total-icon[data-v-4498eab2]{background:linear-gradient(135deg,#10b981,#14b8a6);box-shadow:0 5px 10px #10b9814d}.used-icon[data-v-4498eab2]{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 5px 10px #f59e0b4d}.balance[data-v-4498eab2]{border-left:4px solid #0ea5e9}.bill-record-container[data-v-4498eab2]{width:90%;margin:20px auto;border:1px solid #ccc;box-shadow:2px 2px 5px #0000001a;padding:20px}.table-container[data-v-4498eab2]{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0000000d;margin-bottom:20px;border:none;overflow:hidden;animation:slideInUp-4498eab2 .8s ease-out}.table-scroll-container[data-v-4498eab2]{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;scroll-behavior:smooth}.table-scroll-container[data-v-4498eab2]::-webkit-scrollbar{height:4px}.table-scroll-container[data-v-4498eab2]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.table-scroll-container[data-v-4498eab2]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.table-header[data-v-4498eab2]{display:grid;grid-template-columns:repeat(7,1fr);background:linear-gradient(90deg,#f1f5f9,#e2e8f0);padding:15px 0;border-bottom:none;text-align:center;position:relative}.header-cell[data-v-4498eab2]{font-weight:600;color:#475569;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.table-body[data-v-4498eab2]{padding:5px 0}.table-row[data-v-4498eab2]{display:grid;grid-template-columns:repeat(7,1fr);padding:15px 10px;border-bottom:1px solid #f1f5f9;text-align:center;transition:all .3s ease;border-radius:8px;margin:5px 0;animation:fadeIn-4498eab2 .5s ease-out}.table-row[data-v-4498eab2]:hover{background-color:#f8fafc;transform:translateY(-1px);box-shadow:0 3px 10px #0000000d}.cell[data-v-4498eab2]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 8px;display:flex;align-items:center;justify-content:center;color:#334155;font-size:14px}.model-cell[data-v-4498eab2]{justify-content:center}.model-tag[data-v-4498eab2]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%;transition:all .3s ease}.model-tag[data-v-4498eab2]:hover{transform:translateY(-2px);box-shadow:0 3px 8px #1e40af33}.quota-cell[data-v-4498eab2]{font-weight:600;color:#0891b2}.detail-btn[data-v-4498eab2]{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:6px 12px;border-radius:20px;font-size:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #6366f14d}.detail-btn[data-v-4498eab2]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #6366f166}.no-data[data-v-4498eab2]{text-align:center;padding:40px;font-size:16px;color:#94a3b8;background-color:#f8fafc;border-radius:8px;margin:10px 0}.loader-container[data-v-4498eab2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.modern-loader[data-v-4498eab2]{position:relative;width:80px;height:80px;margin:20px auto}.circle-ripple[data-v-4498eab2]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:4px solid transparent;border-top-color:#4299e1;animation:spin-pulse-4498eab2 1.5s ease-in-out infinite;box-shadow:0 0 15px #4299e14d}.circle[data-v-4498eab2]{position:absolute;top:15px;left:15px;width:70%;height:70%;border-radius:50%;border:4px solid transparent;border-top-color:#48bb78;border-bottom-color:#48bb78;animation:spin-reverse-4498eab2 1.2s linear infinite;box-shadow:0 0 10px #48bb784d}.circle[data-v-4498eab2]:before{content:"";position:absolute;inset:8px;border-radius:50%;border:4px solid transparent;border-left-color:#f56565;border-right-color:#ecc94b;animation:spin-4498eab2 1s linear infinite}.loading-text[data-v-4498eab2]{font-size:16px;color:#4299e1;margin-bottom:20px;text-shadow:0 0 5px rgba(66,153,225,.2);animation:text-pulse-4498eab2 1.5s ease-in-out infinite}@keyframes spin-4498eab2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse-4498eab2{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes spin-pulse-4498eab2{0%,to{transform:rotate(0) scale(1);opacity:.8}50%{transform:rotate(180deg) scale(1.15);opacity:1}}@keyframes text-pulse-4498eab2{0%,to{opacity:.7}50%{opacity:1}}@keyframes pulse-4498eab2{0%{opacity:.5}50%{opacity:1}}.pagination-container[data-v-4498eab2]{display:flex;justify-content:center;margin-top:30px;margin-bottom:15px;animation:fadeIn-4498eab2 1.2s ease-out}.pagination[data-v-4498eab2]{display:flex;align-items:center;gap:10px}.page-btn[data-v-4498eab2]{width:40px;height:40px;border-radius:12px;background:white;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#475569;font-weight:600;box-shadow:0 2px 5px #0000000d}.page-btn[data-v-4498eab2]:hover:not(:disabled){background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#bfdbfe;color:#1e40af;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.page-btn[data-v-4498eab2]:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc;color:#94a3b8;box-shadow:none}.current-page[data-v-4498eab2]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:600;box-shadow:0 2px 8px #6366f14d}.btn-icon[data-v-4498eab2]{font-size:14px}.modal[data-v-4498eab2]{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;transition:all .3s ease;opacity:0;pointer-events:none}.modal.show[data-v-4498eab2]{opacity:1;pointer-events:auto}.modal-content[data-v-4498eab2]{width:90%;max-width:500px;background-color:#fff;padding:25px;border-radius:16px;box-shadow:0 10px 40px #0003;transform:scale(.95);transition:all .3s ease;position:relative;animation:fadeIn-4498eab2 .3s ease-out}.modal.show .modal-content[data-v-4498eab2]{transform:scale(1)}.modal-title[data-v-4498eab2]{color:#1e293b;font-size:22px;font-weight:700;margin-bottom:20px;text-align:center;position:relative}.modal-title[data-v-4498eab2]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:3px}.detail-grid[data-v-4498eab2]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-item[data-v-4498eab2]{padding:10px;border-radius:8px;background-color:#f8fafc}.full-width[data-v-4498eab2]{grid-column:span 2}.detail-label[data-v-4498eab2]{font-size:12px;color:#64748b;margin-bottom:5px;font-weight:500}.detail-value[data-v-4498eab2]{font-size:16px;color:#334155;font-weight:600}.model-name[data-v-4498eab2]{color:#1e40af}.usage-value[data-v-4498eab2]{color:#0891b2;font-size:18px}.close[data-v-4498eab2]{position:absolute;top:15px;right:15px;font-size:24px;color:#94a3b8;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;background:#f8fafc}.close[data-v-4498eab2]:hover{background:#f1f5f9;color:#475569;transform:rotate(90deg)}.swipe-hint[data-v-4498eab2]{text-align:center;padding:5px 0;font-size:12px;color:#64748b;background-color:#f1f5f9;border-radius:6px 6px 0 0;margin-bottom:5px;animation:pulse-4498eab2 2s infinite ease-in-out;position:relative}.swipe-hint[data-v-4498eab2]:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:50px;height:2px;background:linear-gradient(90deg,transparent,#94a3b8,transparent);border-radius:2px}.bottom-safe-area[data-v-4498eab2]{height:65px;width:100%}.recharge-form[data-v-4498eab2]{display:flex;flex-direction:column;gap:20px}.recharge-methods[data-v-4498eab2]{display:flex;justify-content:space-between;gap:10px}.recharge-method[data-v-4498eab2]{flex:1;padding:12px;border:1px solid #e2e8f0;border-radius:10px;text-align:center;cursor:pointer;transition:all .3s ease}.recharge-method.active[data-v-4498eab2]{border-color:#6366f1;background-color:#6366f11a;box-shadow:0 3px 8px #6366f133}.method-name[data-v-4498eab2]{font-weight:600;color:#1e293b;display:block}.method-icon[data-v-4498eab2]{display:inline-block;margin-top:5px;font-size:24px}.recharge-amount-combo[data-v-4498eab2]{margin-bottom:15px}.input-label[data-v-4498eab2]{font-size:14px;color:#475569;margin-bottom:8px;font-weight:500}.combo-wrapper[data-v-4498eab2]{position:relative}.combo-input[data-v-4498eab2]{width:100%;padding:12px 30px 12px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:16px;transition:all .3s ease}.combo-input[data-v-4498eab2]:focus{border-color:#6366f1;box-shadow:0 3px 8px #6366f133;outline:none}.combo-select[data-v-4498eab2]{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:10px;font-size:16px;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;cursor:pointer}.combo-select[data-v-4498eab2]:focus{border-color:#6366f1;box-shadow:0 3px 8px #6366f133;outline:none}.recharge-actions[data-v-4498eab2]{display:flex;gap:10px;margin-top:10px}.cancel-btn[data-v-4498eab2],.recharge-btn[data-v-4498eab2]{flex:1;padding:12px;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-4498eab2]{background-color:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.recharge-btn[data-v-4498eab2]{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 3px 8px #6366f14d}.cancel-btn[data-v-4498eab2]:hover{background-color:#f1f5f9;color:#475569}.recharge-btn[data-v-4498eab2]:hover{transform:translateY(-2px);box-shadow:0 5px 12px #6366f166}.loading-spinner[data-v-4498eab2]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-4498eab2 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}.payment-result[data-v-4498eab2]{width:100%;padding:20px 0}.payment-error[data-v-4498eab2]{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#fef2f2;border-radius:10px;margin:15px 0}.error-icon[data-v-4498eab2]{font-size:32px;margin-bottom:15px}.error-message[data-v-4498eab2]{color:#b91c1c;font-size:16px;text-align:center;margin-bottom:15px;line-height:1.5}.retry-btn[data-v-4498eab2]{background:#EF4444;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.retry-btn[data-v-4498eab2]:hover{background:#DC2626;transform:translateY(-1px)}.payment-info[data-v-4498eab2]{width:100%;padding:15px 0}.payment-header[data-v-4498eab2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #E2E8F0}.payment-amount[data-v-4498eab2]{font-size:28px;font-weight:700;color:#1e293b}.payment-status[data-v-4498eab2]{padding:6px 12px;border-radius:20px;background-color:#fef3c7;color:#d97706;font-size:14px;font-weight:500}.payment-status.completed[data-v-4498eab2]{background-color:#dcfce7;color:#16a34a}.payment-status.failed[data-v-4498eab2]{background-color:#fee2e2;color:#dc2626}.qrcode-container[data-v-4498eab2]{display:flex;flex-direction:column;align-items:center;margin:20px 0}.qrcode-wrapper[data-v-4498eab2]{width:200px;height:200px;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;margin-bottom:15px;display:flex;align-items:center;justify-content:center;background-color:#fff;position:relative}.qrcode-wrapper[data-v-4498eab2]:after{content:"";position:absolute;inset:0;border-radius:10px;box-shadow:0 0 #4285f466;animation:pulse-4498eab2 2s infinite}.qrcode-image[data-v-4498eab2]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.qrcode-tip[data-v-4498eab2]{font-size:14px;color:#64748b;margin-top:8px;text-align:center}.alipay-container[data-v-4498eab2],.unionpay-container[data-v-4498eab2]{width:100%;margin:20px 0;display:flex;justify-content:center;align-items:center;flex-direction:column}.alipay-form[data-v-4498eab2],.unionpay-form[data-v-4498eab2]{width:100%;min-height:150px;margin-top:10px}.payment-footer[data-v-4498eab2]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid #E2E8F0}.trade-no[data-v-4498eab2]{font-size:14px;color:#64748b}.cancel-payment-btn[data-v-4498eab2]{background:transparent;color:#64748b;border:1px solid #CBD5E1;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.cancel-payment-btn[data-v-4498eab2]:hover{background:#F1F5F9;color:#475569}@media (max-width: 768px){.modern-header[data-v-4498eab2]{flex-direction:column;gap:10px;animation-duration:.5s}.quota-card[data-v-4498eab2]{width:100%;padding:15px;box-shadow:0 3px 8px #0000000d}.table-container[data-v-4498eab2]{overflow:hidden;border-radius:8px;margin:0 -10px 15px;width:calc(100% + 20px);padding-bottom:5px}.bill-record-container[data-v-4498eab2]{padding:10px;width:95%;margin:10px auto}.currency[data-v-4498eab2]{font-size:12px}.cell[data-v-4498eab2]{font-size:13px}.detail-grid[data-v-4498eab2]{grid-template-columns:1fr}.full-width[data-v-4498eab2]{grid-column:span 1}.pagination[data-v-4498eab2]{gap:5px}.page-btn[data-v-4498eab2],.current-page[data-v-4498eab2]{width:35px;height:35px}.main-container[data-v-4498eab2]{padding-bottom:10px}.bottom-safe-area[data-v-4498eab2]{height:70px}.table-header[data-v-4498eab2],.table-row[data-v-4498eab2]{min-width:600px}.modal[data-v-4498eab2]{align-items:flex-end;padding-bottom:env(safe-area-inset-bottom,0)}.modal-content[data-v-4498eab2]{width:100%;max-width:none;border-radius:16px 16px 0 0;margin-bottom:0;max-height:80vh;overflow-y:auto;transform:translateY(100%);animation-duration:.2s}.modal.show .modal-content[data-v-4498eab2]{transform:translateY(0)}.close[data-v-4498eab2]{top:10px;right:10px}.icon-circle.balance-icon[data-v-4498eab2]{font-size:11px;padding:0 8px;height:28px;min-width:64px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0ea5e966}.icon-circle.balance-icon[data-v-4498eab2]:active{transform:scale(.95);opacity:.9;box-shadow:0 1px 3px #0ea5e94d}.payment-amount[data-v-4498eab2]{font-size:22px}.qrcode-wrapper[data-v-4498eab2]{width:180px;height:180px}.payment-footer[data-v-4498eab2]{flex-direction:column;gap:15px}.trade-no[data-v-4498eab2]{width:100%;text-align:center;word-break:break-all}.cancel-payment-btn[data-v-4498eab2]{width:100%}.recharge-form[data-v-4498eab2]{gap:15px}.table-row[data-v-4498eab2]{animation-duration:.3s}}.mobile-header[data-v-4498eab2]{flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;margin-bottom:15px;padding:0!important}.mobile-card[data-v-4498eab2]{flex:1!important;padding:10px!important;display:flex;flex-direction:column!important;align-items:flex-start!important;min-height:80px!important;position:relative;overflow:hidden;animation:fadeInRight-4498eab2 .8s ease-out}.mobile-card .quota-title[data-v-4498eab2]{font-size:11px!important;margin-bottom:5px!important;margin-right:0!important;opacity:.8;z-index:2}.mobile-card .quota-value[data-v-4498eab2]{width:100%;text-align:left!important;font-size:16px!important;line-height:1.2;font-weight:700;z-index:2}.mobile-card .quota-icon[data-v-4498eab2]{display:flex!important;position:absolute;bottom:10px;right:10px;top:auto;z-index:2}.mobile-card .currency[data-v-4498eab2]{color:#ffffffe6}.mobile-card.balance[data-v-4498eab2]{background:linear-gradient(145deg,#0ea5e9,#6366f1);color:#fff}.progress-line[data-v-4498eab2]{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#ffffff4d;border-radius:1.5px;overflow:hidden}.progress-fill[data-v-4498eab2]{height:100%;border-radius:1.5px}.balance-fill[data-v-4498eab2]{background:linear-gradient(90deg,#0ea5e9,#6366f1)}.used-fill[data-v-4498eab2]{background:linear-gradient(90deg,#f97316,#ef4444);animation:slideInRight-4498eab2 1s ease-out}@keyframes slideInRight-4498eab2{0%{width:0}}@media (max-width: 480px){.mobile-card[data-v-4498eab2]{min-height:70px!important;border-radius:10px}.mobile-card .quota-value[data-v-4498eab2]{font-size:16px!important;margin-top:auto}.mobile-card .quota-title[data-v-4498eab2]{font-size:10px!important}.model-tag[data-v-4498eab2]{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-btn[data-v-4498eab2]{padding:4px 8px;font-size:11px}.swipe-hint[data-v-4498eab2]{padding:3px 0;font-size:11px}}@media (max-width: 350px){.icon-circle.balance-icon[data-v-4498eab2]{font-size:10px;padding:0 6px;height:24px;min-width:56px}}@keyframes fadeIn-4498eab2{0%{opacity:0}to{opacity:1}}@keyframes slideInDown-4498eab2{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInUp-4498eab2{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInRight-4498eab2{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse-4498eab2{0%{box-shadow:0 0 #4285f499}70%{box-shadow:0 0 0 15px #4285f400}to{box-shadow:0 0 #4285f400}}.refresh-btn-container[data-v-4498eab2]{display:flex;align-items:center;margin-left:10px}.refresh-btn[data-v-4498eab2]{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;border:none;padding:8px 15px;border-radius:12px;font-size:14px;height:40px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #16a34a4d;white-space:nowrap}.refresh-btn[data-v-4498eab2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 12px #16a34a66}.refresh-btn[data-v-4498eab2]:disabled{opacity:.7;cursor:not-allowed}.refresh-icon[data-v-4498eab2]{font-size:16px;margin-right:6px;font-weight:700}.refresh-spinner[data-v-4498eab2]{border-top-color:#fff;width:14px;height:14px;margin-right:6px}.refresh-text[data-v-4498eab2]{font-weight:500}.price-btn-container[data-v-4498eab2]{display:flex;align-items:center;margin-left:10px}.price-btn[data-v-4498eab2]{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:8px 15px;border-radius:12px;font-size:14px;height:40px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #d977064d;white-space:nowrap}.price-btn[data-v-4498eab2]:hover{transform:translateY(-2px);box-shadow:0 5px 12px #d9770666}.price-icon[data-v-4498eab2]{font-size:16px;margin-right:6px}.price-text[data-v-4498eab2]{font-weight:500}@media (max-width: 768px){.mobile-refresh[data-v-4498eab2]{position:absolute;top:10px;right:50px;margin:0;z-index:10}.mobile-price[data-v-4498eab2]{position:absolute;top:10px;right:10px;margin:0;z-index:10}.mobile-btn[data-v-4498eab2]{width:36px;height:36px;padding:0;border-radius:50%}.mobile-btn .refresh-icon[data-v-4498eab2],.mobile-btn .price-icon[data-v-4498eab2]{font-size:18px;margin:0}.mobile-btn .refresh-spinner[data-v-4498eab2]{margin:0}.mobile-header[data-v-4498eab2]{position:relative;padding-top:5px!important}.mobile-card[data-v-4498eab2]{padding-top:5px!important;padding-right:15px!important}}@media (max-width: 480px){.mobile-refresh[data-v-4498eab2]{top:5px;right:45px}.mobile-price[data-v-4498eab2]{top:5px;right:5px}.mobile-btn[data-v-4498eab2]{width:32px;height:32px}.mobile-btn .refresh-icon[data-v-4498eab2],.mobile-btn .price-icon[data-v-4498eab2]{font-size:16px}.mobile-btn .refresh-spinner[data-v-4498eab2]{width:12px;height:12px}}