:root{--radius: 16px;--radius2: 22px;--radius3: 28px;--s-2: 2px;--s-4: 4px;--s-6: 6px;--s-8: 8px;--s-10: 10px;--s-12: 12px;--s-14: 14px;--s-16: 16px;--s-18: 18px;--s-20: 20px;--s-24: 24px;--s-28: 28px;--s-32: 32px;--s-40: 40px;--font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--lh-tight: 1.15;--lh-snug: 1.25;--lh-normal: 1.45;--ls-tight: -.02em;--ls-snug: -.01em;--ease-out: cubic-bezier(.2,.8,.2,1);--ease-in: cubic-bezier(.4,0,1,1);--ease-spring: cubic-bezier(.2,1.1,.2,1);--dur-1: .12s;--dur-2: .18s;--dur-3: .26s;--dur-4: .42s;--elev-0: 0 0 0 rgba(0,0,0,0);--elev-1: var(--shadow2);--elev-2: var(--shadow);--elev-3: 0 26px 80px rgba(0,0,0,.45);--primary: #087CA6;--primaryText: #FFFFFF;--safeBottom: env(safe-area-inset-bottom, 0px);--safeTop: env(safe-area-inset-top, 0px);--app-max: 1040px;--app-gutter: 16px;--focus: 0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--text);background:radial-gradient(900px 420px at 18% -10%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 62%),radial-gradient(700px 340px at 92% 12%,rgba(255,255,255,.06),transparent 64%),var(--bg)}:root{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}::selection{background:color-mix(in srgb,var(--primary) 26%,transparent)}a{color:inherit}.page{min-height:100vh}.container{max-width:980px;margin:0 auto;padding:18px}.stack{display:grid;gap:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);box-shadow:var(--shadow);padding:16px}.field{display:grid;gap:6px}.label{font-size:12px;color:var(--muted)}.input{width:100%;padding:12px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface) 82%,transparent));color:var(--text);outline:none}.input:focus{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,transparent)}.btn{border:0;border-radius:var(--radius);padding:12px;font-weight:820;cursor:pointer;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),filter var(--dur-2) var(--ease-out)}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.6;cursor:not-allowed}.btnSolid{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 96%,white),color-mix(in srgb,var(--primary) 86%,black));color:var(--primaryText);box-shadow:0 16px 40px color-mix(in srgb,var(--primary) 18%,rgba(0,0,0,.45))}.btnSolid:hover{filter:brightness(1.03)}.btnSecondary{background:color-mix(in srgb,var(--surface2) 88%,transparent);color:var(--text);border:1px solid var(--border)}.btnGhost{background:transparent;color:var(--text);border:1px solid var(--border)}.alert{padding:10px;border-radius:14px;background:#ef44441a;border:1px solid rgba(239,68,68,.22);font-size:13px}.linkBtn{background:transparent;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);color:var(--text);padding:8px 10px;border-radius:12px;font-weight:780;cursor:pointer}.state{display:flex;gap:12px;align-items:center;padding:12px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);background:color-mix(in srgb,var(--surface) 85%,transparent);margin:14px 0}.stateErr{border-color:#ef444447;background:#ef44440f}.stateTitle{font-weight:860;letter-spacing:-.01em}.stateSub{margin-top:3px;font-size:12px;color:var(--muted)}.stateDetails{margin-top:6px;font-size:12px;color:color-mix(in srgb,var(--text) 78%,transparent)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,var(--text) 18%,transparent);border-top-color:color-mix(in srgb,var(--text) 72%,transparent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{position:relative;overflow:hidden;background:color-mix(in srgb,var(--text) 8%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:14px}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-60%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);animation:shimmer 1.15s ease-in-out infinite}@keyframes shimmer{to{transform:translate(60%)}}.iconBtn,.tab,.filterChip,.payItem,.linkBtn{transform:translateZ(0)}.iconBtn:active,.tab:active,.filterChip:active,.linkBtn:active{transform:translateY(1px) scale(.99);filter:brightness(.98)}@media(hover:hover){.tab:hover,.iconBtn:hover,.filterChip:hover,.linkBtn:hover{filter:brightness(1.03)}}@media(prefers-reduced-motion:reduce){.btn{transition:none}.skeleton:after{animation:none}}.flagshipRoot{min-height:100vh}.appShell{min-height:100vh;display:flex;flex-direction:column}.appMain{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-padding-top:calc(10px + var(--safeTop));padding-bottom:calc(92px + var(--safeBottom))}.routeWrap{min-height:100%}.flagshipPage{min-height:100vh}.hero{position:relative;padding-top:calc(10px + var(--safeTop));padding-bottom:14px}.heroBg{position:absolute;inset:0;background:radial-gradient(980px 380px at 18% 10%,color-mix(in srgb,var(--primary) 38%,transparent),transparent 62%),radial-gradient(720px 320px at 90% 30%,rgba(255,255,255,.08),transparent 66%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 70%,black),var(--bg));border-bottom-left-radius:26px;border-bottom-right-radius:26px}.heroInner{position:relative;max-width:980px;margin:0 auto;padding:10px 16px 0}.heroTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.heroBrand{display:flex;gap:10px;align-items:center;min-width:0}.heroLogo{width:42px;height:42px;border-radius:16px;object-fit:cover;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);box-shadow:0 18px 50px #00000059}.heroMark{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;font-weight:920;letter-spacing:-.02em;color:var(--primaryText);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 92%,white),color-mix(in srgb,var(--primary) 80%,black));box-shadow:0 18px 50px #00000059}.heroBrandMeta{min-width:0}.heroBrandName{font-weight:920;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heroBrandTag{margin-top:2px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);background:color-mix(in srgb,var(--surface) 70%,transparent);color:color-mix(in srgb,var(--text) 86%,transparent);width:fit-content}.topbar{position:sticky;top:0;z-index:30;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 85%,transparent)}.topbar-inner{max-width:980px;margin:0 auto;padding:10px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;background:transparent;border:0;padding:6px 8px;border-radius:14px;cursor:pointer}.brand:hover{background:color-mix(in srgb,var(--surface) 55%,transparent)}.brand-dot{width:12px;height:12px;border-radius:999px;background:var(--primary);box-shadow:0 10px 30px color-mix(in srgb,var(--primary) 22%,rgba(0,0,0,.6))}.brand-name{font-weight:920;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topnav{display:inline-flex;gap:6px;padding:6px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);background:color-mix(in srgb,var(--surface) 70%,transparent)}.topnav-link{background:transparent;border:0;padding:8px 10px;border-radius:14px;cursor:pointer;font-weight:860;color:color-mix(in srgb,var(--text) 82%,transparent)}.topnav-link.is-active{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--text);box-shadow:0 10px 28px color-mix(in srgb,var(--primary) 10%,rgba(0,0,0,.5))}.topbar-actions{display:flex;justify-content:flex-end}.btn.ghost{background:transparent;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);color:var(--text);padding:10px 12px;border-radius:16px;font-weight:900}.content{max-width:980px;margin:0 auto;padding:16px}.footer{margin-top:22px;border-top:1px solid color-mix(in srgb,var(--border) 85%,transparent);background:color-mix(in srgb,var(--bg) 70%,transparent)}.footer-inner{max-width:980px;margin:0 auto;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--muted);font-size:12px}.heroActions{display:flex;gap:8px}.iconBtn{display:inline-flex;align-items:center;gap:8px;padding:9px 10px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--surface) 18%,transparent);color:var(--text);font-weight:800;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.iconBtnIcon{width:18px;height:18px;display:inline-grid}.iconBtnIcon svg{width:18px;height:18px}.iconBtnText{display:none}@media(min-width:420px){.iconBtnText{display:inline}}.heroBottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:14px;padding-bottom:8px}.heroTitle{font-size:22px;font-weight:940;letter-spacing:-.03em}.heroSubtitle{margin-top:4px;font-size:13px;color:var(--muted)}.heroRightSlot{display:grid;justify-items:end}.sheet{margin-top:-12px;border-top-left-radius:26px;border-top-right-radius:26px;background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-bottom:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sheetInner{max-width:980px;margin:0 auto;padding:14px 16px}.sheetSpacer{height:calc(90px + var(--safeBottom))}.pillStatus{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 22%,transparent);font-weight:860;font-size:12px}.dot{width:8px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--text) 50%,transparent)}.pillStatus.good{border-color:#10b9814d;background:#10b9811a}.pillStatus.good .dot{background:#10b981f2}.pillStatus.warn{border-color:#f59e0b4d;background:#f59e0b1f}.pillStatus.warn .dot{background:#f59e0bf2}.pillStatus.bad{border-color:#ef44444d;background:#ef44441f}.pillStatus.bad .dot{background:#ef4444f2}.badgePill{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 26%,transparent);font-weight:900;font-size:12px}.badgePill.good{border-color:#10b9814d;background:#10b9811a}.badgePill.warn{border-color:#f59e0b4d;background:#f59e0b1f}.badgePill.bad{border-color:#ef44444d;background:#ef44441f}.grid2{display:grid;gap:12px}@media(min-width:860px){.grid2{grid-template-columns:1.2fr .8fr;align-items:start}}.metaLabel{font-size:12px;color:var(--muted);font-weight:820;letter-spacing:.02em;text-transform:uppercase}.metaSub{margin-top:4px;font-size:13px;color:var(--muted)}.premiumCard{position:relative;overflow:hidden;border-radius:26px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));box-shadow:0 28px 80px #0000006b}.premiumBg{position:absolute;inset:-40px;background:radial-gradient(1200px 520px at 10% 0%,color-mix(in srgb,var(--primary) 55%,transparent),transparent 62%),radial-gradient(900px 460px at 90% 40%,rgba(255,255,255,.1),transparent 66%),linear-gradient(180deg,#ffffff14,#ffffff05);transform:translateZ(0)}.premiumInner{position:relative;padding:16px}.premiumTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.premiumTitle{margin-top:6px;font-size:18px;font-weight:950;letter-spacing:-.03em}.premiumActions{display:grid;gap:10px;margin-top:14px;grid-template-columns:1fr}@media(min-width:420px){.premiumActions{grid-template-columns:1fr 1fr}}.ctaPrimary{text-decoration:none;text-align:center;padding:12px;border-radius:16px;font-weight:900;color:var(--primaryText);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 94%,white),color-mix(in srgb,var(--primary) 84%,black));box-shadow:0 16px 40px color-mix(in srgb,var(--primary) 18%,rgba(0,0,0,.45))}.ctaGhost{text-decoration:none;text-align:center;padding:12px;border-radius:16px;font-weight:900;color:var(--text);border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--surface) 22%,transparent)}.premiumFoot{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.miniStat{padding:12px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 24%,transparent)}.miniStatLabel{font-size:12px;color:var(--muted)}.miniStatValue{margin-top:6px;font-weight:920;letter-spacing:-.02em}.actionStack{display:grid;gap:10px}.actionTile{text-decoration:none;display:flex;gap:12px;align-items:center;padding:14px;border-radius:22px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 22%,transparent)}.actionIcon{width:42px;height:42px;border-radius:18px;display:grid;place-items:center;color:var(--primaryText);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 88%,white),color-mix(in srgb,var(--primary) 76%,black));box-shadow:0 18px 50px #00000059}.actionIcon svg{width:20px;height:20px}.actionTitle{font-weight:940;letter-spacing:-.02em}.actionSub{margin-top:3px;font-size:12px;color:var(--muted)}.hintTile{padding:14px;border-radius:22px;border:1px dashed color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--surface) 18%,transparent)}.hintTitle{font-weight:920;letter-spacing:-.02em}.hintSub{margin-top:6px;font-size:12px;color:var(--muted)}.qrCard{border-radius:26px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 22%,transparent);padding:16px}.qrCardTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.qrName{margin-top:6px;font-size:18px;font-weight:950;letter-spacing:-.03em}.qrBadge{padding:8px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));background:color-mix(in srgb,var(--primary) 18%,transparent);font-weight:950}.qrFrame{position:relative;display:grid;place-items:center;margin-top:14px;padding:16px;border-radius:24px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:#ffffffeb}:root[data-theme=dark] .qrFrame{background:#ffffffeb}.qrGlow{position:absolute;inset:-40px;background:radial-gradient(closest-side,color-mix(in srgb,var(--primary) 26%,transparent) 0%,transparent 66%);pointer-events:none}.qrImg2{width:240px;height:240px}@media(max-width:360px){.qrImg2{width:210px;height:210px}}.qrHint2{margin-top:12px;font-size:12px;color:var(--muted);text-align:center}.statsRow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}@media(max-width:420px){.statsRow{grid-template-columns:1fr}}.details{margin-top:12px}.detailsSum{cursor:pointer;font-weight:880}.detailsBody{margin-top:10px}.payload{margin-top:8px;font-size:12px;white-space:pre-wrap;word-break:break-word;color:color-mix(in srgb,var(--text) 78%,transparent)}.filterRow{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;-webkit-overflow-scrolling:touch}.filterRow::-webkit-scrollbar{height:6px}.filterRow::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text) 12%,transparent);border-radius:999px}.filterChip{white-space:nowrap;font-size:12px;font-weight:920;padding:10px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--surface) 18%,transparent);cursor:pointer}.filterChip.isActive{color:var(--primaryText);border-color:color-mix(in srgb,var(--primary) 24%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 92%,white),color-mix(in srgb,var(--primary) 80%,black))}.summaryCard{margin-top:12px;display:flex;justify-content:space-between;gap:12px;padding:14px;border-radius:22px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 22%,transparent)}.summaryValue{margin-top:6px;font-size:18px;font-weight:950;letter-spacing:-.03em}.summaryBadge{height:fit-content;padding:8px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);background:color-mix(in srgb,var(--surface) 18%,transparent);font-weight:900;font-size:12px}.emptyCard{padding:14px;border-radius:22px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 18%,transparent)}.emptyState{padding:18px 16px;border-radius:24px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:radial-gradient(420px 180px at 30% 0%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 62%),color-mix(in srgb,var(--surface) 18%,transparent);text-align:center}.emptyIcon{width:44px;height:44px;margin:0 auto 10px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--surface2) 88%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.emptyTitle{font-weight:950;letter-spacing:-.02em}.emptySub{margin-top:6px;font-size:13px;color:var(--muted);line-height:1.35}.emptyAction{margin-top:12px;display:grid;justify-content:center}.payGroup{margin-top:14px}.payGroupHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.payGroupTitle{font-weight:950;letter-spacing:-.03em;font-size:16px}.payList{display:grid;gap:10px}.payItem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:20px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 20%,transparent)}.payItem.good{border-color:#10b98138}.payItem.warn{border-color:#f59e0b38}.payItem.bad{border-color:#ef444438}.payTitle{font-weight:920;letter-spacing:-.02em}.paySub{margin-top:4px;font-size:12px;color:var(--muted)}.payRight{text-align:right}.payMoney{font-weight:950;letter-spacing:-.02em}.appMain{padding-bottom:calc(86px + var(--safeBottom))}.tabbar{z-index:60;position:fixed;left:0;right:0;bottom:0;padding:10px 12px calc(12px + var(--safeBottom));display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:var(--app-max);margin:0 auto;border-top-left-radius:22px;border-top-right-radius:22px;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.tab{text-decoration:none;display:grid;justify-items:center;gap:6px;padding:10px;border-radius:18px;border:1px solid transparent;color:color-mix(in srgb,var(--text) 70%,transparent);background:transparent;font-weight:860}.tabIcon{width:22px;height:22px;display:grid;place-items:center}.tabIcon svg{width:22px;height:22px}.tabLabel{font-size:11px}.tab.isActive{color:var(--primaryText);border-color:color-mix(in srgb,var(--primary) 26%,var(--border));background:radial-gradient(280px 140px at 50% 0%,color-mix(in srgb,var(--primary) 26%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--primary) 92%,white),color-mix(in srgb,var(--primary) 80%,black));box-shadow:0 18px 60px #00000059}.loginPage{min-height:100vh;display:grid;place-items:center;padding:18px}.loginHero{position:fixed;inset:0;background:radial-gradient(980px 420px at 18% 10%,color-mix(in srgb,var(--primary) 45%,transparent),transparent 62%),radial-gradient(760px 360px at 88% 12%,rgba(255,255,255,.1),transparent 66%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 60%,black),var(--bg))}.loginWrap{position:relative;width:100%;max-width:440px}.loginBrand{display:flex;align-items:center;gap:12px;margin-bottom:14px}.loginLogo{width:54px;height:54px;border-radius:20px;object-fit:cover;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);box-shadow:0 22px 70px #00000073}.loginMark{width:54px;height:54px;border-radius:20px;display:grid;place-items:center;font-weight:950;color:var(--primaryText);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 92%,white),color-mix(in srgb,var(--primary) 78%,black));box-shadow:0 22px 70px #00000073}.loginBrandName{font-weight:950;letter-spacing:-.03em;font-size:18px}.loginBrandTag{margin-top:2px;font-size:12px;color:var(--muted)}.loginCard{border-radius:26px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 30px 90px #00000080;padding:18px}.loginTitle{font-size:20px;font-weight:960;letter-spacing:-.03em}.loginSub{margin-top:6px;font-size:13px;color:var(--muted)}.loginLinks{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.devBox{margin-top:10px}.devSum{cursor:pointer;font-weight:880}.devGrid{display:grid;gap:10px;margin-top:10px}.devHint{margin-top:10px;font-size:12px;color:var(--muted)}.loginFoot{margin-top:14px;font-size:12px;color:var(--muted);text-align:center}