:root{--purple: #724bff;--purple-light: #8b5cf6;--purple-dark: #583ed3;--purple-gradient: linear-gradient(135deg, #724bff, #583ed3);--green: #28b894;--green-light: #32e6b9;--orange: #ff9500;--red: #ff3b30;--gray: #8e8e93;--bg: #f5f7fa;--bg-light: #ffffff;--bg-card: #ffffff;--surface: #ffffff;--surface-light: #f3f0ff;--surface-2: #f3f4f6;--surface-dark: #eef0f5;--surface-elevated: rgba(0, 0, 0, .03);--border: rgba(0, 0, 0, .08);--border-light: rgba(114, 75, 255, .25);--border-subtle: rgba(0, 0, 0, .04);--text: #1f2937;--text-secondary: rgba(0, 0, 0, .6);--text-dim: rgba(0, 0, 0, .45);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.lines-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.line-item{background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;padding:10px 14px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:8px;font-size:13px;flex:0 0 auto;min-width:0}.line-item:hover{border-color:var(--purple-light);background:#724bff0d}.line-item.selected{border-color:var(--purple);background:#724bff26}.line-item-name{font-weight:500;color:var(--text)}.line-item-region{color:var(--text-dim);font-size:12px}.line-item-badge{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.line-item-badge.normal{background:#28b89433;color:var(--green)}.line-item-badge.warning{background:#ff950033;color:var(--orange)}.line-item-badge.congested{background:#ff3b3033;color:var(--red)}.line-section{margin-top:20px;margin-bottom:24px;padding:16px;background:#00000014;border:1px solid var(--border-subtle);border-radius:12px}.line-section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:500;color:var(--text-secondary)}.current-line-info{display:none;margin-left:auto;padding:0;background:none;border:none;border-radius:0;font-size:inherit;line-height:inherit;vertical-align:baseline}.line-status{display:flex;align-items:center;gap:6px;color:var(--text)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}.topbar{background:#ffffffeb;padding:0 20px;position:sticky;top:0;z-index:100;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);box-shadow:0 1px #0000000a}.topbar-inner{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;min-height:56px;padding:8px 0;position:relative}.topbar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);padding:4px 12px;border-radius:10px;transition:all .3s ease}.topbar-logo:hover{background:#724bff14;box-shadow:0 0 20px #724bff40}.topbar-logo:hover span{filter:drop-shadow(0 0 8px rgba(114,75,255,.8)) drop-shadow(0 0 16px rgba(40,184,148,.5));background:linear-gradient(135deg,#a78bfa,#5eead4,#a78bfa);background-size:200% auto;animation:gradientShift 2s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-logo:hover img{filter:drop-shadow(0 0 10px rgba(114,75,255,.7)) drop-shadow(0 0 20px rgba(40,184,148,.4));transform:scale(1.05)}@keyframes gradientShift{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}.topbar-logo svg{width:32px;height:32px;flex-shrink:0}.topbar-logo img{width:32px;height:32px;flex-shrink:0;object-fit:contain}.topbar-logo span{font-size:17px;font-weight:700;background:linear-gradient(135deg,#a78bfa,#724bff,#32e6b9,#28b894,#ff9500,#a78bfa);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoGradient 8s linear infinite}@keyframes logoGradient{0%{background-position:0% 50%}to{background-position:300% 50%}}.topbar-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav-links{display:flex;gap:clamp(16px,11vw,170px);align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.nav-link{text-decoration:none;display:inline-block;height:24px;overflow:hidden;position:relative}.nav-link-inner{display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-link-text{display:block;height:24px;line-height:24px;font-size:14px;font-weight:500;white-space:nowrap}.nav-link-text:first-child{color:#000000bf}.nav-link-text:last-child{color:var(--green)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.nav-link:hover .nav-link-inner{transform:translateY(-24px)}.nav-link:hover:after{transform:scaleX(1)}.nav-user{position:relative;display:inline-flex;align-items:center;gap:4px}.nav-user .nav-link{height:24px;overflow:hidden;position:relative;text-decoration:none;display:inline-block}.nav-user .nav-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--green);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.nav-user:hover .nav-link:after{transform:scaleX(1)}.nav-user .nav-link-inner{display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-user:hover .nav-link-inner{transform:translateY(-24px)}.nav-arrow{display:inline-flex;align-items:center;color:#00000073;transition:transform .3s ease,color .3s ease;cursor:pointer;transform:translateY(-5px)}.nav-user:hover .nav-arrow{transform:translateY(-5px) rotate(-180deg);color:var(--green)}.nav-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fffffffa;border:1px solid var(--border);border-radius:10px;min-width:120px;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .25s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;box-shadow:0 8px 24px #0006}.nav-user:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{display:block;padding:10px 20px;color:#0000008c;font-size:14px;text-decoration:none;transition:all .2s ease}.nav-dropdown-item:hover{color:var(--red, #ef4444);background:#ef44441a}.logout-btn-cancel{flex:1;padding:13px;border:1px solid rgba(0,0,0,.08);border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;background:#0000000a;color:#00000073;font-family:inherit;transition:all .25s ease}.logout-btn-cancel:hover{background:#0000001a;color:#000c;border-color:#0000002e;transform:translateY(-1px)}.logout-btn-confirm{flex:1;padding:13px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#ef4444,#f43f5e);color:#fff;font-family:inherit;box-shadow:0 4px 12px #ef44444d;transition:all .25s ease}.logout-btn-confirm:hover{background:linear-gradient(135deg,#dc2626,#e11d48);box-shadow:0 6px 20px #ef444473;transform:translateY(-1px)}.activate-btn-confirm{flex:1;padding:13px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-family:inherit;box-shadow:0 4px 12px #2563eb4d;transition:all .25s ease}.activate-btn-confirm:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 6px 20px #2563eb73;transform:translateY(-1px)}.btn{padding:8px 18px;border-radius:8px;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1.4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn:hover{border-color:var(--border-light);color:var(--text);background:#724bff1f;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--purple);border-color:#724bff99;color:#fff}.btn-primary:hover{background:#6341e6;border-color:#724bffcc;box-shadow:0 4px 16px #724bff59;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-success{background:var(--green);border-color:#28b89499;color:#fff}.btn-success:hover{background:#229e80;border-color:#28b894cc;box-shadow:0 4px 16px #28b89459;transform:translateY(-1px)}#pay-submitBtn-alipay:hover{background:#1677ff;border-color:#1677ffcc;box-shadow:0 4px 16px #1677ff73}.btn-success:active{transform:translateY(0)}.btn-warning{background:var(--orange);border-color:#ff950099;color:#fff}.btn-warning:hover{background:#e68600;border-color:#ff9500cc;box-shadow:0 4px 16px #ff950059;transform:translateY(-1px)}.btn-warning:active{transform:translateY(0)}.btn-large{padding:12px 24px;font-size:15px;font-weight:600;border-radius:10px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.main{flex:1;max-width:1600px;width:100%;margin:0 auto;padding:0 24px 32px}.hero{text-align:center;padding:0 20px 40px;margin-bottom:20px;position:relative}.hero:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.hero-badges{display:flex;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid;cursor:default;transition:all .25s ease}.badge:hover{transform:translateY(-3px);filter:brightness(1.3);box-shadow:0 4px 16px currentColor}.badge-purple{background:#6c4dff14;border-color:#6c4dff33;color:var(--purple-light)}.badge-purple:hover{background:#6c4dff33;border-color:#6c4dff80;box-shadow:0 4px 16px #6c4dff66}.badge-green{background:#28b89414;border-color:#28b89433;color:var(--green-light)}.badge-green:hover{background:#28b89433;border-color:#28b89480;box-shadow:0 4px 16px #28b89466}.badge-blue{background:#007aff14;border-color:#007aff33;color:#5ac8fa}.badge-blue:hover{background:#007aff33;border-color:#007aff80;box-shadow:0 4px 16px #007aff66}.badge-orange{background:#ff950014;border-color:#ff950033;color:#fa3}.badge-orange:hover{background:#ff950033;border-color:#ff950080;box-shadow:0 4px 16px #ff950066}.robot-container{width:380px;height:420px;margin:0 auto -126px;position:relative;display:flex;align-items:center;justify-content:center;transform:scale(.7);transform-origin:center top}.robot-body{width:280px;height:auto;position:absolute;left:51px;top:205px;transform-origin:140px 103px;z-index:2}.robot-head{width:200px;height:auto;position:absolute;left:93px;top:37px;transform-origin:100px 92px;z-index:3;transform-style:preserve-3d;animation:headNod3D 5s ease-in-out infinite}.robot-wing{width:180px;height:auto;position:absolute;z-index:1}.robot-wing-left{left:154px;top:39px;transform-origin:-21px 137px;animation:wingFlapLeft 3s ease-in-out infinite}.robot-wing-right{left:226px;top:58px;transform-origin:25px 173px;animation:wingFlapRight 3s ease-in-out infinite}.robot-recharge{width:150px;height:auto;position:absolute;left:1px;top:289px;transform:rotate(3deg);transform-origin:75px 31px;opacity:.85;z-index:0;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.speech-bubble{position:absolute;top:90px;right:-70px;transform:rotate(-1deg) scale(1.15);background:#fff0f5;border:2px solid #ff8fab;border-radius:16px;padding:10px 18px;font-size:14px;font-weight:500;color:#c44b6e;white-space:nowrap;z-index:20;box-shadow:0 2px 12px #ff8fab40;animation:bubbleFloat 10s ease-in-out infinite}.speech-bubble:before{content:"";position:absolute;left:-10px;top:18px;width:0;height:0;border-style:solid;border-width:7px 10px 7px 0;border-color:transparent #ff8fab transparent transparent}.speech-bubble:after{content:"";position:absolute;left:-7px;top:19px;width:0;height:0;border-style:solid;border-width:6px 9px 6px 0;border-color:transparent #fff0f5 transparent transparent}@keyframes bubbleFloat{0%,to{transform:rotate(-7deg) scale(1.15) translateY(0) translate(0)}20%{transform:rotate(-10deg) scale(1.15) translateY(-3px) translate(2px)}40%{transform:rotate(-4deg) scale(1.15) translateY(-5px) translate(-1px)}60%{transform:rotate(-9deg) scale(1.15) translateY(-2px) translate(3px)}80%{transform:rotate(-5deg) scale(1.15) translateY(-4px) translate(-2px)}}@keyframes headNod3D{0%,to{transform:perspective(600px) rotateX(0) rotate(0) perspective(300px) rotateX(0);top:37px}4%{transform:perspective(600px) rotateX(-6deg) rotate(3deg) perspective(300px) rotateX(-3deg);top:43px}8%{transform:perspective(600px) rotateX(-10deg) rotate(-2deg) perspective(300px) rotateX(-5deg);top:48px}12%{transform:perspective(600px) rotateX(-4deg) rotate(2deg) perspective(300px) rotateX(-2deg);top:41px}16%{transform:perspective(600px) rotateX(-8deg) rotate(-3deg) perspective(300px) rotateX(-4deg);top:46px}20%{transform:perspective(600px) rotateX(0) rotate(1deg) perspective(300px) rotateX(0);top:39px}26%{transform:perspective(600px) rotateX(-5deg) rotate(-2deg) perspective(300px) rotateX(-3deg);top:43px}30%{transform:perspective(600px) rotateX(-7deg) rotate(2deg) perspective(300px) rotateX(-3deg);top:45px}34%{transform:perspective(600px) rotateX(0) rotate(0) perspective(300px) rotateX(0);top:37px}44%{transform:perspective(600px) rotateX(-3deg) rotate(-1deg) perspective(300px) rotateX(-2deg);top:40px}50%{transform:perspective(600px) rotateX(-6deg) rotate(2deg) perspective(300px) rotateX(-3deg);top:43px}56%{transform:perspective(600px) rotateX(0) rotate(0) perspective(300px) rotateX(0);top:37px}68%{transform:perspective(600px) rotateX(-4deg) rotate(1deg) perspective(300px) rotateX(-2deg);top:41px}74%{transform:perspective(600px) rotateX(-7deg) rotate(-2deg) perspective(300px) rotateX(-3deg);top:45px}80%{transform:perspective(600px) rotateX(0) rotate(0) perspective(300px) rotateX(0);top:37px}}@keyframes wingFlapLeft{0%,to{transform:scaleX(-1) rotate(57deg);top:39px;transform-origin:-21px 137px}50%{transform:scaleX(-1) rotate(7deg);top:55px;transform-origin:1px 142px}}@keyframes wingFlapRight{0%,to{transform:rotate(57deg)}50%{transform:rotate(7deg)}}.music-notes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:visible}.music-note{position:absolute;font-size:20px;opacity:0;animation:noteFloat 3s ease-out forwards}@keyframes noteFloat{0%{opacity:0;transform:translate(0) scale(.5) rotate(0)}15%{opacity:.9;transform:translate(10px,-20px) scale(1) rotate(-5deg)}to{opacity:0;transform:translate(60px,-120px) scale(.7) rotate(15deg)}}.robot-debug-mode .robot-wing-left,.robot-debug-mode .robot-wing-right,.robot-debug-mode .robot-recharge{animation:none!important}.robot-debug-mode .robot-wing-left{transform:scaleX(-1) rotate(57deg)}.robot-debug-mode .robot-wing-right{transform:rotate(57deg)}.robot-debug-mode{outline:2px dashed rgba(255,255,0,.4);outline-offset:-2px}.robot-debug-mode .robot-body,.robot-debug-mode .robot-head,.robot-debug-mode .robot-wing,.robot-debug-mode .robot-recharge{cursor:grab!important;outline:2px dashed rgba(0,255,0,.6);outline-offset:-2px}.robot-debug-mode .robot-body.dragging,.robot-debug-mode .robot-head.dragging,.robot-debug-mode .robot-wing.dragging,.robot-debug-mode .robot-recharge.dragging{cursor:grabbing!important;outline-color:#ff5050e6}.robot-debug-mode .robot-body:after,.robot-debug-mode .robot-head:after,.robot-debug-mode .robot-wing-left:after,.robot-debug-mode .robot-wing-right:after,.robot-debug-mode .robot-recharge:after{content:attr(data-name);position:absolute;top:-20px;left:0;font-size:11px;line-height:16px;padding:1px 6px;background:#00c864e6;color:#000;border-radius:3px;white-space:nowrap;z-index:99;pointer-events:none;font-family:monospace}body.no-anim .robot-head{animation:none!important;transform:perspective(600px) rotateX(0) rotate(0);top:37px}body.no-anim .robot-wing-left{animation:none!important;transform:scaleX(-1) rotate(17deg);top:39px;transform-origin:-21px 137px}body.no-anim .robot-wing-right{animation:none!important;transform:rotate(17deg)}body.no-anim .robot-recharge{animation:none!important}body.no-anim .speech-bubble{animation:none!important;transform:rotate(-7deg) scale(1.15);top:80px}body.no-anim .hero-cursor{display:none!important}.robot-debug-panel{position:fixed;top:12px;right:12px;z-index:99999;background:#f5f7fafa;border:1px solid rgba(114,75,255,.5);border-radius:10px;padding:12px 14px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:12px;color:#555;min-width:260px;box-shadow:0 8px 32px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.robot-debug-panel h3{margin:0 0 8px;font-size:13px;color:#16a34a;display:flex;justify-content:space-between;align-items:center}.robot-debug-panel .dbg-row{display:flex;gap:6px;margin-bottom:4px;align-items:center}.robot-debug-panel .dbg-label{width:55px;color:#777;flex-shrink:0}.robot-debug-panel .dbg-val{color:#2563eb;font-weight:700;min-width:50px}.robot-debug-panel .dbg-unit{color:#666;font-size:10px}.robot-debug-panel .dbg-mini-btn{padding:1px 6px;margin-left:2px;background:#00000014;border:1px solid rgba(0,0,0,.15);border-radius:3px;color:#555;cursor:pointer;font-size:10px;font-family:inherit;line-height:1.4;transition:all .1s}.robot-debug-panel .dbg-mini-btn:hover{background:#724bff80;color:#fff;border-color:#724bffcc}.robot-debug-panel .dbg-hint{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.08);font-size:10px;color:#777;line-height:1.6}.robot-debug-panel .dbg-btn{display:inline-block;padding:4px 10px;margin-top:6px;margin-right:4px;background:#724bff4d;border:1px solid rgba(114,75,255,.6);border-radius:5px;color:#fff;cursor:pointer;font-size:11px;font-family:inherit;transition:all .15s}.robot-debug-panel .dbg-btn:hover{background:#724bff99;color:#fff}.robot-debug-panel .dbg-btn-close{background:#ff505033;border-color:#ff505080}.robot-debug-panel .dbg-btn-close:hover{background:#ff505080}.robot-debug-panel .dbg-output{margin-top:8px;padding:8px;background:#0000000f;border-radius:5px;font-size:10px;color:#15803d;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto;display:none}.robot-debug-panel .dbg-output.visible{display:block}.hero h1{font-size:28px;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,var(--text),rgba(0,0,0,.65));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;min-height:42px;line-height:42px;display:flex;align-items:center;justify-content:center}.hero h1 .hero-cursor{-webkit-text-fill-color:var(--text);margin-left:2px;font-weight:300;position:relative;top:-2px;animation:hero-blink .8s step-end infinite}@keyframes hero-blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero p{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:40px}.cards-grid.cards-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.cards-grid.cards-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.cards-grid.cards-grid-4{grid-template-columns:1fr}}.card{background:var(--surface-elevated);border-radius:16px;padding:24px;border:1px solid var(--border-subtle);transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card:hover{border-color:var(--border-light);transform:translateY(-3px);box-shadow:0 12px 32px #724bff1f;background:#724bff0a}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.card-icon.purple{background:#724bff1a}.card-icon.green{background:#28b8941a}.card-icon.orange{background:#ff95001a}.card h3{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--text)}.card p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.card .btn{width:100%;justify-content:center;margin-top:auto;padding:10px 20px}.form-container{background:var(--surface-elevated);border-radius:16px;padding:40px;border:1px solid var(--border-subtle);max-width:1500px;margin:0 auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.query-layout{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.query-left,.query-right{flex:1 1 320px;min-width:0}@media (max-width: 900px){.query-layout{flex-direction:column}}.recharge-layout{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start;text-align:left}@media (max-width: 900px){.recharge-layout{grid-template-columns:1fr}}.recharge-card{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;margin-bottom:20px}.recharge-card h3{font-size:17px;margin-bottom:8px}.recharge-card .tip-text{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.input-row{display:flex;gap:12px;align-items:center}.input-row input{flex:1;min-width:0;padding:12px 16px;border:1px solid var(--border);border-radius:10px;font-size:15px;background:#0000000a;color:var(--text);outline:none}.input-row input:focus{border-color:var(--green)}.amount-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.amount-grid.row2{grid-template-columns:repeat(2,1fr);max-width:260px}.amount-item{border:1px solid var(--border);background:var(--surface-elevated);border-radius:10px;padding:14px 8px;text-align:center;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.amount-item:hover{border-color:var(--green)}.amount-item.active{border-color:var(--green);background:#20784c1f}.amount-num{font-size:16px;font-weight:600;margin-bottom:4px}.price-text{font-size:13px;color:var(--text-dim)}.summary-row{display:flex;justify-content:space-between;font-size:14px;padding:10px 0;border-top:1px solid var(--border-subtle)}.summary-row .bold{font-weight:600;font-size:16px}.full-btn{width:100%;margin-top:16px;justify-content:center}.note-card h4{margin-bottom:14px;font-size:16px}.note-card ul{padding-left:18px}.note-card li{font-size:14px;color:var(--text-secondary);margin-bottom:12px;line-height:1.55}.form-header{text-align:center;margin-bottom:28px}.form-header h2{font-size:22px;font-weight:600;margin-bottom:8px}.form-header p{font-size:14px;color:var(--text-secondary)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:Consolas,SF Mono,monospace;background:#0000000a;color:var(--text);outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #724bff26;background:#0000000f}#query-buddyKey:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff2e}#recharge-buddyKey:focus,#recharge-redeemCode:focus{border-color:var(--green);box-shadow:0 0 0 3px #28b8942e}.form-input::placeholder{color:var(--text-dim)}.form-input.large{padding:14px 18px;font-size:17px;letter-spacing:.5px}.form-hint{font-size:11px;color:var(--text-dim);margin-top:6px}.hint-link{color:var(--purple-light);text-decoration:none;font-weight:500;transition:color .15s}.hint-link:hover{color:var(--purple);text-decoration:underline}.form-hint-actions{display:flex;align-items:center;gap:0;margin-top:10px}.hint-action{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;color:var(--text-secondary);text-decoration:none;background:#724bff0f;border:1px solid rgba(114,75,255,.12);border-radius:6px;transition:all .2s ease}.hint-action:hover{color:var(--purple-light);background:#724bff1f;border-color:#724bff40}.hint-action-sep{width:1px;height:20px;background:var(--border);margin:0 8px}.form-tip{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;background:#28b8940f;border:1px solid rgba(40,184,148,.15);border-radius:8px;font-size:13px;color:var(--text-secondary)}.form-actions{margin-top:28px}.form-actions .btn{width:100%;justify-content:center;padding:14px 24px;font-size:15px;font-weight:600;border-radius:10px}.result-box{background:#0000000d;border:1px solid var(--border-subtle);border-radius:16px;padding:20px;margin-top:20px;display:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.result-box.show{display:block}.result-label{font-size:12px;font-weight:500;color:var(--purple-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.result-value{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface-elevated);border-radius:8px;border:1px solid var(--border-subtle)}.result-value span{flex:1;font-size:20px;font-weight:700;font-family:Consolas,SF Mono,monospace;color:var(--text);word-break:break-all}.result-copy{flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:600;background:var(--purple);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .15s;white-space:nowrap}.result-copy:hover{background:var(--purple-light)}.result-warning{margin-top:16px;padding:12px;background:#ff95000f;border:1px solid rgba(255,149,0,.15);border-radius:8px;font-size:13px;color:var(--orange);display:flex;align-items:flex-start;gap:8px}.result-warning:before{content:"";flex-shrink:0;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9500' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cline x1='12' x2='12' y1='9' y2='13'/%3E%3Cline x1='12' x2='12.01' y1='17' y2='17'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.info-section{background:var(--surface-elevated);border-radius:16px;padding:24px;border:1px solid var(--border-subtle);margin-top:32px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.info-section h3{font-size:16px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.info-list{list-style:none}.info-list li{padding:10px 0;border-bottom:1px solid var(--border-subtle);font-size:14px;color:var(--text-secondary);display:flex;align-items:flex-start;gap:10px}.info-list li:last-child{border-bottom:none}.info-list li:before{content:"•";color:var(--purple);font-weight:700;flex-shrink:0}.clients-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.client-card{background:#0000000a;border:1px solid rgba(0,0,0,.05);border-radius:14px;padding:28px 24px;text-align:center;transition:border-color .2s ease;min-width:0;overflow:hidden}.client-card:hover{border-color:#9333ea59}.client-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;margin:0 auto 14px;background:#7c3aed14;border:1px solid rgba(124,58,237,.15)}.client-name{font-size:15px;font-weight:600;color:var(--text);margin-bottom:6px}.client-desc{font-size:13px;color:var(--text-secondary);margin-bottom:14px}.client-icon-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.client-icon-item img{width:40px;height:40px;object-fit:contain;border-radius:8px;transition:transform .2s ease}.client-icon-item img:hover{transform:scale(1.12)}.client-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.client-tags-marquee{flex-wrap:nowrap;overflow:hidden;justify-content:flex-start;gap:0;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}.client-tags-marquee .marquee-track{display:flex;flex-shrink:0;animation:marquee-scroll 30s linear infinite}.client-tags-marquee .marquee-set{display:flex;flex-shrink:0}.client-tags-marquee .marquee-set .client-tag{margin-right:10px}.client-tags-marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.client-tag{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border:1px solid rgba(147,51,234,.25);border-radius:10px;background:#7c3aed0f;width:84px;min-width:84px;flex-shrink:0;box-sizing:border-box}.client-tag img{width:40px;height:40px;object-fit:contain;border-radius:8px;transition:transform .2s ease}.client-tag img:hover{transform:scale(1.12)}.client-tag em{font-style:normal;font-size:11px;color:var(--purple-light);text-align:center;line-height:1.2;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-card{background:#0000000d;border-radius:12px;padding:16px;text-align:center;border:1px solid var(--border-subtle)}.stat-value{font-size:24px;font-weight:700;color:var(--text);font-family:Consolas,SF Mono,monospace}.stat-label{font-size:12px;color:var(--text-dim);margin-top:4px}.toast{position:fixed;top:30px;left:50%;transform:translate(-50%) translateY(-100px);padding:12px 24px;background:#fffffff2;border:1px solid var(--border);border-radius:12px;font-size:14px;color:var(--text);z-index:1000;opacity:0;transition:all .3s;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.toast.success{border-color:#28b89466}.toast.error{border-color:#ff3b3066}.footer{background:transparent;padding:24px 20px;text-align:center;margin-top:48px;border-top:1px solid var(--border-subtle)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--text-dim)}.footer-brand{font-weight:600;background:linear-gradient(135deg,var(--purple-light),var(--green-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-sep{opacity:.3}.loading{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.loading-overlay.show{opacity:1;visibility:visible}.loading-spinner{width:50px;height:50px;border:4px solid rgba(0,0,0,.2);border-radius:50%;border-top-color:#724bff;animation:spin .8s linear infinite}.loading-text{color:#fff;font-size:16px;margin-top:16px;text-align:center}.input-valid{border-color:var(--green)!important;box-shadow:0 0 0 2px #28b89433!important}.input-invalid{border-color:var(--red)!important;box-shadow:0 0 0 2px #ff3b3033!important}.validation-message{font-size:12px;margin-top:4px;display:none}.validation-message.show{display:block}.validation-message.success{color:var(--green)}.validation-message.error{color:var(--red)}.error-msg{background:#ff3b300f;border:1px solid rgba(255,59,48,.15);border-radius:8px;padding:12px 16px;font-size:13px;color:var(--red);margin-bottom:16px;display:none}.error-msg.show{display:block}@media (min-width: 1024px){.hero{padding:0 20px 40px}.hero h1{font-size:34px}.hero-icon{width:250px;height:250px;font-size:42px}.cards-grid{grid-template-columns:repeat(3,1fr);gap:24px}.card{padding:28px}.form-container{padding:48px}.form-input.large{font-size:18px;padding:16px 20px}.form-header h2{font-size:24px}.stat-value{font-size:28px}}@media (max-width: 768px){.topbar-inner{min-height:48px;padding:8px 16px}.topbar-logo span{font-size:15px}.topbar-nav{gap:4px}.topbar-nav .btn{padding:6px 12px;font-size:12px}.main{padding:20px 16px}.hero{padding:0 16px 30px}.hero h1{font-size:24px}.hero p{font-size:14px}.cards-grid{grid-template-columns:1fr}.form-container{padding:24px 20px}.form-header h2{font-size:20px}.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:20px}.btn{padding:7px 14px;font-size:12px}.btn-large{padding:10px 20px;font-size:14px}.line-section{padding:12px}.line-item{flex:1 1 calc(50% - 4px);min-width:0}.form-hint-actions{flex-wrap:wrap;gap:6px}.hint-action-sep{display:none}}@media (max-width: 480px){.topbar-nav{flex-wrap:wrap;justify-content:center}.main{padding:16px 12px}.form-container{padding:20px 16px}.lines-list{flex-direction:column;gap:6px}.line-item{flex-wrap:wrap;padding:8px 12px;gap:6px}.line-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-item-region{order:3;width:100%;margin-top:2px}}#query-expiredPacksSection{margin-top:16px}#query-expiredPacksSection summary{cursor:pointer;padding:12px 16px;background:#00000008;border-radius:8px;border:1px solid rgba(0,0,0,.07);color:var(--text-dim);font-size:14px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;list-style:none}#query-expiredPacksSection summary::-webkit-details-marker{display:none}#query-expiredPacksSection summary:hover{background:#0000000a;border-color:#0000001a}#query-expiredPacksSection[open] summary{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}#query-expiredPacksSection .details-arrow{transition:transform .2s ease}#query-expiredPacksSection[open] .details-arrow{transform:rotate(180deg)}#query-expiredPacksList{border:1px solid rgba(0,0,0,.07);border-top:none;border-radius:0 0 8px 8px;background:#0000001a}#query-expiredPacksList>div:last-child{border-bottom:none}#query-expiredPacksList .progress-container{opacity:.5}#query-expiredPacksList .progress-bar{background:var(--gray)}code{background:var(--surface-light);padding:2px 6px;border-radius:4px;font-family:Consolas,SF Mono,monospace;font-size:.9em}.models-section{max-width:1500px;margin:24px auto 0}.models-card{background:var(--surface-elevated);border-radius:16px;padding:32px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.models-header{text-align:center;margin-bottom:24px}.models-header h2{font-size:20px;font-weight:600;margin-bottom:8px}.models-header p{font-size:14px;color:var(--text-secondary)}.models-actions{display:flex;gap:12px;margin-bottom:20px}.models-actions .btn{flex:1}.models-preview{background:#00000026;border-radius:10px;padding:16px;border:1px solid var(--border-subtle);max-height:200px;overflow-y:auto}.models-preview pre{margin:0;font-family:Consolas,SF Mono,monospace;font-size:12px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}.models-tutorial{margin-top:24px;padding:20px;background:#6c4dff0a;border:1px solid rgba(108,77,255,.1);border-radius:10px}.models-tutorial h3{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--purple-light)}.models-tutorial ol{margin:0;padding-left:20px;font-size:13px;color:var(--text-secondary);line-height:2}.btn-generate-config{background:linear-gradient(135deg,#ffc800,#e6b400);border-color:#ffc80099;color:#000;font-weight:600}.btn-generate-config:hover{background:linear-gradient(135deg,#ffd633,#ffc800);box-shadow:0 4px 16px #ffc80059;transform:translateY(-1px);border-color:#ffc800cc}.btn-generate-config:active{transform:translateY(0)}.btn-query{background:linear-gradient(135deg,#007aff,#0055d4);border-color:#007aff99;color:#fff;font-weight:600}.btn-query:hover{background:linear-gradient(135deg,#3395ff,#007aff);box-shadow:0 4px 16px #007aff59;transform:translateY(-1px);border-color:#007affcc}.btn-query:active{transform:translateY(0)}.quick-guide{margin-top:32px;background:var(--surface-elevated);border-radius:16px;padding:24px;border:1px solid var(--border-subtle);box-shadow:0 4px 20px #0000001a;max-width:1200px;margin-left:auto;margin-right:auto}.guide-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.guide-header h3{font-size:18px;font-weight:600;color:var(--text);margin:0;display:flex;align-items:center;gap:8px}.guide-close{padding:6px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.guide-close:hover{background:var(--surface-elevated);border-color:var(--border-light);color:var(--text)}.guide-steps{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;justify-content:center;overflow-x:auto}.guide-step{display:flex;align-items:center;gap:8px;padding:12px;background:#00000014;border-radius:12px;border:1px solid var(--border-subtle);flex:1;min-width:0;max-width:none;transition:all .2s ease}.guide-step:hover{background:#724bff0f;border-color:var(--border-light);transform:translateY(-2px)}.guide-step-num{width:32px;height:32px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0;line-height:1;padding-bottom:1px}.guide-step-info{flex:1}.guide-step-info strong{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.guide-step-info p{font-size:12px;color:var(--text-secondary);margin:0}.guide-step-btn{padding:6px 12px;background:var(--purple);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.guide-step-btn:hover{background:var(--purple-dark);transform:scale(1.05)}.guide-step-done{padding:6px 12px;background:#28b89426;border:1px solid rgba(40,184,148,.3);border-radius:6px;color:var(--green);font-size:12px;font-weight:500;white-space:nowrap}.guide-step-arrow{color:var(--text-dim);flex-shrink:0}.quick-guide.hidden{display:none}.card-icon.blue{background:#007aff1a}.card-icon.yellow{background:#ffc8001a}.client-support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:16px 0}.client-card{background:#0000001a;border-radius:12px;padding:20px;border:1px solid var(--border-subtle);text-align:center;transition:all .2s ease}.client-card:hover{border-color:var(--border-light);background:#724bff0a}.client-icon{font-size:32px;margin-bottom:12px;display:flex;justify-content:center;align-items:center}.client-icon img{width:48px;height:48px;object-fit:contain}.client-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:8px 4px}.client-icons>*{display:flex;flex-direction:column;align-items:center;gap:6px}.client-icons img{width:52px;height:52px;object-fit:contain;border-radius:12px;transition:transform .2s ease}.client-icons img:hover{transform:scale(1.1)}.client-icons span{font-size:11.5px;color:var(--text-secondary);white-space:nowrap}.client-card h4{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text)}.client-card p{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.client-tags{display:flex;justify-content:center;gap:8px}.tag{padding:4px 10px;border-radius:6px;font-size:11px;background:#6c4dff0f;color:var(--purple-light);border:1px solid rgba(108,77,255,.1)}.client-note{font-size:13px;color:var(--green);text-align:center;margin-top:12px;padding:10px;background:#28b8940f;border-radius:8px;border:1px solid transparent;transition:all .25s ease}.client-note:hover{background:#28b89426;border-color:#28b89459;box-shadow:0 4px 16px #28b89433;transform:translateY(-2px)}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:#00000014;border-radius:10px;border:1px solid var(--border-subtle);overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:var(--border);background:#0000001f}.faq-item summary{padding:14px 16px;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:background .15s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:18px;color:var(--text-dim);transition:transform .2s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:hover{background:var(--surface-light)}.faq-answer{padding:0 16px 16px;font-size:13px;color:var(--text-secondary);line-height:1.8}.faq-answer p{margin-bottom:8px}.faq-answer p:last-child{margin-bottom:0}.faq-answer a{color:var(--purple-light);text-decoration:underline}.faq-answer code{background:var(--surface-light);padding:2px 6px;border-radius:4px;font-size:12px}.model-list-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px}.model-list-table th{text-align:left;padding:6px 10px;background:#724bff14;color:var(--text);font-weight:600;border-bottom:2px solid var(--border-subtle);white-space:nowrap}.model-list-table td{padding:6px 10px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.model-list-table tr:last-child td{border-bottom:none}.model-list-table tr:hover td{background:#724bff08}.model-list-table .model-name-cell{font-weight:600;color:var(--text)}.model-list-table .model-yes{color:var(--green)}.model-list-table .model-no{color:var(--text-dim)}.progress-container{background:#0000000d;border-radius:8px;height:12px;overflow:hidden}.progress-bar{background:rgb(114 75 255 / var(--un-bg-opacity, 1));height:100%;border-radius:8px;transition:width .3s}.tutorial-section{margin-top:24px;padding:24px;background:#6c4dff0a;border:1px solid rgba(108,77,255,.08);border-radius:12px}.tutorial-section h3{font-size:16px;font-weight:600;margin-bottom:20px;color:var(--purple-light)}.tutorial-block{background:var(--surface-elevated);border-radius:10px;padding:20px;margin-bottom:16px;border:1px solid var(--border-subtle)}.tutorial-block:last-of-type{margin-bottom:0}.tutorial-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.tutorial-icon{font-size:24px;display:flex;align-items:center;flex-shrink:0}.tutorial-icon img{border-radius:6px}.tutorial-header h4{font-size:15px;font-weight:600;color:var(--text)}.tutorial-steps{display:flex;flex-direction:column;gap:12px}.tutorial-step{display:flex;gap:14px;align-items:flex-start}.step-number{width:28px;height:28px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.step-content{flex:1}.step-content strong{display:block;font-size:14px;color:var(--text);margin-bottom:4px}.step-content p{font-size:13px;color:var(--text-secondary);line-height:1.5}.step-content code{background:var(--surface-light);padding:2px 6px;border-radius:4px;font-size:12px}.tutorial-tip{margin-top:16px;padding:12px 16px;background:#28b8940a;border:1px solid rgba(40,184,148,.1);border-radius:8px}.tutorial-tip p{font-size:13px;color:var(--green-light);margin:0}.legal-section{background:transparent;border-top:1px solid var(--border-subtle);padding:32px 20px;margin-top:40px}.legal-inner{max-width:800px;margin:0 auto}.legal-section h4{font-size:14px;font-weight:600;color:var(--text);margin-bottom:16px}.legal-list{list-style:none;padding:0;margin:0 0 20px}.legal-list li{font-size:12px;color:var(--text-secondary);line-height:1.8;padding-left:16px;position:relative}.legal-list li:before{content:"•";position:absolute;left:0;color:var(--text-dim)}.legal-links{display:flex;justify-content:center;gap:8px;font-size:12px}.legal-links a{color:var(--purple-light);text-decoration:none;transition:color .15s}.legal-links a:hover{color:var(--purple);text-decoration:underline}.legal-sep{color:var(--text-dim)}.page-section{display:none}.page-section.active{display:block}.script-guide{margin-top:24px;padding:20px;background:#6c4dff0a;border:1px solid rgba(108,77,255,.1);border-radius:10px}.script-guide h4{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--purple-light);display:flex;align-items:center;gap:8px}.script-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.script-step{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#00000014;border-radius:8px;border:1px solid var(--border-subtle)}.script-step-num{width:28px;height:28px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.script-step-info{flex:1}.script-step-info strong{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.script-step-info p{font-size:13px;color:var(--text-secondary);margin:0}.script-note{padding:12px 16px;background:#28b8940a;border:1px solid rgba(40,184,148,.1);border-radius:8px}.script-note p{font-size:13px;color:var(--green-light);margin:0;display:flex;align-items:center;gap:8px}.script-section{padding:16px;background:#00000014;border:1px solid var(--border-subtle);border-radius:10px}.script-section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.script-section-header strong{font-size:14px;font-weight:600;color:var(--text)}.script-section-desc{font-size:13px;color:var(--text-secondary);margin:0 0 16px}.topbar-nav .btn.active{background:var(--purple);border-color:#724bff99;color:#fff;box-shadow:0 2px 8px #724bff33}.cards-grid .card{cursor:pointer}.cards-grid .card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #724bff1f}.icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;vertical-align:-.125em;fill:currentColor}.icon svg{width:100%;height:100%}.icon-sm{font-size:14px}.icon-md{font-size:16px}.icon-lg{font-size:20px}.icon-xl{font-size:24px}.config-methods{margin-bottom:24px}.more-settings{margin-bottom:20px;border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;background:var(--surface-elevated)}.more-settings-header{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.more-settings-header:hover{background:#724bff0d}.more-settings-title{font-size:14px;font-weight:600;color:var(--text);flex:1}.more-settings-summary{font-size:13px;color:var(--text-dim);background:#724bff14;padding:2px 10px;border-radius:20px;white-space:nowrap}.more-settings-arrow{display:flex;align-items:center;color:var(--text-dim);transition:transform .3s ease;flex-shrink:0}.more-settings-body{padding:0 16px 16px;animation:settingsSlideDown .25s ease}.more-settings-hint{font-size:13px;color:var(--text-dim);margin-bottom:12px;padding-top:4px}.model-checkbox-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.model-checkbox-item{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s}.model-checkbox-item:hover{border-color:var(--purple-light);background:#724bff08}.model-checkbox-item.checked{border-color:var(--purple);background:#724bff0f}.model-checkbox-item input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.model-checkbox-box{width:18px;height:18px;border:2px solid var(--border);border-radius:4px;flex-shrink:0;margin-top:2px;position:relative;transition:all .2s}.model-checkbox-item.checked .model-checkbox-box{background:var(--purple);border-color:var(--purple)}.model-checkbox-item.checked .model-checkbox-box:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.model-checkbox-info{display:flex;flex-direction:column;gap:2px;min-width:0}.model-checkbox-name{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:5px}.model-tip-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:500;color:#f5a623;background:#f5a6231f;padding:1px 7px 1px 5px;border-radius:10px;line-height:1.4;white-space:nowrap}.model-tip-badge svg{width:11px;height:11px;flex-shrink:0}.model-checkbox-desc{font-size:11px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-settings-actions{display:flex;gap:8px;margin-top:12px;align-items:center;flex-wrap:wrap}.more-settings-actions .btn{padding:4px 14px;font-size:12px}.backup-node-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:8px;padding:4px 12px;border-radius:8px;border:1px solid var(--border-subtle);transition:all .2s}.backup-node-toggle:hover{border-color:var(--purple-light)}.backup-node-toggle.checked{border-color:var(--purple);background:#724bff0f}.backup-node-toggle input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.backup-node-box{width:16px;height:16px;border:2px solid var(--border);border-radius:4px;position:relative;transition:all .2s;flex-shrink:0}.backup-node-toggle.checked .backup-node-box{background:var(--purple);border-color:var(--purple)}.backup-node-toggle.checked .backup-node-box:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.backup-node-label{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap}@keyframes settingsSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.method-tabs{display:flex;gap:8px;flex-wrap:wrap}.method-tab{padding:10px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1.4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.method-tab:hover{background:#724bff1a;border-color:var(--border-light);color:var(--text)}.method-tab.active{background:var(--purple);border-color:#724bff99;color:#fff;box-shadow:0 2px 8px #724bff33}.method-content{display:none}.method-content.active{display:block}.method-header{margin-bottom:20px}.method-header h4{font-size:16px;font-weight:600;color:var(--text);margin-bottom:8px}.method-header p{font-size:14px;color:var(--text-secondary)}.method-steps{margin-top:24px;padding:20px;background:#6c4dff0a;border:1px solid rgba(108,77,255,.08);border-radius:10px}.method-steps h4{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--purple-light)}.path-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px}.os-path{background:var(--surface-elevated);border-radius:8px;padding:16px;border:1px solid var(--border-subtle)}.os-path strong{display:block;font-size:14px;color:var(--text);margin-bottom:12px}.os-path ul{list-style:none;padding:0;margin:0}.os-path li{font-size:13px;color:var(--text-secondary);padding:6px 0;border-bottom:1px solid var(--border-subtle)}.os-path li:last-child{border-bottom:none}.os-path code{background:var(--surface-light);padding:2px 6px;border-radius:4px;font-size:12px;word-break:break-all}.ai-prompt-preview{background:#00000026;border-radius:10px;padding:16px;border:1px solid var(--border-subtle);max-height:200px;overflow-y:auto}.ai-prompt-preview pre{margin:0;font-family:Consolas,SF Mono,monospace;font-size:12px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}.cli-command-preview{background:#00000026;border-radius:10px;padding:16px;border:1px solid var(--border-subtle);max-height:200px;overflow-y:auto}.cli-command-preview pre{margin:0;font-family:Consolas,SF Mono,monospace;font-size:12px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all}.cli-open-section{margin-top:24px;padding:20px;background:#6c4dff0a;border:1px solid rgba(108,77,255,.08);border-radius:10px}.cli-open-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:600;color:var(--purple-light)}.cli-open-header strong{font-weight:600}.cli-open-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cli-open-card{background:var(--surface-elevated);border-radius:10px;border:1px solid var(--border-subtle);padding:16px}.cli-open-card-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;color:var(--text)}.cli-open-card-header strong{font-weight:600}.cli-open-card-body{display:flex;flex-direction:column;gap:12px}.cli-shortcut{display:flex;flex-direction:column;gap:4px}.cli-shortcut-label{font-size:12px;color:var(--text-secondary)}.cli-shortcut-keys{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:13px;color:var(--text)}.cli-shortcut-keys kbd{display:inline-block;padding:2px 8px;border-radius:4px;border:1px solid var(--border);background:var(--surface);font-family:Consolas,SF Mono,monospace;font-size:12px;font-weight:600;color:var(--text);box-shadow:0 1px 2px #00000014;min-width:20px;text-align:center}.key-plus{font-size:11px;color:var(--text-tertiary)}.cli-shortcut-desc{font-size:12px;color:var(--text-secondary);margin-left:4px}.cli-shortcut-desc code{font-size:12px;padding:1px 5px;border-radius:3px;background:#00000014}@media (max-width: 640px){.cli-open-grid{grid-template-columns:1fr}}.tip-box{margin-top:16px;padding:12px 16px;background:#28b8940a;border:1px solid rgba(40,184,148,.1);border-radius:8px}.tip-box p{font-size:13px;color:var(--green-light);margin:0;display:flex;align-items:center;gap:8px}.tutorial-card{background:var(--surface-elevated);border-radius:16px;border:1px solid var(--border-subtle);margin-bottom:24px;overflow:hidden;transition:all .3s ease}.tutorial-card:hover{border-color:var(--border-light);box-shadow:0 4px 20px #00000026}.tutorial-card-header{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#0000001a;border-bottom:1px solid var(--border-subtle)}.tutorial-card-icon{display:flex;gap:8px;align-items:center}.tutorial-card-icon img{border-radius:8px;box-shadow:0 2px 8px #0003}.tutorial-card-header h4{font-size:18px;font-weight:600;color:var(--text);margin:0 0 4px}.tutorial-card-header p{font-size:13px;color:var(--text-dim);margin:0}.tutorial-card-body{padding:24px;display:flex;flex-direction:column;gap:16px}.tutorial-step-card{display:flex;gap:16px;align-items:flex-start;padding:16px;background:#00000014;border-radius:12px;border:1px solid var(--border-subtle);transition:all .2s ease}.tutorial-step-card:hover{background:#724bff0f;border-color:var(--border-light)}.step-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #724bff4d}.step-info{flex:1}.step-info h5{font-size:15px;font-weight:600;color:var(--text);margin:0 0 6px}.step-info p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.ai-step-tip{animation:pulse-tip 1.8s ease-in-out infinite}.ai-step-tip:nth-of-type(2){animation-delay:.9s}@keyframes pulse-tip{0%,to{transform:translate(-50%) scale(1);opacity:.92;box-shadow:0 4px 12px #0000004d}50%{transform:translate(-50%) scale(1.08);opacity:1;box-shadow:0 6px 22px #724bffa6}}.step-paths{margin-top:10px;display:flex;flex-direction:column;gap:8px}.step-path{display:flex;align-items:center;gap:10px}.os-badge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.os-badge.win{background:#007aff26;color:#007aff;border:1px solid rgba(0,122,255,.2)}.os-badge.mac{background:#ff950026;color:#ff9500;border:1px solid rgba(255,149,0,.2)}.step-path code{background:#00000014;padding:6px 10px;border-radius:6px;font-size:12px;color:var(--text-secondary);font-family:Consolas,SF Mono,monospace;flex:1}.path-note{font-size:11px;color:var(--text-dim);padding:0 4px}.step-hint{font-size:12px;color:var(--text-dim);margin:8px 0 0;font-style:italic}.path-value{display:flex;align-items:center;gap:8px}.path-value code{flex:1}.copy-btn{padding:6px 8px;background:#724bff26;border:1px solid rgba(114,75,255,.3);border-radius:6px;color:var(--purple-light);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:#724bff40;border-color:#724bff80;transform:scale(1.05)}.copy-btn:active{transform:scale(.95)}.copy-btn .icon{width:14px;height:14px}.tutorial-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.tutorial-header-bar h3{margin-bottom:0}.tutorial-mode{display:none}.tutorial-mode.active{display:block}.btn-sm{padding:6px 12px;font-size:12px}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{background:var(--surface-elevated);border-color:var(--border-light);color:var(--text)}.quick-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.quick-step{display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--surface-elevated);border-radius:10px;border:1px solid var(--border-subtle)}.quick-step-number{width:32px;height:32px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.quick-step-content{flex:1}.quick-step-content strong{display:block;font-size:15px;color:var(--text);margin-bottom:4px}.quick-step-content p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.path-section{margin-top:24px;padding:20px;background:#6c4dff0a;border:1px solid rgba(108,77,255,.08);border-radius:10px}.path-section h4{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--purple-light);display:flex;align-items:center;gap:8px}.path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px}.path-card{background:var(--surface-elevated);border-radius:10px;border:1px solid var(--border-subtle);padding:16px}.path-card-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;color:var(--text)}.path-card-header strong{font-weight:600}.path-card-content{display:flex;flex-direction:column;gap:12px}.path-item{margin-bottom:0}.path-label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:4px}.path-item code{display:block;background:#00000026;padding:8px 12px;border-radius:6px;font-size:13px;color:var(--text-secondary);word-break:break-all;font-family:Consolas,SF Mono,monospace}.login-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.login-card{width:100%;max-width:420px;padding:40px}.login-header{text-align:center;margin-bottom:32px}.login-header img{margin-bottom:16px}.login-header h2{font-size:24px;font-weight:600;margin-bottom:8px;color:var(--text)}.login-header p{font-size:14px;color:var(--text-secondary)}.login-error{color:var(--red);font-size:13px;margin-bottom:16px;min-height:20px}.login-error:empty{display:none}.login-switch{text-align:center;font-size:14px;color:var(--text-secondary);margin-top:20px}.login-switch a{color:var(--purple-light);text-decoration:none;font-weight:500;margin-left:4px}.login-switch a:hover{text-decoration:underline}@media (max-width: 560px){.login-card{padding:28px 24px}.login-header h2{font-size:20px}}[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:#ffffff4d}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]:after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * .05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translate(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{-webkit-user-select:none;user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}body{background:linear-gradient(180deg,#f5f7fa,#f0f2f5)}#app{min-height:100vh;display:flex;flex-direction:column}.btn-activate{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important;font-weight:700;box-shadow:0 2px 8px #2563eb4d;border:none!important;line-height:1;top:-4px;padding-top:12px;padding-bottom:12px}.btn-activate:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb73;border:none!important;line-height:1;top:-4px}.btn-logout{background:linear-gradient(135deg,#ef4444,#f43f5e)!important;color:#fff!important;font-weight:700;box-shadow:0 2px 8px #ef44444d;border:none!important;line-height:1;top:-4px;padding-top:12px;padding-bottom:12px}.btn-logout:hover{background:linear-gradient(135deg,#dc2626,#e11d48)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #ef444473;border:none!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#modelsList strong{font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,Liberation Mono,monospace;display:inline-block}