:root{--bg:#1a1c23;--bg-elevated:#1e212a;--card:#242832;--card-hover:#2a2f3a;--line:#323846;--ink:#f3f4f6;--muted:#9ca3af;--muted-2:#6b7280;--purple:#8b5cf6;--purple-2:#a78bfa;--purple-soft:#8b5cf629;--green:#34d399;--green-soft:#34d39924;--yellow:#fbbf24;--yellow-soft:#fbbf2424;--red:#f87171;--red-soft:#f8717124;--radius:16px;--radius-lg:22px;--shadow:0 12px 40px #00000047;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,Outfit,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(900px 420px at 8% -10%, #8b5cf62e, transparent 55%), radial-gradient(700px 360px at 100% 0%, #34d3990f, transparent 50%), var(--bg);min-width:320px;min-height:100vh;margin:0}a{color:var(--purple-2);text-decoration:none;transition:color .18s}a:hover{color:#c4b5fd}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .4rem;font-family:Outfit,Noto Sans SC,sans-serif;font-weight:700}p{margin:0}.app-shell{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.route-progress{z-index:1100;pointer-events:none;opacity:0;transform-origin:0;background:0 0;height:2px;transition:opacity .2s;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.route-progress.on{opacity:1;background:linear-gradient(90deg, var(--purple), var(--purple-2), #c4b5fd);animation:.42s ease-out both route-progress-run}@keyframes route-progress-run{0%{transform:scaleX(.08)}70%{transform:scaleX(.82)}to{opacity:0;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.route-progress.on{opacity:0;animation:none}}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1c23e0;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.brand{min-width:max-content;color:var(--ink);align-items:center;gap:.65rem;text-decoration:none;display:flex}.brand:hover{color:var(--ink)}.brand-logo{object-fit:contain;background:#fff;border-radius:.55rem;display:block;box-shadow:0 0 0 1px #ffffff0f}.brand-logo-sm{width:auto;max-width:7.5rem;height:2.15rem;padding:.2rem .35rem}.brand-logo-md{width:auto;max-width:9rem;height:2.5rem;padding:.25rem .4rem}.brand-logo-lg{border-radius:.7rem;width:auto;max-width:12rem;height:3.4rem;padding:.35rem .5rem}.auth-brand{justify-content:center;margin-bottom:.85rem;display:flex}.brand-mark{background:linear-gradient(145deg,#a78bfa,#7c3aed);border-radius:.65rem;width:2.1rem;height:2.1rem;box-shadow:0 0 0 1px #ffffff14,0 8px 20px #7c3aed59}.brand-name{letter-spacing:.04em;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700}.nav{flex-wrap:wrap;flex:1;justify-content:center;gap:.25rem;display:flex}.nav a{color:var(--muted);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s;display:inline-flex}.nav a:hover,.nav a.active{background:var(--purple-soft);color:#e9d5ff}.nav-ico{opacity:.9;font-size:.95rem}.topbar-right{align-items:center;gap:.7rem;min-width:max-content;display:flex}.user-chip{background:var(--card);border:1px solid var(--line);color:inherit;border-radius:999px;align-items:center;gap:.55rem;padding:.3rem .55rem .3rem .35rem;text-decoration:none;transition:border-color .15s;display:flex}.user-chip:hover{border-color:#8b5cf673}.logout-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.38rem .7rem;font-size:.82rem;font-weight:500;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.logout-btn:hover{color:#fecaca;background:#ef44441a;border-color:#ef444447}.logout-ico{opacity:.85;font-size:.95rem;line-height:1}.logout-text{letter-spacing:.02em}.avatar{background:linear-gradient(145deg,#8b5cf6,#5b21b6);border-radius:50%;place-items:center;width:1.85rem;height:1.85rem;font-size:.75rem;font-weight:700;display:grid}.user-meta{flex-direction:column;font-size:.75rem;line-height:1.2;display:flex}.user-meta .balance{color:var(--purple-2);font-weight:600}.main{width:min(1120px,100% - 2rem);margin:1.25rem auto 2.5rem}.footer{text-align:center;color:var(--muted-2);border-top:1px solid var(--line);padding:1.25rem;font-size:.8rem}.page-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;display:flex}.page-head .muted{margin-top:.25rem}.checkin-home{margin-bottom:1rem;padding:.75rem .95rem}.checkin-home-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.checkin-home-title{flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;min-width:0;display:flex}.checkin-home-title strong{font-size:.95rem}.checkin-home-sub{margin:.35rem 0 0}.checkin-home-done{white-space:nowrap}.checkin-home-draw{align-items:baseline;gap:.5rem;margin-top:.45rem;display:flex}.checkin-home-draw strong{font-variant-numeric:tabular-nums;font-size:1.05rem}.checkin-home-claim{margin-top:.55rem}.checkin-home-prize{margin-bottom:.5rem;font-size:.9rem}.checkin-home-picks{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.45rem;margin-bottom:.55rem}.checkin-home-picks .checkin-pick{border-radius:10px;gap:.2rem;min-height:0;padding:.55rem .65rem}.checkin-home-picks .checkin-pick-remain{padding-left:1.35rem;font-size:.82rem}.checkin-home-picks .checkin-pick-name{font-size:.88rem}.checkin-home .btn.small{border-radius:10px;padding:.35rem .85rem;font-size:.85rem}.kb-list{gap:.65rem;display:grid}.kb-list-item{color:inherit;gap:.3rem;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.kb-list-item:hover{border-color:color-mix(in srgb, var(--accent,#8b5cf6) 40%, var(--line))}.kb-list-item p{margin:0}.kb-section-title{margin:0 0 .75rem;font-size:1.05rem;font-weight:650}.kb-announcement{margin-bottom:1.25rem;line-height:1.7}.kb-announcement p{margin:.45em 0}.kb-announcement p:first-child{margin-top:0}.kb-announcement p:last-child{margin-bottom:0}.kb-announcement ul,.kb-announcement ol{margin:.45em 0;padding-left:1.25rem}.kb-announcement a{color:var(--purple-2,#a78bfa)}.kb-announcement img{border-radius:8px;max-width:100%}.kb-dl-section{margin-bottom:1.5rem}.kb-articles-section{margin-bottom:.5rem}.kb-dl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.kb-dl-card{color:inherit;cursor:pointer;align-items:center;gap:.85rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.kb-dl-card:hover{border-color:color-mix(in srgb, var(--accent,#8b5cf6) 40%, var(--line))}.kb-dl-icon{background:var(--purple-soft,#8b5cf629);width:2.6rem;height:2.6rem;color:var(--purple-2,#c4b5fd);border-radius:12px;flex:none;place-items:center;display:grid}.kb-dl-icon-fa{font-size:1.2rem;line-height:1}.kb-dl-icon-img{object-fit:contain;width:1.55rem;height:1.55rem}.kb-dl-body{flex:1;gap:.2rem;min-width:0;display:grid}.kb-dl-body p{margin:0}.kb-article-nav{margin-bottom:.75rem}.kb-article-head h1{margin:0 0 .35rem;font-size:1.45rem}.kb-article-body{margin-top:1rem;line-height:1.75}.kb-article-body h1,.kb-article-body h2,.kb-article-body h3{margin:1em 0 .45em}.kb-article-body p{margin:.55em 0}.kb-article-body pre{background:color-mix(in srgb, var(--card) 80%, #000);border-radius:10px;padding:.75rem .9rem;overflow:auto}.kb-article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.kb-article-body img{border-radius:8px;max-width:100%}.kb-article-body a{color:var(--purple-2,#a78bfa)}.checkin-stats{flex-wrap:wrap;gap:1.5rem 2.5rem;margin-bottom:1rem;display:flex}.checkin-count{letter-spacing:-.02em;font-size:1.35rem;font-weight:650}.checkin-action,.checkin-claim,.checkin-draw{margin-bottom:1rem}.checkin-action .btn,.checkin-claim .btn{margin-top:.9rem}.checkin-draw{text-align:center;padding:1.4rem 1.25rem}.checkin-draw-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:.45rem;font-size:1.75rem;font-weight:700;transition:opacity .12s}.checkin-prize{border-bottom:1px solid var(--line);gap:.25rem;margin-bottom:1rem;padding-bottom:.95rem;display:grid}.checkin-prize strong{letter-spacing:-.02em;font-size:1.45rem}.checkin-pick-label{color:var(--muted);margin-bottom:.55rem;font-size:.85rem}.checkin-pick-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem;display:grid}.checkin-pick{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 92%, var(--bg));width:100%;min-height:5.5rem;color:inherit;cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.85rem .9rem;transition:border-color .15s,background .15s;display:flex}.checkin-pick:hover{border-color:color-mix(in srgb, var(--accent,#8b5cf6) 45%, var(--line))}.checkin-pick.on{border-color:var(--accent,#8b5cf6);background:color-mix(in srgb, var(--accent,#8b5cf6) 12%, var(--card))}.checkin-pick-top{align-items:center;gap:.55rem;width:100%;min-width:0;display:flex}.checkin-pick-dot{border:2px solid color-mix(in srgb, var(--muted) 55%, var(--line));border-radius:50%;flex:none;width:.95rem;height:.95rem;position:relative}.checkin-pick.on .checkin-pick-dot{border-color:var(--accent,#8b5cf6)}.checkin-pick.on .checkin-pick-dot:after{content:"";background:var(--accent,#8b5cf6);border-radius:50%;position:absolute;inset:2px}.checkin-pick-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:650;line-height:1.25;overflow:hidden}.checkin-pick-remain{font-variant-numeric:tabular-nums;padding-left:1.5rem;font-size:.95rem;font-weight:600}.checkin-pick-exp{padding-left:1.5rem}.panel,.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.15rem 1.25rem;transition:border-color .18s,transform .18s,background .18s}.muted{color:var(--muted)}.small{font-size:.85rem}.alert,.ok{border-radius:12px;margin-bottom:.9rem;padding:.75rem .9rem}.alert{background:var(--red-soft);color:#fecaca;border:1px solid #f8717159}.ok{background:var(--green-soft);color:#bbf7d0;border:1px solid #34d39959}.warn-box{background:var(--yellow-soft);color:#fde68a;border:1px solid #fbbf2459;border-radius:12px;margin-bottom:.9rem;padding:.85rem 1rem}label{color:var(--muted);flex-direction:column;gap:.35rem;margin:.7rem 0;font-size:.9rem;display:flex}label.inline{margin:0}input,select,textarea{border:1px solid var(--line);font:inherit;color:var(--ink);background:#1a1d25;border-radius:12px;outline:none;padding:.7rem .8rem;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.btn{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#2a2f3a;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1rem;font-weight:600;transition:background .18s,border-color .18s,transform .15s,opacity .18s;display:inline-flex}.btn:hover:not(:disabled){background:var(--card-hover);border-color:#3f4658}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.is-busy:disabled{opacity:.92}.btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:.95em;height:.95em;animation:.7s linear infinite page-spin}.btn:not(.primary) .btn-spinner{border-color:#8b5cf638;border-top-color:var(--purple-2,#a78bfa)}.btn.primary{color:#fff;background:linear-gradient(#9b6ef8,#8b5cf6);border-color:#0000;box-shadow:0 8px 22px #8b5cf647}.btn.primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn.ghost{background:0 0}.btn.ghost.active{border-color:var(--purple);background:var(--purple-soft);color:#e9d5ff}.btn-row{flex-wrap:wrap;gap:.55rem;margin-top:.85rem;display:flex}.badge{color:#d1d5db;background:#323846;border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.status-active,.status-paid{background:var(--green-soft);color:var(--green)}.status-pending{background:var(--yellow-soft);color:var(--yellow)}.status-paused,.status-expired,.status-failed,.status-cancelled{background:var(--red-soft);color:var(--red)}.meter{border:1px solid var(--line);background:#1a1d25;border-radius:999px;height:8px;margin:.85rem 0 .35rem;overflow:hidden}.meter-bar{border-radius:inherit;background:linear-gradient(90deg,#a78bfa,#8b5cf6);height:100%;transition:width .35s}.auth-page{background:radial-gradient(700px 360px at 20% 10%, #8b5cf638, transparent 55%), radial-gradient(600px 300px at 90% 80%, #8b5cf61a, transparent 50%), var(--bg);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{flex-direction:column;gap:.15rem;width:min(420px,100%);display:flex}.auth-card h1{font-size:1.6rem}.auth-brand{justify-content:center;align-items:center;margin-bottom:.85rem;display:flex}.hero-banner{border-radius:var(--radius-lg);background:linear-gradient(120deg,#8b5cf659,#1a1c2333 45%,#34d39914),linear-gradient(160deg,#2a2140,#1a1c23 70%);border:1px solid #8b5cf647;flex-direction:column;justify-content:center;gap:.45rem;min-height:168px;margin-bottom:.9rem;padding:1.6rem 1.5rem;display:flex;position:relative;overflow:hidden}.hero-slide{animation:.35s both hero-fade}.hero-slide h2{max-width:28rem;margin:0;font-size:clamp(1.35rem,3vw,1.85rem)}.hero-slide .muted{max-width:32rem;margin:.35rem 0 0}.hero-actions{margin-top:.85rem}.hero-cta{align-items:center;text-decoration:none;display:inline-flex}.hero-dots{gap:.35rem;margin-top:.85rem;display:flex}.hero-dots button{cursor:pointer;background:#fff3;border:none;border-radius:99px;width:1.4rem;height:3px;padding:0}.hero-dots button.on{background:#fff}@keyframes hero-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-slide{animation:none}}.notice-bar{color:#bfdbfe;background:#3b82f61f;border:1px solid #60a5fa47;border-radius:12px;align-items:center;gap:.55rem;min-height:2.6rem;margin-bottom:1rem;padding:.7rem 1rem;font-size:.9rem;display:flex}.notice-text{flex:1;min-width:0;animation:.3s both hero-fade}.home-instances{margin-bottom:1rem}.instance-list{flex-direction:column;gap:1rem;display:flex}.instance-card{width:100%}.instance-card-clickable{cursor:pointer;transition:border-color .18s,transform .18s,background .18s}.instance-card-clickable:hover{background:var(--card-hover);border-color:#8b5cf673;transform:translateY(-1px)}.instance-card-clickable:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.home-primary{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem;display:grid}.sub-card-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.9rem;display:flex}.sub-title{align-items:center;gap:.45rem;font-weight:700;display:flex}.sub-plan{color:var(--muted);flex-wrap:wrap;gap:.55rem 1rem;margin-bottom:1rem;font-size:.92rem;display:flex}.sub-plan strong{color:var(--ink);font-weight:600}.metrics{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.35rem;display:grid}.metric span{color:var(--muted-2);margin-bottom:.2rem;font-size:.78rem;display:block}.metric strong{font-family:Outfit,sans-serif;font-size:1.15rem}.sub-foot{color:var(--muted);flex-wrap:wrap;gap:.8rem 1.25rem;margin-top:.85rem;font-size:.88rem;display:flex}.renew-card{background:radial-gradient(280px 160px at 90% 10%, #8b5cf640, transparent 60%), var(--card);flex-direction:column;justify-content:space-between;min-height:100%;display:flex}.renew-card h3{margin-bottom:.4rem;font-size:1.25rem}.renew-illust{background:linear-gradient(145deg,#a78bfa59,#8b5cf614);border:1px solid #a78bfa40;border-radius:20px;place-items:center;width:72px;height:72px;margin:.8rem 0 1rem;font-size:1.8rem;display:grid}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.shortcut{color:inherit;grid-template-columns:1fr auto;gap:.5rem;min-height:118px;text-decoration:none;display:grid}.shortcut:hover{background:var(--card-hover);color:inherit;border-color:#8b5cf659;transform:translateY(-2px)}.shortcut h3{margin:.35rem 0 .25rem;font-size:1.05rem}.shortcut .ico{background:var(--purple-soft);width:2rem;height:2rem;color:var(--purple-2);border-radius:10px;place-items:center;display:grid}.shortcut .arrow{color:var(--muted-2);font-size:1.1rem}.shortcut .art{opacity:.9;background:linear-gradient(160deg,#8b5cf640,#34d39914);border-radius:16px;align-self:end;width:64px;height:64px}.store-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem;display:flex}.store-tab{border:1px solid var(--line);background:var(--card);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-weight:600;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.store-tab.on{color:var(--ink);border-color:var(--purple);background:var(--purple-soft);box-shadow:0 0 0 1px #8b5cf640}.store-tab-count{min-width:1.35rem;height:1.35rem;color:var(--muted-2);background:#ffffff0f;border-radius:999px;place-items:center;padding:0 .35rem;font-size:.75rem;display:inline-grid}.store-tab.on .store-tab-count{color:var(--purple-2);background:#8b5cf640}.store-section{margin-bottom:2rem}.store-section-head{margin-bottom:.9rem}.store-section-head h2{margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.plan-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.plan-card h2{font-size:1.2rem}.plan-buy-wrap{justify-content:center;margin:.85rem 0 .35rem;display:flex}.plan-buy{width:min(100%,220px);padding-left:1.5rem;padding-right:1.5rem}.plan-desc{margin-top:.85rem;font-size:.9rem;line-height:1.55}.plan-desc ul{margin:0;padding:0;list-style:none}.plan-desc li{color:var(--muted);margin:.65rem 0;padding-left:1.55rem;position:relative}.plan-desc li>i:first-child,.plan-desc li>.fa:first-child,.plan-desc li>.fas:first-child,.plan-desc li>.far:first-child,.plan-desc li>.fa-solid:first-child{text-align:center;width:1.15em;color:var(--purple-2);position:absolute;top:.2em;left:0}.plan-desc strong,.plan-desc b{color:var(--ink);font-weight:600}.plan-price{color:var(--purple-2);margin:.55rem 0;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700}.plan-price span{color:var(--muted);font-size:.9rem;font-weight:500}@media (width<=900px){.plan-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.plan-grid{grid-template-columns:1fr}}.pack-meta{flex-wrap:wrap;align-items:baseline;gap:.35rem .55rem;margin-top:.2rem;display:flex}.pack-price{color:var(--purple-2);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1rem;font-weight:700}.kv{margin:.5rem 0 1rem;padding:0;list-style:none}.kv li{border-bottom:1px dashed var(--line);color:var(--muted);justify-content:space-between;gap:1rem;padding:.45rem 0;font-size:.92rem;display:flex}.kv li strong{color:var(--ink);font-weight:600}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:.75rem .5rem}th{color:var(--muted);font-weight:600}.detail-layout{grid-template-columns:minmax(280px,360px) 1fr;gap:1rem;display:grid}.detail-side .plan-name{margin-bottom:.5rem;font-size:1.25rem}.stat-tiles{grid-template-columns:1fr 1fr;gap:.6rem;margin:.9rem 0;display:grid}.stat-tile{border:1px solid var(--line);background:#1a1d25;border-radius:12px;padding:.7rem}.stat-tile span{color:var(--muted-2);font-size:.75rem;display:block}.stat-tile strong{font-size:1rem}.stat-tile em{margin-top:.15rem;font-size:.72rem;font-style:normal;display:block}.action-grid{grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.9rem;display:grid}.action-grid .btn{justify-content:center;width:100%}.action-grid .btn:only-child{grid-column:1/-1}.detail-actions{gap:.65rem;margin-top:1.1rem;display:grid}.detail-actions>.btn.primary{justify-content:center;width:100%;min-height:2.55rem}.detail-actions-secondary{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.detail-actions-secondary:has(>:only-child){grid-template-columns:1fr}.detail-actions-secondary .btn{justify-content:center;width:100%;min-height:2.4rem;font-size:.88rem}.sub-links{border-top:1px solid var(--line);margin-top:1rem;padding-top:.95rem}.sub-links-label{color:var(--muted);margin-bottom:0;font-size:.78rem}.sub-links-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;display:flex}.sub-section-label{color:var(--muted-2);margin-bottom:.4rem;font-size:.72rem}.sub-section-or{margin-top:.75rem}.sub-link-card{border:1px solid var(--line);background:#ffffff06;border-radius:12px;gap:.35rem;margin-bottom:.55rem;padding:.85rem .85rem .9rem;display:grid}.sub-link-card:last-child{margin-bottom:0}.sub-link-meta{color:var(--muted-2);margin-bottom:.15rem;font-size:.72rem}.sub-link-copy{border-radius:10px;justify-content:center;justify-self:stretch;width:100%;padding:.45rem .75rem;font-size:.82rem}.sub-link-copy.copied{color:#86efac;border-color:#86efac59}.client-import-grid{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.15rem;display:grid}.client-import-btn{border:1px solid var(--line);color:var(--text);background:#ffffff08;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .55rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s,transform .12s;display:inline-flex}.client-import-btn:hover{color:var(--text);background:#8b5cf614;border-color:#8b5cf673;transform:translateY(-1px)}.client-ico-img{object-fit:cover;background:#000;border-radius:7px;flex:none;width:1.55rem;height:1.55rem;display:block}.chart-placeholder{border:1px dashed var(--line);min-height:220px;color:var(--muted-2);text-align:center;background:#1a1d25;border-radius:14px;place-items:center;padding:1.5rem;display:grid}.usage-chart{border:1px solid var(--line);background:#1a1d25;border-radius:14px;padding:.85rem .85rem .7rem;position:relative}.usage-chart.empty{place-items:center;min-height:180px;display:grid}.usage-chart-plot{position:relative}.usage-line-svg{cursor:crosshair;width:100%;height:auto;display:block;overflow:visible}.usage-grid{stroke:#ffffff0f;stroke-width:1px}.usage-guide{stroke:#c4b5fd8c;stroke-width:1px;stroke-dasharray:3 4;pointer-events:none}.usage-line{stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.usage-line.total{stroke:#c4b5fd}.usage-line.up{stroke:#a78bfa;stroke-dasharray:5 4;opacity:.9}.usage-line.down{stroke:#34d399;stroke-dasharray:5 4;opacity:.9}.usage-dot{fill:#c4b5fd;stroke:#1a1d25;stroke-width:1.5px;pointer-events:none}.usage-dot.active{fill:#ede9fe}.usage-tooltip{border:1px solid var(--line);min-width:148px;color:var(--text);pointer-events:none;z-index:2;background:#0f1115f0;border-radius:10px;padding:.55rem .7rem;font-size:.78rem;line-height:1.45;position:absolute;top:12px;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.usage-tooltip.left{transform:translate(-100%)}.usage-tooltip.right{transform:translate(0)}.usage-tooltip-time{color:var(--muted);margin-bottom:.2rem;font-size:.72rem}.usage-tooltip .up{color:#c4b5fd}.usage-tooltip .down{color:#6ee7b7}.usage-chart-xlabels{color:var(--muted-2);text-align:center;margin-top:.35rem;font-size:.72rem;display:grid}.usage-chart-legend{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.7rem;display:flex}.usage-chart-legend .dot{vertical-align:middle;border-radius:50%;width:.55rem;height:.55rem;margin-right:.28rem;display:inline-block}.usage-chart-legend .dot.total{background:#c4b5fd}.usage-chart-legend .dot.up{background:#a78bfa}.usage-chart-legend .dot.down{background:#34d399}.usage-chart-scale{margin-left:auto}.usage-chart-loading{letter-spacing:.02em}.tabs{gap:.4rem;margin-bottom:.85rem;display:flex}.tabs button{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .8rem}.tabs button.on{background:var(--purple-soft);color:#e9d5ff;border-color:#0000}.wallet-layout{grid-template-columns:1fr 1.15fr;gap:1rem;margin-bottom:1.25rem;display:grid}@media (width<=820px){.wallet-layout{grid-template-columns:1fr}}.wallet-hero,.wallet-topup{margin:0}.wallet-balance{flex-direction:column;gap:.2rem;display:flex}.wallet-balance strong{color:var(--purple-2);letter-spacing:.01em;font-family:Outfit,sans-serif;font-size:2.35rem;line-height:1.15}.wallet-account{margin:.55rem 0 0}.wallet-hint{margin:.55rem 0 0;line-height:1.5}.wallet-section-title{margin:0 0 .85rem;font-size:1.05rem;font-weight:650}.preset-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.preset-chip{border:1px solid var(--line);min-width:4.4rem;color:var(--ink);font:inherit;cursor:pointer;background:#1a1d25;border-radius:12px;padding:.55rem .85rem;font-weight:600;transition:border-color .15s,background .15s,color .15s}.preset-chip:hover{border-color:#8b5cf673}.preset-chip.active{border-color:var(--purple);background:var(--purple-soft);color:#e9d5ff}.wallet-custom{color:var(--muted);flex-direction:column;gap:.45rem;font-size:.88rem;display:flex}.yuan-input{border:1px solid var(--line);background:#14171e;border-radius:12px;align-items:center;gap:.35rem;padding:0 .85rem;transition:border-color .15s;display:flex}.yuan-input:focus-within{border-color:#8b5cf68c}.yuan-prefix{color:var(--muted);font-size:1rem;font-weight:600}.yuan-input input{color:var(--ink);font:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.75rem 0;font-size:1.15rem;font-weight:650}.yuan-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.yuan-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.yuan-input input[type=number]{appearance:textfield}.wallet-topup-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-top:1rem;display:flex}.wallet-topup-summary{gap:.2rem;min-width:0;display:grid}.wallet-topup-summary p{margin:0}.wallet-bonus{color:var(--ok,#34d399);margin:0;font-size:.9rem;font-weight:650}.wallet-pay-btn{border-radius:12px;min-width:8.5rem;padding:.7rem 1.2rem;font-weight:700}.wallet-orders-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.wallet-account-card{margin-bottom:1.25rem}.wallet-account-actions{flex-wrap:wrap;gap:.5rem;margin-top:.65rem;display:flex}.wallet-email-block{border-top:1px dashed var(--line);margin-top:.85rem;padding-top:.85rem}.app-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a10b8;place-items:center;padding:1.25rem;animation:.22s ease-out both checkout-overlay-in;display:grid;position:fixed;inset:0}.app-modal-overlay.is-exiting{pointer-events:none;animation:.2s ease-in both checkout-overlay-out}.app-modal{transform-origin:50%;border:1px solid #8b5cf638;width:min(440px,100%);padding:1.25rem 1.35rem 1.4rem;animation:.28s cubic-bezier(.22,1,.36,1) both checkout-shell-in;box-shadow:0 20px 50px #00000073}.app-modal.app-modal-wide{width:min(820px,100%)}.access-log-table{max-height:min(52vh,420px);margin-top:.75rem;overflow:auto}.access-log-table .nowrap{white-space:nowrap}.access-log-table .ua-cell{text-overflow:ellipsis;white-space:nowrap;max-width:280px;color:var(--muted);font-size:.82rem;overflow:hidden}.app-modal.is-exiting{animation:.2s ease-in both checkout-shell-out}.app-modal h2{margin:0 0 .55rem;font-size:1.2rem}.app-modal-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.app-modal-head h2{margin:0}.app-modal-actions{justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}.app-modal-actions.stack{flex-direction:column}.app-modal-actions .btn{justify-content:center;min-width:5.5rem}.app-modal-actions.stack .btn{width:100%;min-width:0}.btn.primary.danger{background:linear-gradient(#f87171,#ef4444);box-shadow:0 8px 20px #ef444447}.btn.primary.danger:hover:not(:disabled){filter:brightness(1.06)}@media (prefers-reduced-motion:reduce){.app-modal-overlay,.app-modal,.app-modal-overlay.is-exiting,.app-modal.is-exiting{animation:none}}.fab{color:#fff;cursor:pointer;z-index:30;background:linear-gradient(#9b6ef8,#8b5cf6);border:none;border-radius:50%;width:3.1rem;height:3.1rem;font-size:1.25rem;transition:transform .15s;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 10px 28px #8b5cf666}.fab:hover{transform:translateY(-2px)scale(1.03)}@keyframes checkout-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes checkout-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes checkout-shell-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes checkout-shell-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(12px)scale(.96)}}.checkout-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a10b8;place-items:center;padding:1.25rem;animation:.22s ease-out both checkout-overlay-in;display:grid;position:fixed;inset:0;overflow:auto}.checkout-overlay.is-exiting{pointer-events:none;animation:.2s ease-in both checkout-overlay-out}.checkout-shell{transform-origin:50%;border:1px solid #8b5cf638;width:min(820px,100%);max-height:min(90vh,820px);padding:1.1rem 1.15rem 1.2rem;animation:.28s cubic-bezier(.22,1,.36,1) both checkout-shell-in;overflow:auto;box-shadow:0 24px 80px #0000008c}.checkout-shell.is-compact{width:min(420px,100%);padding:1rem 1.05rem 1.1rem}.checkout-shell.is-exiting{animation:.2s ease-in both checkout-shell-out}@media (prefers-reduced-motion:reduce){.checkout-overlay,.checkout-shell,.checkout-overlay.is-exiting,.checkout-shell.is-exiting,.app-modal-overlay,.app-modal,.app-modal-overlay.is-exiting,.app-modal.is-exiting{animation:none}}.checkout-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.checkout-shell.is-compact .checkout-head{margin-bottom:.55rem}.checkout-head h1{align-items:center;gap:.55rem;font-size:1.2rem;display:flex}.checkout-shell.is-compact .checkout-head h1{font-size:1.1rem}.checkout-logo{background:linear-gradient(145deg,#a78bfa,#7c3aed);border-radius:.4rem;width:1.5rem;height:1.5rem;display:inline-block}.checkout-brand.brand-logo-sm{border-radius:.4rem;max-width:5.8rem;height:1.7rem;padding:.12rem .28rem}.checkout-grid{grid-template-columns:1.25fr .85fr;gap:1rem;display:grid}.checkout-plan-title{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.75rem;display:flex}.checkout-plan-title strong{color:var(--purple-2);font-size:1.15rem}.checkout-bag{background:linear-gradient(145deg,#a78bfa,#7c3aed);border-radius:.35rem;flex-shrink:0;width:1.35rem;height:1.35rem;display:inline-block;box-shadow:inset 0 -2px #00000026}.checkout-bag.sm{vertical-align:-.1rem;border-radius:.25rem;width:1rem;height:1rem;margin-right:.35rem}.checkout-tag{color:#86efac;background:#22c55e1f;border:1px solid #22c55e59;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.pay-item-main{align-items:center;gap:.7rem;min-width:0;display:flex}.pay-mark{border-radius:.55rem;flex-shrink:0;place-items:center;width:2.1rem;height:2.1rem;font-size:.72rem;font-weight:700;display:grid}.pay-mark.balance{color:var(--purple-2);background:#8b5cf633}.pay-mark.online{color:#93c5fd;background:#60a5fa26}.pay-mark.alipay{color:#69b1ff;background:#1677ff33}.pay-mark.wxpay{color:#5ee29b;background:#07c16033}.checkout-hint{font-size:.85rem;line-height:1.45}.coupon-placeholder{flex-direction:column;gap:.35rem;margin-top:.65rem;display:flex}.coupon-placeholder input{opacity:.7;width:100%}.coupon-box{flex-direction:column;gap:.4rem;margin-top:.75rem;display:flex}.coupon-row{gap:.4rem;display:flex}.coupon-row input{flex:1;min-width:0}.coupon-apply{flex-shrink:0;padding-inline:.75rem!important}.coupon-applied{justify-content:space-between;align-items:center;gap:.5rem;font-size:.88rem;display:flex}.coupon-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:.82rem;text-decoration:underline}.coupon-error{color:#f87171;font-size:.82rem}.summary-row.discount strong{color:#5ee29b}.checkout-section-title{color:var(--muted);margin:.75rem 0 .5rem;font-size:.9rem;font-weight:600}.duration-list,.pay-list{flex-direction:column;gap:.5rem;display:flex}.duration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.duration-card{text-align:left;border:1px solid var(--line);width:100%;min-height:5.4rem;color:var(--ink);font:inherit;cursor:pointer;background:#1a1d25;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.7rem .75rem;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.duration-card:hover{border-color:#8b5cf673}.duration-card.on{border-color:var(--purple);background:var(--purple-soft);box-shadow:0 0 0 1px #8b5cf640}.duration-card-top{justify-content:space-between;align-items:center;gap:.35rem;width:100%;display:flex}.duration-card-top strong{font-size:.92rem}.duration-card-price{color:#f3f0ff;margin-top:.15rem;font-size:1.05rem;font-weight:700}.duration-item,.pay-item{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;cursor:pointer;background:#1a1d25;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;transition:border-color .18s,background .18s;display:flex;position:relative}.duration-item.on,.pay-item.on{border-color:var(--purple);background:var(--purple-soft);box-shadow:0 0 0 1px #8b5cf640}.duration-main{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.15rem;font-weight:600;display:flex}.duration-discount{color:#86efac;white-space:nowrap;background:#22c55e24;border:1px solid #22c55e59;border-radius:999px;padding:.08rem .4rem;font-size:.68rem;font-weight:700}.pay-item .check{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:1.4rem;height:1.4rem;font-size:.8rem;font-weight:700;display:grid}.checkout-right .summary-card{border:1px solid var(--line);background:#1a1d25;border-radius:14px;margin:.75rem 0;padding:1rem}.summary-row{color:var(--muted);justify-content:space-between;gap:1rem;padding:.45rem 0;display:flex}.summary-row.total{border-top:1px dashed var(--line);color:var(--ink);margin-top:.35rem;padding-top:.75rem}.summary-row.total strong{color:var(--purple-2);font-family:Outfit,sans-serif;font-size:1.35rem}.agree{color:var(--muted);flex-direction:row;align-items:center;gap:.5rem;font-size:.88rem}.agree input{width:auto;accent-color:var(--purple)}.agree-note{margin:0 0 .55rem;line-height:1.4}.linkish{color:var(--purple-2)}.checkout-cta{width:100%;margin-top:.75rem;padding:.85rem 1rem}.checkout-cancel{justify-content:center;width:100%;margin-top:.5rem}.coupon-link{width:100%;color:var(--purple-2);font:inherit;cursor:pointer;text-align:center;background:0 0;border:none;margin-top:.65rem;display:block}.coupon-link:hover{text-decoration:underline}.info-box{border:1px solid var(--line);background:#1a1d25;border-radius:14px;padding:.85rem 1rem}.pay-stage{text-align:center;flex-direction:column;align-items:center;gap:.85rem;max-width:100%;margin:0 auto;padding:.15rem 0 0;display:flex}.pay-stage-head{flex-direction:column;align-items:center;gap:.2rem;display:flex}.pay-stage-kicker{letter-spacing:.04em;margin:0;font-size:.82rem}.pay-stage-amount{letter-spacing:-.03em;color:#f3f0ff;font-size:1.75rem;font-weight:700;line-height:1.15}.pay-stage-meta{margin:0;font-size:.82rem}.pay-panel{background:0 0;border:none;border-radius:0;flex-direction:column;align-items:center;gap:.55rem;width:100%;padding:.35rem 0 .15rem;display:flex}.pay-panel-title{margin:0;font-size:1rem;font-weight:600}.pay-panel-hint{color:var(--muted);margin:0;font-size:.84rem;line-height:1.45}.qr-frame{background:#fff;border-radius:12px;padding:.5rem;box-shadow:0 10px 28px #00000047}.qr-frame img{border-radius:4px;width:180px;height:180px;display:block}.pay-panel-link{color:#c4b5fd;border-bottom:1px solid #c4b5fd59;padding-bottom:1px;font-size:.88rem;text-decoration:none}.pay-panel-link:hover{color:#ddd6fe;border-bottom-color:#ddd6feb3}.pay-wait-hint{margin:0}.pay-stage-actions{flex-direction:column;gap:.5rem;width:100%;display:flex}.pay-stage-actions .btn{width:100%}.pay-success{text-align:center;flex-direction:column;align-items:center;gap:.55rem;padding:.35rem 0 .25rem;display:flex}.pay-success-mark{color:#fff;background:radial-gradient(circle at 35% 30%,#4ade80,#16a34a 70%);border-radius:50%;place-items:center;width:3.4rem;height:3.4rem;margin:.35rem 0 .15rem;font-size:1.55rem;font-weight:700;line-height:1;animation:.45s cubic-bezier(.22,1,.36,1) both pay-success-pop;display:grid;box-shadow:0 0 0 6px #22c55e1f,0 10px 28px #16a34a38}.pay-success-title{letter-spacing:.02em;margin:0;font-size:1.35rem;font-weight:700}.pay-success-sub{max-width:22rem;margin:0;font-size:.9rem;line-height:1.5}.pay-success-card{border:1px solid var(--line);text-align:left;background:linear-gradient(#1c1f28 0%,#171a22 100%);border-radius:14px;width:100%;max-width:22rem;margin:.55rem 0 .35rem;padding:.85rem 1rem}.pay-success-row{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding:.4rem 0;font-size:.9rem;display:flex}.pay-success-row+.pay-success-row{border-top:1px dashed var(--line)}.pay-success-row strong{color:var(--ink);font-weight:600}.pay-success-amount{font-size:1.05rem;color:var(--green)!important}.pay-success-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;width:100%;margin-top:.75rem;display:flex}.btn.ghost-strong{color:#e9d5ff;background:#8b5cf61f;border-color:#8b5cf673}.btn.ghost-strong:hover:not(:disabled){background:#8b5cf633}.btn.small{padding:.28rem .65rem;font-size:.82rem}@keyframes pay-success-pop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pay-success-mark{animation:none}}.order-detail-grid{align-items:start}.order-detail-sub{margin:-.55rem 0 1rem}.order-product-cell{flex-direction:column;gap:.1rem;min-width:7rem;display:flex}.order-product-cell strong{font-weight:650}.order-row{cursor:pointer}.order-row:hover td{background:#8b5cf60f}@media (width<=900px){.order-detail-grid{grid-template-columns:1fr}}.pay-voucher{display:none}@media (width<=900px){.checkout-grid{grid-template-columns:1fr}.duration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.duration-grid{grid-template-columns:1fr 1fr}}.empty-state{text-align:center;color:var(--muted);padding:1.5rem 1rem}.page-loading{flex-direction:column;justify-content:center;align-items:center;gap:.85rem;min-height:14rem;padding:2.5rem 1rem;display:flex}.page-loading-spinner{border:3px solid #8b5cf633;border-top-color:var(--purple-2);border-radius:50%;width:2.4rem;height:2.4rem;animation:.7s linear infinite page-spin}.page-loading-inline{min-height:8rem;padding:1.25rem}@keyframes page-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.page-loading-spinner{border-top-color:var(--purple-2);opacity:.85;animation:none}}.auth-inline{align-items:stretch;gap:.5rem;display:flex}.auth-inline input{flex:1;min-width:0}.auth-inline .btn{white-space:nowrap;flex-shrink:0}.input-group{align-items:stretch;width:100%;display:flex}.input-group input{flex:1;min-width:0;border-right:none!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.input-group .btn{white-space:nowrap;flex-shrink:0;margin:0;border-top-left-radius:0!important;border-bottom-left-radius:0!important}@keyframes page-reveal-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.page-reveal{animation:.4s cubic-bezier(.22,1,.36,1) both page-reveal-in}.page-reveal-stagger>*{opacity:0;animation:.42s cubic-bezier(.22,1,.36,1) both page-reveal-in}.page-reveal-stagger>:first-child{animation-delay:40ms}.page-reveal-stagger>:nth-child(2){animation-delay:90ms}.page-reveal-stagger>:nth-child(3){animation-delay:.14s}.page-reveal-stagger>:nth-child(4){animation-delay:.19s}.page-reveal-stagger>:nth-child(5){animation-delay:.24s}.page-reveal-stagger>:nth-child(6){animation-delay:.29s}.page-reveal-stagger>:nth-child(n+7){animation-delay:.34s}@media (prefers-reduced-motion:reduce){.page-reveal,.page-reveal-stagger>*{opacity:1;animation:none;transform:none}}.nav-mobile{z-index:40;padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1a1c23f5;grid-template-columns:repeat(6,1fr);gap:0;display:none;position:fixed;bottom:0;left:0;right:0}.nav-mobile a{color:var(--muted);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.35rem .2rem;font-size:.68rem;font-weight:500;text-decoration:none;display:flex}.nav-mobile a.active{color:#e9d5ff;background:var(--purple-soft)}.nav-mobile .nav-ico{font-size:1.05rem;line-height:1;position:relative}.nav-badge{color:#1a1b22;background:#a78bfa;border-radius:999px;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;margin-left:.25rem;padding:0 .28rem;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.nav-badge.mini{min-width:.95rem;height:.95rem;margin:0;font-size:.6rem;position:absolute;top:-.35rem;right:-.55rem}.ticket-filters{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.ticket-filters .btn.active{border-color:var(--purple-2,#a78bfa);color:#e9d5ff}.ticket-list{gap:.65rem;display:grid}.ticket-list-item{color:inherit;gap:.35rem;text-decoration:none;display:grid}.ticket-list-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.ticket-unread-dot{vertical-align:middle;background:#a78bfa;border-radius:50%;width:.45rem;height:.45rem;margin-left:.4rem;display:inline-block}.ticket-status{border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;padding:.15rem .45rem;font-size:.78rem}.ticket-status.st-open,.ticket-status.st-customer_reply{color:#fbbf24;border-color:color-mix(in srgb, #fbbf24 40%, var(--line))}.ticket-status.st-answered{color:#86efac;border-color:color-mix(in srgb, #86efac 40%, var(--line))}.ticket-form{gap:.85rem;display:grid}.ticket-form label{gap:.35rem;font-size:.9rem;display:grid}.ticket-label{margin-bottom:.35rem;font-size:.9rem}.ticket-form input,.ticket-form textarea,.ticket-reply textarea{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 80%, #000);width:100%;color:inherit;font:inherit;border-radius:10px;padding:.65rem .75rem}.ui-select-wrap{position:relative}.ui-select{appearance:none;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 80%, #000);width:100%;color:inherit;font:inherit;cursor:pointer;border-radius:10px;padding:.65rem 2.2rem .65rem .75rem}.ui-select:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft);outline:none}.ui-select-caret{pointer-events:none;color:var(--muted);font-size:.75rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.ui-dd{position:relative}.ui-dd-trigger{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 80%, #000);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;padding:.65rem .75rem;display:flex}.ui-dd.open .ui-dd-trigger,.ui-dd-trigger:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft);outline:none}.ui-dd-value{flex:1;gap:.15rem;min-width:0;display:grid}.ui-dd-value.placeholder{color:var(--muted)}.ui-dd-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-dd-meta{color:var(--muted);font-size:.82rem}.ui-dd-caret{color:var(--muted);flex-shrink:0;font-size:.75rem}.ui-dd-menu{z-index:40;border:1px solid var(--line);background:#1a1d25;border-radius:12px;max-height:280px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 12px 32px #00000073}.ui-dd-option{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:.12rem;padding:.55rem .65rem;display:grid}.ui-dd-option:hover,.ui-dd-option.on{background:color-mix(in srgb, var(--purple) 18%, transparent)}.ui-dd-required{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ui-chips{flex-wrap:wrap;gap:.4rem;display:flex}.ui-chip{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 80%, #000);color:inherit;font:inherit;cursor:pointer;border-radius:10px;padding:.5rem .85rem;transition:border-color .15s,background .15s}.ui-chip:hover{border-color:#3f4658}.ui-chip.on{border-color:color-mix(in srgb, var(--purple) 55%, var(--line));background:color-mix(in srgb, var(--purple) 18%, transparent);color:#fff}.ui-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ui-file{gap:.55rem;display:grid}.ui-file-drop{border:1px dashed var(--line);background:color-mix(in srgb, var(--card) 70%, #000);border-radius:12px;justify-items:start;gap:.35rem;padding:1rem;transition:border-color .15s,background .15s;display:grid}.ui-file-drop.over{border-color:var(--purple);background:color-mix(in srgb, var(--purple) 12%, transparent)}.ui-file-title{margin:0;font-weight:600}.ui-file-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.ui-file-list li{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 80%, #000);border-radius:10px;align-items:center;gap:.5rem;padding:.45rem .65rem;display:flex}.ui-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ui-file-remove{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 .2rem;font-size:1.15rem;line-height:1}.ui-file-remove:hover{color:#f87171}.ticket-form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.ticket-detail-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.ticket-detail-head h1{margin:0 0 .35rem;font-size:1.25rem}.ticket-thread{flex-direction:column;gap:1rem;margin-bottom:1rem;padding:.35rem 0;display:flex}.ticket-chat-row{flex-direction:column;gap:.28rem;max-width:min(78%,520px);display:flex}.ticket-chat-row.me{align-self:flex-end;align-items:flex-end}.ticket-chat-row.them{align-self:flex-start;align-items:flex-start}.ticket-chat-meta{color:var(--muted);align-items:baseline;gap:.5rem;padding:0 .15rem;font-size:.78rem;display:flex}.ticket-chat-meta strong{color:var(--ink);font-weight:600}.ticket-bubble{word-break:break-word;border:0;border-radius:14px;padding:.7rem .9rem;line-height:1.65}.ticket-chat-row.them .ticket-bubble{color:var(--ink);background:#2a2f3a;border-top-left-radius:4px}.ticket-chat-row.me .ticket-bubble{color:#fff;background:linear-gradient(#9b6ef8,#8b5cf6);border-top-right-radius:4px}.ticket-bubble-body{white-space:pre-wrap}.ticket-att-link{color:inherit;cursor:pointer;font:inherit;opacity:.92;background:0 0;border:0;margin-top:.45rem;margin-right:.45rem;padding:0;text-decoration:underline;display:inline-block}.ticket-chat-row.them .ticket-att-link{color:var(--purple-2,#a78bfa)}.ticket-reply{border-top:1px solid var(--line);gap:.65rem;padding-top:1rem;display:grid}.ticket-reply-btns{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}@media (width<=900px){.ticket-form-row{grid-template-columns:1fr}}.services-card-list,.wallet-orders-cards{gap:.65rem;display:none}@media (width<=900px){.home-primary,.detail-layout{grid-template-columns:1fr}.nav-desktop{display:none}.nav-mobile{display:grid}.topbar{flex-wrap:nowrap;gap:.65rem;padding:.65rem .85rem}.topbar-right{min-width:0;margin-left:auto}.user-meta span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.logout-text{display:none}.logout-btn{padding:.42rem .55rem}.main{width:min(1120px,100% - 1.2rem);margin:.85rem auto 5.5rem}.footer{display:none}.shortcut-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.metric strong{word-break:break-all;font-size:.95rem}.metric span{font-size:.72rem}.usage-chart-legend{gap:.45rem .75rem}.usage-chart-scale{width:100%;margin-left:0}.page-head{flex-direction:column}.page-head .btn{justify-content:center;width:100%}.services-table-desktop,.wallet-orders-table{display:none}.services-card-list,.wallet-orders-cards{display:grid}.wallet-balance strong{font-size:1.85rem}.wallet-topup-foot{flex-direction:column;align-items:stretch}.wallet-pay-btn{width:100%}.wallet-account-actions{grid-template-columns:1fr 1fr;display:grid}.wallet-account-actions .btn{justify-content:center;width:100%}.checkin-home-head,.pack-list>div{flex-wrap:wrap}.kb-dl-grid{grid-template-columns:1fr}}.service-mobile-card,.wallet-order-card{color:inherit;text-align:left;width:100%;font:inherit;cursor:pointer;text-decoration:none}.service-mobile-head,.wallet-order-card-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.service-mobile-grid{grid-template-columns:1fr 1fr;gap:.55rem .75rem;font-size:.88rem;display:grid}.service-mobile-grid .muted{margin-bottom:.12rem;display:block}.wallet-order-card-title{margin-bottom:.35rem;font-weight:600}.wallet-order-card-meta{flex-wrap:wrap;gap:.35rem .75rem;margin-bottom:.45rem;display:flex}.wallet-order-card-amount{color:var(--purple-2);font-size:1.05rem;font-weight:700}