:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--yf-bg:#181b21;--yf-bg-deep:#131519;--yf-chrome:#21252b;--yf-surface:#282c34;--yf-surface-2:#2c313a;--yf-surface-3:#353b45;--yf-line:#333945;--yf-line-2:#454c5a;--yf-line-soft:#2a2f38;--yf-text:#e7eaf0;--yf-muted:#aab1bf;--yf-subtle:#828a99;--yf-faint:#5f6675;--yf-accent:#a6e3a1;--yf-accent-ink:#18241b;--yf-accent-soft:#a6e3a129;--yf-accent-line:#a6e3a166;--yf-gold:#eaa425;--yf-gold-strong:#f2b855;--yf-gold-ink:#2b1e05;--yf-gold-soft:#eaa42526;--yf-gold-line:#eaa42566;--yf-gold-amount:#e6c76a;--yf-danger:#e06c75;--yf-danger-soft:#e06c7524;--yf-font-ui:Inter, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--yf-font-mono:"SFMono-Regular", "JetBrains Mono", "Cascadia Code", Consolas, "Liberation Mono", Menlo, monospace;--yf-ease:cubic-bezier(.22, 1, .36, 1);--yf-radius:12px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--yf-bg:#f5f7fa;--yf-bg-deep:#eef2f6;--yf-chrome:#fff;--yf-surface:#fff;--yf-surface-2:#f2f5f9;--yf-surface-3:#e9eef5;--yf-line:#d8dee8;--yf-line-2:#c7d0dc;--yf-line-soft:#e3e8f0;--yf-text:#202631;--yf-muted:#4f5a6b;--yf-subtle:#697587;--yf-faint:#8792a3;--yf-accent:#2f7d46;--yf-accent-ink:#fff;--yf-accent-soft:#2f7d461f;--yf-accent-line:#2f7d4657;--yf-gold:#eaa425;--yf-gold-strong:#c4840f;--yf-gold-ink:#3a2600;--yf-gold-soft:#fcefd5;--yf-gold-line:#eaa42575;--yf-gold-amount:#d4af37;--yf-danger:#b83c4a;--yf-danger-soft:#b83c4a1a}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:var(--yf-bg);min-width:320px;color:var(--yf-text);font-family:var(--yf-font-ui);margin:0;line-height:1.6;overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--yf-accent);outline-offset:2px;border-radius:4px}::selection{background:color-mix(in srgb, var(--yf-accent) 32%, transparent)}.eyebrow{color:var(--yf-accent);font-family:var(--yf-font-mono);letter-spacing:.02em;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--yf-accent);width:7px;height:7px;box-shadow:0 0 12px color-mix(in srgb, var(--yf-accent) 70%, transparent);border-radius:2px}.captcha-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.captcha-modal{border:1px solid var(--yf-line-2);background:var(--yf-surface);border-radius:16px;width:min(440px,100%);overflow:hidden;box-shadow:0 32px 80px #00000080}.captcha-header{color:var(--yf-text);border-bottom:1px solid var(--yf-line-soft);justify-content:space-between;align-items:center;padding:14px 16px 10px;font-size:13px;font-weight:600;display:flex}.captcha-close{width:26px;height:26px;color:var(--yf-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;font-size:13px;transition:background .12s;display:grid}.captcha-close:hover{background:var(--yf-surface-2)}.captcha-body{padding:14px 14px 0}.captcha-canvas{-webkit-user-select:none;user-select:none;background:var(--yf-bg-deep);border-radius:8px;width:100%;position:relative;overflow:hidden}.captcha-bg{border-radius:8px;width:100%;height:100%;display:block}.captcha-piece{cursor:grab;border-radius:4px;transition:box-shadow .1s;position:absolute;box-shadow:0 2px 8px #00000080}.captcha-piece.dragging{cursor:grabbing;box-shadow:0 4px 16px #0009}.captcha-loading{color:var(--yf-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;inset:0}.captcha-spinner{border:2px solid var(--yf-line-2);border-top-color:var(--yf-accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite captcha-spin;display:block}@keyframes captcha-spin{to{transform:rotate(360deg)}}.captcha-reload-btn{color:var(--yf-accent);cursor:pointer;background:0 0;border:0;font-size:13px}.captcha-track{border:1px solid var(--yf-line-2);background:var(--yf-bg-deep);border-radius:20px;align-items:center;height:38px;margin:14px 0 4px;padding:0 50px;display:flex;position:relative}.captcha-track-hint{text-align:center;width:100%;color:var(--yf-subtle);pointer-events:none;font-size:12px}.captcha-handle{background:var(--yf-accent);color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:16px;place-items:center;width:44px;height:32px;font-size:20px;font-weight:700;transition:background .12s,box-shadow .12s;display:grid;position:absolute;top:2px;box-shadow:0 2px 6px #0000004d}.captcha-handle.active{cursor:grabbing;background:var(--yf-accent-hover,var(--yf-accent));box-shadow:0 4px 12px #0006}.captcha-handle.disabled{opacity:.5;cursor:not-allowed}.captcha-error{color:var(--yf-danger);text-align:center;margin:8px 0 4px;font-size:12px}.captcha-refresh{border:0;border-top:1px solid var(--yf-line-soft);width:100%;color:var(--yf-muted);cursor:pointer;background:0 0;padding:10px;font-size:12px;transition:color .12s;display:block}.captcha-refresh:hover:not(:disabled){color:var(--yf-text)}.captcha-refresh:disabled{opacity:.4;cursor:default}.login-screen{place-items:center;min-height:100dvh;padding:32px 16px;display:grid;position:relative;overflow:hidden}.login-ambient{z-index:0;perspective:520px;perspective-origin:50%;background:radial-gradient(760px 460px at 50% 30%, color-mix(in srgb, var(--yf-accent) 10%, transparent), transparent 70%), radial-gradient(900px 240px at 50% 102%, color-mix(in srgb, var(--yf-accent) 12%, transparent), transparent 72%);position:absolute;inset:0;overflow:hidden}.login-ambient:before,.login-ambient:after{content:"";background-image:linear-gradient(to right, color-mix(in srgb, var(--yf-accent) 26%, var(--yf-line-2)) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--yf-accent) 26%, var(--yf-line-2)) 1px, transparent 1px);background-size:54px 54px;height:165%;position:absolute;left:-60%;right:-60%}.login-ambient:after{transform-origin:50% 100%;opacity:.38;bottom:-34%;transform:rotateX(74deg);-webkit-mask-image:linear-gradient(#0000 28%,#000 100%);mask-image:linear-gradient(#0000 28%,#000 100%)}.login-ambient:before{transform-origin:50% 0;opacity:.14;top:-34%;transform:rotateX(-74deg);-webkit-mask-image:linear-gradient(#000 0%,#0000 72%);mask-image:linear-gradient(#000 0%,#0000 72%)}.login-box{z-index:1;border:1px solid var(--yf-line-2);background:var(--yf-surface);border-radius:18px;width:min(860px,100%);padding:clamp(26px,4vw,44px);position:relative;box-shadow:0 40px 90px -30px #000000b3}.login-box--single{width:min(440px,100%)}.space-chooser{z-index:1;border:1px solid var(--yf-line-2);background:var(--yf-surface);border-radius:14px;gap:18px;width:min(620px,100%);padding:clamp(24px,4vw,38px);display:grid;position:relative}.login-brand{align-items:center;gap:12px;margin-bottom:clamp(20px,3vw,30px);display:flex}.login-brand img{border-radius:9px;width:34px;height:34px}.login-brand b{letter-spacing:-.01em;font-size:17px;font-weight:750}.login-brand .eyebrow{margin-left:auto}.space-chooser__header{gap:6px;display:grid}.space-chooser__header h1{margin:0;font-size:22px;font-weight:740}.space-chooser__header p{max-width:62ch;color:var(--yf-muted);margin:0;font-size:14px}.space-choice-list{gap:10px;display:grid}.space-choice{border:1px solid var(--yf-line);background:var(--yf-bg-deep);width:100%;min-height:70px;color:var(--yf-text);text-align:left;transition:border-color .15s var(--yf-ease), background-color .15s var(--yf-ease);border-radius:10px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.space-choice:hover{border-color:var(--yf-accent-line);background:var(--yf-surface-2)}.space-choice__icon{background:var(--yf-accent-soft);width:38px;height:38px;color:var(--yf-accent);border-radius:9px;place-items:center;display:grid}.space-choice strong,.space-choice small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.space-choice strong{font-size:14px}.space-choice small{color:var(--yf-subtle);font-size:12.5px}.login-grid{grid-template-columns:1fr auto .78fr;align-items:start;gap:clamp(34px,5.4vw,64px);display:grid}.login-divider{background:var(--yf-line);align-self:stretch;width:1px}.login-col{align-content:start;gap:20px;display:grid}.login-col--qr{justify-items:center}.login-col__title{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.segmented{border:1px solid var(--yf-line);background:var(--yf-bg-deep);border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{min-height:34px;color:var(--yf-muted);transition:background-color .15s var(--yf-ease), color .15s var(--yf-ease);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:inline-flex}.segmented button.active{background:var(--yf-surface-2);color:var(--yf-text);box-shadow:0 0 0 1px var(--yf-line-2) inset}.login-form{gap:13px;display:grid}.field-label{color:var(--yf-subtle);margin:2px 0 -4px;font-size:12px;font-weight:600}.login-field{border:1px solid var(--yf-line-2);background:var(--yf-bg-deep);min-height:52px;transition:border-color .15s var(--yf-ease), box-shadow .15s var(--yf-ease);border-radius:12px;align-items:center;display:flex}.login-field:focus-within{border-color:var(--yf-accent-line);box-shadow:0 0 0 3px var(--yf-accent-soft)}.login-field input{min-width:0;height:100%;color:var(--yf-text);background:0 0;border:none;flex:1;padding:0 15px;font-size:15px}.login-field input:focus{outline:none}.login-field input::placeholder{color:var(--yf-subtle)}.login-field__prefix{border-right:1px solid var(--yf-line-2);height:22px;color:var(--yf-muted);font-variant-numeric:tabular-nums;align-items:center;padding:0 15px;font-size:15px;display:inline-flex}.profile-code-row{align-items:center;gap:8px;display:flex}.profile-code-row input{flex:1;min-width:0}.button--ghost{border-color:var(--yf-line-2);color:var(--yf-muted);background:0 0}.button--ghost:hover:not(:disabled){background:var(--yf-surface-2);color:var(--yf-text)}.pwd-modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pwd-modal{border:1px solid var(--yf-line-2);background:var(--yf-surface);border-radius:16px;gap:4px;width:min(480px,100%);padding:28px 28px 24px;display:grid;box-shadow:0 24px 60px #0006}.pwd-modal-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pwd-modal-header h3{margin:0;font-size:17px;font-weight:700}.pwd-modal-close{width:28px;height:28px;color:var(--yf-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;transition:background .12s,color .12s;display:grid}.pwd-modal-close:hover{background:var(--yf-surface-2);color:var(--yf-text)}.pwd-modal-hint{color:var(--yf-muted);margin:0 0 16px;font-size:13px}.pwd-modal .modal-form{grid-template-columns:minmax(0,1fr)}.pwd-modal .modal-form label{color:var(--yf-subtle);grid-template-columns:80px 1fr;align-items:center;gap:12px;font-size:13px;font-weight:600;display:grid}.pwd-modal .modal-form .profile-code-row{align-items:center}.code-btn{border:1px solid var(--yf-line-2);background:var(--yf-surface-2);height:36px;color:var(--yf-accent);white-space:nowrap;transition:border-color .15s var(--yf-ease), background-color .15s var(--yf-ease), color .15s var(--yf-ease);border-radius:9px;flex-shrink:0;margin-right:8px;padding:0 13px;font-size:13px;font-weight:600}.code-btn:hover:not(:disabled){border-color:var(--yf-accent-line);background:var(--yf-surface-3)}.code-btn:disabled{color:var(--yf-subtle);cursor:default}.button{background:var(--yf-accent);min-height:44px;color:var(--yf-accent-ink);transition:background-color .16s var(--yf-ease), transform .16s var(--yf-ease);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:650;display:inline-flex}.button:hover{background:color-mix(in srgb, var(--yf-accent) 88%, white);transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.68;transform:none}.button-secondary{border-color:var(--yf-line-2);background:var(--yf-surface-2);color:var(--yf-text)}.button-secondary:hover:not(:disabled){background:var(--yf-surface-3)}.button-danger{color:#c0747a;background:#c0392b12;border-color:#c0392b59}.button-danger:hover:not(:disabled){color:#e06c75;background:#c0392b21;border-color:#c0392b8c}.transfer-warning{color:var(--yf-subtle);background:#c0392b0f;border:1px solid #c0392b47;border-radius:9px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.transfer-warning svg{color:#c0747a;flex-shrink:0;margin-top:1px}.transfer-warning strong{color:#c0747a}.login-submit{width:100%;min-height:50px;margin-top:4px;font-size:15.5px}.login-mode-tabs{border:1px solid var(--yf-line);background:var(--yf-bg-deep);border-radius:10px;gap:4px;padding:4px;display:flex}.login-mode-tabs button{min-height:34px;color:var(--yf-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;font-size:13.5px;font-weight:500;transition:background .12s,color .12s}.login-mode-tabs button.active{background:var(--yf-surface-2);color:var(--yf-text);box-shadow:0 1px 3px #00000026}.login-setup-subtitle{color:var(--yf-muted);margin:4px 0 0;font-size:13px}.login-field--pwd{position:relative}.login-field--pwd input{padding-right:36px}.pwd-toggle{width:24px;height:24px;color:var(--yf-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .12s;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pwd-toggle:hover{color:var(--yf-text)}.login-logout-btn{width:100%;color:var(--yf-subtle);text-align:center;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;transition:color .15s}.login-logout-btn:hover:not(:disabled){color:var(--yf-muted)}.login-terms{color:var(--yf-subtle);text-align:left;margin:0;font-size:12px;line-height:1.6}.login-terms a{color:var(--yf-muted);text-underline-offset:2px;text-decoration:underline}.login-terms a:hover{color:var(--yf-text)}.form-error{border:1px solid color-mix(in srgb, var(--yf-danger) 40%, transparent);color:var(--yf-danger);background:var(--yf-danger-soft);border-radius:10px;padding:10px 12px;font-size:13px}.form-info{border:1px solid var(--yf-accent-line);color:var(--yf-accent);background:var(--yf-accent-soft);border-radius:10px;padding:10px 12px;font-size:13px}.preview-link{border:1px dashed var(--yf-line-2);width:100%;color:var(--yf-subtle);transition:border-color .15s var(--yf-ease), color .15s var(--yf-ease);background:0 0;border-radius:10px;margin-top:2px;padding:9px 12px;font-size:13px;font-weight:500}.preview-link:hover{border-color:var(--yf-accent-line);color:var(--yf-accent)}.qr{aspect-ratio:1;border:1px solid var(--yf-line);background:#fff;border-radius:14px;place-items:center;width:clamp(170px,16vw,200px);padding:13px;display:grid;position:relative}.qr svg{border-radius:4px;width:100%;height:100%}.qr__logo{border-radius:7px;width:18%;height:18%;position:absolute;box-shadow:0 0 0 4px #fff}.qr-hint{color:var(--yf-subtle);margin:0;font-size:13px}.app-shell{grid-template-columns:clamp(220px,18vw,260px) minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--yf-line);background:var(--yf-bg-deep);flex-direction:column;gap:6px;height:100dvh;padding:16px 12px;display:flex;position:sticky;top:0;overflow:hidden auto}.brand{height:44px;color:var(--yf-text);letter-spacing:-.01em;align-items:center;gap:10px;padding:0 10px;font-weight:750;text-decoration:none;display:flex}.brand img{border-radius:7px;width:26px;height:26px}.nav-group-label{color:var(--yf-faint);font-family:var(--yf-font-mono);letter-spacing:.04em;text-transform:uppercase;margin:14px 10px 6px;font-size:11px}.nav-list{gap:10px;min-width:0;display:grid}.nav-section{gap:2px;display:grid}.nav-item{min-height:38px;color:var(--yf-muted);text-align:left;transition:background-color .14s var(--yf-ease), color .14s var(--yf-ease);background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 11px;font-size:14px;font-weight:550;display:flex}.nav-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-item svg{opacity:.85;flex-shrink:0}.nav-item:hover{background:var(--yf-surface);color:var(--yf-text)}.nav-item.active{background:var(--yf-accent-soft);color:var(--yf-accent)}.nav-item.active svg{opacity:1}.sidebar-foot{border-top:1px solid var(--yf-line-soft);color:var(--yf-faint);margin-top:auto;padding:12px 11px 4px;font-size:12px}.sidebar-user{border-top:1px solid var(--yf-line-soft);margin-top:auto;padding-top:10px;position:relative}.sidebar-user__button{width:100%;min-height:52px;color:var(--yf-muted);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:32px minmax(0,1fr) 28px;align-items:center;gap:9px;padding:8px 9px;display:grid}.sidebar-user__theme{width:28px;height:28px;color:var(--yf-subtle);transition:color .15s var(--yf-ease), background-color .15s var(--yf-ease);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.sidebar-user__theme:hover{background:var(--yf-surface-2);color:var(--yf-text)}.sidebar-user:hover .sidebar-user__button,.sidebar-user:focus-within .sidebar-user__button,.sidebar-user__button.active{background:var(--yf-surface);color:var(--yf-text)}.sidebar-user__button strong,.sidebar-user__button small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.sidebar-user__button .avatar{background:var(--yf-accent-soft);width:32px;height:32px;color:var(--yf-accent);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.sidebar-user__button strong{color:var(--yf-text);font-size:13.5px}.sidebar-user__button small{color:var(--yf-subtle);font-size:12px}.sidebar-user__panel{z-index:55;border:1px solid var(--yf-line-2);background:var(--yf-surface);opacity:0;pointer-events:none;transition:opacity .15s var(--yf-ease), transform .15s var(--yf-ease);border-radius:12px;gap:4px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;right:0;transform:translateY(4px);box-shadow:0 18px 42px -20px #000000bf}.sidebar-user__panel:after{content:"";height:12px;position:absolute;top:100%;left:0;right:0}.sidebar-user:hover .sidebar-user__panel,.sidebar-user:focus-within .sidebar-user__panel{opacity:1;pointer-events:auto;transform:translateY(0)}.sidebar-user__panel button{width:100%;min-height:36px;color:var(--yf-muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 9px;font-size:13px;display:flex}.sidebar-user__panel button:hover{background:var(--yf-surface-2);color:var(--yf-text)}.sidebar-user__panel button.danger{color:#e74c3c}.sidebar-user__panel button.danger:hover{color:#e74c3c;background:#c0392b1f}.main-panel{background:var(--yf-bg);flex-direction:column;min-width:0;min-height:100dvh;display:flex}.topbar{z-index:10;border-bottom:1px solid var(--yf-line);background:color-mix(in srgb, var(--yf-chrome) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:66px;padding:12px clamp(16px,3vw,28px);display:grid;position:sticky;top:0}.topbar-title{min-width:0}.topbar .eyebrow{margin-bottom:3px}.topbar h1{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;margin:0;font-size:21px;font-weight:700;overflow:hidden}.topbar-actions{align-items:center;gap:8px;min-width:0;display:flex}.topbar-wallet{white-space:nowrap;align-items:center;gap:12px;min-width:0;display:inline-flex}.topbar-wallet__meta{align-items:center;gap:7px;line-height:1;display:inline-flex}.topbar-wallet__icon{color:var(--yf-accent);flex-shrink:0}.topbar-wallet__label{color:var(--yf-subtle);font-size:12px;font-weight:550}.topbar-wallet__amount{font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--yf-text);font-size:15px;font-weight:700}.topbar-wallet__btn{border:1px solid var(--yf-accent-line);min-height:34px;color:var(--yf-accent);transition:background-color .15s var(--yf-ease), border-color .15s var(--yf-ease), color .15s var(--yf-ease);background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding-inline:14px;font-size:13px;font-weight:650;display:inline-flex}.topbar-wallet__btn:hover:not(:disabled){background:var(--yf-accent-soft);border-color:color-mix(in srgb, var(--yf-accent) 60%, transparent)}.topbar-wallet__btn:active:not(:disabled){background:color-mix(in srgb, var(--yf-accent) 22%, transparent)}.topbar-wallet__btn:disabled{opacity:.5;cursor:not-allowed}.topbar-notice{border:1px solid var(--yf-accent-line);background:var(--yf-accent-soft);color:var(--yf-accent);border-radius:10px;margin:12px clamp(16px,3vw,28px) 0;padding:10px 12px;font-size:13px;font-weight:650}.user-chip{border:1px solid var(--yf-line-2);max-width:min(220px,28vw);min-height:34px;color:var(--yf-text);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 9px;font-size:13px;font-weight:550;display:inline-flex}.user-chip--button{background:var(--yf-sidebar);cursor:pointer;transition:border-color .15s var(--yf-ease), background-color .15s var(--yf-ease)}.user-chip--button:hover{border-color:var(--yf-accent-line);background:var(--yf-surface)}.user-chip .avatar{background:var(--yf-accent-soft);width:24px;height:24px;color:var(--yf-accent);border-radius:50%;flex:0 0 24px;place-items:center;font-size:11px;font-weight:700;display:grid}.user-chip__name{text-overflow:ellipsis;min-width:0;overflow:hidden}.account-menu{min-width:0;position:relative}.account-menu__panel{z-index:50;border:1px solid var(--yf-line-2);background:var(--yf-surface);border-radius:12px;gap:4px;width:min(320px,100vw - 28px);padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 42px -20px #000000bf}.account-menu__item{width:100%;min-height:58px;color:var(--yf-muted);text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;padding:8px 10px;display:grid}.account-menu__item svg{color:var(--yf-subtle)}.account-menu__item:hover,.account-menu__item.active{background:var(--yf-surface-2);color:var(--yf-text)}.account-menu__item.active svg{color:var(--yf-accent)}.account-menu__item strong,.account-menu__item small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.account-menu__item strong{color:var(--yf-text);font-size:13.5px}.account-menu__item small{color:var(--yf-subtle);font-size:12px}.icon-button{border:1px solid var(--yf-line-2);background:var(--yf-surface);width:36px;height:36px;color:var(--yf-muted);transition:border-color .15s var(--yf-ease), color .15s var(--yf-ease), background-color .15s var(--yf-ease);border-radius:9px;place-items:center;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--yf-accent-line);color:var(--yf-text);background:var(--yf-surface-2)}.icon-button:disabled{cursor:not-allowed;opacity:.4}.dashboard-grid{gap:16px;width:100%;max-width:1280px;margin-inline:auto;padding:clamp(16px,3vw,26px);display:grid}.summary-band{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;display:grid}.panel,.metric{border:1px solid var(--yf-line);border-radius:var(--yf-radius);background:var(--yf-surface)}.metric{grid-template-rows:auto auto auto;grid-template-columns:38px 1fr;align-items:center;gap:2px 12px;min-width:0;padding:18px;display:grid}.metric__icon{background:var(--yf-accent-soft);width:38px;height:38px;color:var(--yf-accent);border-radius:9px;grid-row:span 3;place-items:center;display:grid}.metric span{color:var(--yf-muted);align-self:end;font-size:12.5px}.metric strong{overflow-wrap:anywhere;letter-spacing:-.01em;font-variant-numeric:tabular-nums;min-width:0;font-size:26px;font-weight:750;line-height:1.1}.metric small{color:var(--yf-subtle);font-size:12px}.metric__value--accent{color:var(--yf-accent)}.metric__value--success{color:var(--yf-success)}.metric__value--gold{color:var(--yf-gold)}.metric__value--danger{color:var(--yf-danger)}.metric__icon--success{background:var(--yf-success-soft);color:var(--yf-success)}.content-split{grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr);gap:16px;display:grid}.panel{flex-direction:column;min-width:0;padding:18px;display:flex}.panel.wide{padding:0}.panel-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:14px;display:flex}.panel-header h2,.empty-state h2{margin:0;font-size:15px;font-weight:650}.panel-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.status-pill{border:1px solid var(--yf-line-2);color:var(--yf-muted);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:550;display:inline-flex}.status-pill.success{border-color:var(--yf-accent-line);color:var(--yf-accent);background:var(--yf-accent-soft)}.status-pill.warning{border-color:color-mix(in srgb, var(--yf-gold) 42%, transparent);color:var(--yf-gold);background:color-mix(in srgb, var(--yf-gold) 12%, transparent)}.status-pill.danger{border-color:color-mix(in srgb, var(--yf-danger) 44%, transparent);color:var(--yf-danger);background:var(--yf-danger-soft)}.status-pill.info{border-color:var(--yf-line-2);color:var(--yf-muted);background:var(--yf-surface-2)}.timeline,.space-list{display:grid}.step,.space-row{min-height:46px;color:var(--yf-muted);align-items:center;gap:10px;min-width:0;padding:4px 2px;font-size:14px;display:flex}.step span,.space-row span{overflow-wrap:anywhere;min-width:0}.step+.step,.space-row+.space-row{border-top:1px solid var(--yf-line-soft)}.step svg{color:var(--yf-faint);flex-shrink:0}.step.done{color:var(--yf-text)}.step.done svg{color:var(--yf-accent)}.space-row strong{flex-shrink:0;margin-left:auto}.space-row.active{color:var(--yf-text);font-weight:550}.space-row.active:before{content:"";background:var(--yf-accent);border-radius:2px;width:7px;height:7px;margin-right:-2px}.space-row strong{color:var(--yf-subtle);font-family:var(--yf-font-mono);font-size:12px;font-weight:500}.panel.wide .panel-header{padding:18px 18px 0}.action-list{border-top:1px solid var(--yf-line);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.action-row{border-right:1px solid var(--yf-line-soft);min-width:0;min-height:104px;transition:background-color .15s var(--yf-ease);align-items:flex-start;gap:12px;padding:18px;display:flex}.action-row:hover{background:var(--yf-surface-2)}.action-row:last-child{border-right:0}.action-row--link{cursor:pointer}.action-row__icon{background:var(--yf-accent-soft);width:34px;height:34px;color:var(--yf-accent);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.action-row strong{font-size:14.5px;font-weight:650}.action-row p,.empty-state p{color:var(--yf-muted);margin:4px 0 0;font-size:13px;line-height:1.6}.empty-state{text-align:left;align-items:flex-start;gap:6px;width:min(720px,100% - clamp(32px,6vw,52px));margin:clamp(16px,3vw,26px);padding:40px}.empty-state p{max-width:52ch}.recharge-panel{gap:14px}.recharge-panel__header{align-items:flex-start;margin-bottom:0}.recharge-panel__header p,.invoice-dialog .panel-header p{color:var(--yf-muted);margin:4px 0 0;font-size:13px}.order-filters{scrollbar-width:none;gap:6px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.order-filters::-webkit-scrollbar{display:none}.order-filters button{border:1px solid var(--yf-line);background:var(--yf-bg-deep);min-height:34px;color:var(--yf-muted);border-radius:9px;flex:none;padding:0 12px;font-size:13px;font-weight:600}.order-filters button.active{border-color:var(--yf-accent-line);background:var(--yf-accent-soft);color:var(--yf-accent)}.orders-table{border:1px solid var(--yf-line);border-radius:10px;display:grid;overflow:hidden}.orders-table__head,.order-row{grid-template-columns:minmax(170px,1.3fr) minmax(104px,.7fr) minmax(88px,.58fr) minmax(92px,.58fr) minmax(116px,.76fr) minmax(198px,.96fr);align-items:center;gap:12px;display:grid}.orders-table__head{border-bottom:1px solid var(--yf-line);background:var(--yf-bg-deep);min-height:38px;color:var(--yf-subtle);padding:0 14px;font-size:12px;font-weight:650}.order-row{min-width:0;padding:14px}.order-row+.order-row{border-top:1px solid var(--yf-line-soft)}.orders-table__head--recharge,.order-row--recharge{grid-template-columns:minmax(180px,1.4fr) minmax(110px,.7fr) minmax(96px,.58fr) minmax(120px,.7fr) minmax(160px,.9fr)}.pagination{color:var(--yf-subtle);justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 2px;font-size:12.5px;display:flex}.pagination__controls{align-items:center;gap:8px;display:flex}.pagination__page{text-align:center;min-width:52px;color:var(--yf-muted);font-variant-numeric:tabular-nums}.orders-table__head--invoice,.order-row--invoice{grid-template-columns:minmax(170px,1.3fr) minmax(104px,.7fr) minmax(88px,.58fr) minmax(100px,.64fr) minmax(116px,.76fr) minmax(88px,.5fr)}.order-cell>.status-pill{justify-self:start}.invoice-reject-note{box-sizing:border-box;color:#fff;overflow-wrap:anywhere;background:#0000008c;border-radius:8px;grid-column:1/-1;padding:6px 10px;font-size:12.5px;line-height:1.55}:root[data-theme=light] .invoice-reject-note{background:var(--yf-surface-3);color:var(--yf-text)}.invoice-summary-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:4px 0 14px;display:grid}@media (width<=560px){.invoice-summary-cards{grid-template-columns:1fr}}.order-cell{min-width:0;color:var(--yf-muted);align-content:center;gap:3px;font-size:13px;display:grid}.order-cell strong,.order-cell span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.order-cell strong{color:var(--yf-text);font-size:14px;font-weight:650}.order-cell small{min-width:0;color:var(--yf-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.order-cell--main strong{font-family:var(--yf-font-mono);font-size:12.5px}.order-cell--main .order-operator{color:var(--yf-accent)}.order-cell .order-amount-line{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:visible}.order-promo-tag{color:color-mix(in srgb, #e0b341 82%, var(--yf-text));white-space:nowrap;text-overflow:ellipsis;background:#e0b34124;border:1px solid #e0b3417a;border-radius:999px;flex-shrink:0;max-width:120px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:600;line-height:1.6;overflow:hidden}.order-cell .order-promo-note{color:var(--yf-subtle);opacity:.85}.order-cell--actions{flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;display:flex}.order-cell--actions .button{white-space:nowrap;flex-shrink:0;min-height:34px;padding-inline:11px;font-size:13px}.orders-empty{border:1px dashed var(--yf-line-2);color:var(--yf-muted);border-radius:10px;justify-items:start;gap:5px;padding:28px;display:grid}.orders-empty svg{color:var(--yf-accent)}.orders-empty strong{color:var(--yf-text);font-size:15px}.orders-empty p{margin:0;font-size:13px}.orders-skeleton{gap:10px;display:grid}.orders-skeleton span{background:linear-gradient(90deg, var(--yf-surface-2), var(--yf-surface-3), var(--yf-surface-2));height:58px;animation:skeleton-pulse 1.4s var(--yf-ease) infinite;background-size:220% 100%;border-radius:10px}.dialog-backdrop{z-index:60;background:#080a0eb8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.invoice-dialog{border:1px solid var(--yf-line-2);background:var(--yf-surface);border-radius:12px;width:min(680px,100%);max-height:min(760px,100dvh - 36px);padding:20px;overflow:auto}.modal-backdrop{z-index:60;background:#080a0eb8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--yf-line-2);background:var(--yf-surface);border-radius:12px;width:min(620px,100%);max-height:min(720px,100dvh - 36px);padding:20px;overflow:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.modal-header h2{margin:0;font-size:16px;font-weight:700}.modal-header p{color:var(--yf-muted);margin:4px 0 0;font-size:13px}.join-message-input{border:1px solid var(--yf-line-2);background:var(--yf-bg-deep);width:100%;min-width:0;color:var(--yf-text);font:inherit;resize:vertical;border-radius:9px;padding:10px 11px;font-size:14px}.join-message-input:focus{border-color:var(--yf-accent-line);box-shadow:0 0 0 3px var(--yf-accent-soft);outline:none}.join-message-input::placeholder{color:var(--yf-muted)}.join-message-input:disabled{background:var(--yf-surface);color:var(--yf-subtle);border-color:var(--yf-line-soft);cursor:not-allowed;opacity:.65}.modal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.modal-form label{color:var(--yf-subtle);gap:6px;font-size:12px;font-weight:650;display:grid}.modal-form input,.modal-form select,.modal-form textarea{border:1px solid var(--yf-line-2);background:var(--yf-bg-deep);width:100%;min-width:0;color:var(--yf-text);font:inherit;border-radius:9px;padding:10px 11px;font-size:14px}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:var(--yf-accent-line);box-shadow:0 0 0 3px var(--yf-accent-soft);outline:none}.modal-form input[readonly],.modal-form select[readonly],.modal-form textarea[readonly]{background:var(--yf-surface);color:var(--yf-subtle);border-color:var(--yf-line-soft);cursor:default}.modal-form input[readonly]:focus,.modal-form select[readonly]:focus,.modal-form textarea[readonly]:focus{border-color:var(--yf-line-soft);box-shadow:none}.modal-form input:disabled,.modal-form select:disabled,.modal-form textarea:disabled{background:var(--yf-surface);color:var(--yf-subtle);border-color:var(--yf-line-soft);cursor:not-allowed;opacity:.65}.modal-form__wide,.modal-actions{grid-column:1/-1}.modal-form--vertical{grid-template-columns:1fr}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.yf-checkbox,.modal-form .yf-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--yf-muted);align-items:center;gap:8px;font-size:13px;font-weight:400;display:inline-flex}.yf-checkbox--disabled{opacity:.5;cursor:not-allowed}.yf-checkbox__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.yf-checkbox__box{border:1.5px solid var(--yf-line-2);background:var(--yf-bg-deep);width:16px;height:16px;color:var(--yf-accent-ink);transition:border-color .12s var(--yf-ease), background .12s var(--yf-ease);border-radius:4px;flex-shrink:0;place-items:center;display:grid}.yf-checkbox__input:checked+.yf-checkbox__box{border-color:var(--yf-accent);background:var(--yf-accent)}.yf-checkbox:not(.yf-checkbox--disabled):hover .yf-checkbox__box{border-color:var(--yf-accent-line)}.yf-checkbox__label{line-height:1.45}.yf-select{border:1px solid var(--yf-line-2);background:var(--yf-bg-deep);width:100%;min-width:0;min-height:42px;color:var(--yf-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s var(--yf-ease), box-shadow .15s var(--yf-ease);border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:0 11px;font-size:14px;display:flex}.yf-select:hover:not(:disabled){border-color:var(--yf-line)}.yf-select:focus-visible,.yf-select--open{border-color:var(--yf-accent-line);box-shadow:0 0 0 3px var(--yf-accent-soft);outline:none}.yf-select--disabled{background:var(--yf-surface);border-color:var(--yf-line-soft);color:var(--yf-subtle);opacity:.65;cursor:not-allowed}.yf-select__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.yf-select__placeholder{color:var(--yf-subtle)}.yf-select__chevron{color:var(--yf-subtle);transition:transform .18s var(--yf-ease);flex-shrink:0}.yf-select--open .yf-select__chevron{transform:rotate(180deg)}.yf-select__dropdown{z-index:90;border:1px solid var(--yf-line-2);background:var(--yf-surface-2);overscroll-behavior:contain;border-radius:9px;flex-direction:column;max-height:240px;padding:4px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #00000052}.yf-select__option{width:100%;min-height:36px;color:var(--yf-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:13.5px;transition:background .1s,color .1s;display:flex}.yf-select__option:hover{background:var(--yf-surface-3,var(--yf-surface-hover));color:var(--yf-text)}.yf-select__option--active{color:var(--yf-text);font-weight:600}.yf-select__option--active svg{color:var(--yf-accent);flex-shrink:0}.limit-current-info{background:var(--yf-bg-deep);border:1px solid var(--yf-line);color:var(--yf-subtle);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.limit-current-info strong{color:var(--yf-text);font-variant-numeric:tabular-nums;font-size:14px}.limit-mode-tabs{gap:8px;display:flex}.limit-member-card{background:var(--yf-bg-deep);border:1px solid var(--yf-line);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.limit-member-avatar{background:var(--yf-accent-soft);border:1.5px solid var(--yf-accent-line);width:40px;height:40px;color:var(--yf-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;display:flex}.limit-member-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.limit-member-info strong{color:var(--yf-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:650;overflow:hidden}.limit-member-info span{color:var(--yf-muted);font-variant-numeric:tabular-nums;font-size:12px}.limit-member-role{background:var(--yf-surface-3);color:var(--yf-subtle);border:1px solid var(--yf-line);border-radius:20px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:600}.limit-switch-row{background:var(--yf-surface-2);border:1px solid var(--yf-line);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.limit-switch-label{flex-direction:column;gap:2px;display:flex}.limit-switch-label span{color:var(--yf-text);font-size:13px;font-weight:600}.limit-switch-label small{color:var(--yf-subtle);font-size:11px}.toggle-switch{background:var(--yf-line-2);cursor:pointer;border:none;border-radius:12px;outline:none;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .18s;position:relative}.toggle-switch:focus-visible{box-shadow:0 0 0 3px var(--yf-accent-soft)}.toggle-switch--on{background:var(--yf-accent)}.toggle-switch__thumb{pointer-events:none;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle-switch--on .toggle-switch__thumb{transform:translate(20px)}.invoice-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.invoice-form label{color:var(--yf-subtle);gap:6px;font-size:12px;font-weight:650;display:grid}.invoice-form input,.invoice-form select,.invoice-form textarea{border:1px solid var(--yf-line-2);background:var(--yf-bg-deep);width:100%;min-width:0;color:var(--yf-text);font:inherit;border-radius:9px;padding:10px 11px;font-size:14px}.invoice-form textarea{resize:vertical;min-height:82px}.invoice-form input:focus,.invoice-form select:focus,.invoice-form textarea:focus{border-color:var(--yf-accent-line);box-shadow:0 0 0 3px var(--yf-accent-soft);outline:none}.invoice-form__wide,.dialog-actions{grid-column:1/-1}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.api-config-panel,.download-panel{gap:16px}.config-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.config-item{border:1px solid var(--yf-line);background:var(--yf-bg-deep);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;min-width:0;padding:13px;display:grid}.config-item span{color:var(--yf-subtle);grid-column:1/-1;font-size:12px;font-weight:650}.config-item strong{min-width:0;color:var(--yf-text);font-family:var(--yf-font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.agent-env-panel{border:1px solid var(--yf-line);background:var(--yf-surface);border-radius:10px;gap:12px;padding:14px;display:grid}.agent-env-panel__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.agent-env-panel__header>div:first-child{gap:2px;min-width:0;display:grid}.agent-env-panel__header strong{min-width:0;color:var(--yf-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.agent-env-panel__label{color:var(--yf-subtle);font-size:12px;font-weight:650}.agent-env-empty{color:var(--yf-subtle);align-items:center;gap:8px;font-size:13px;display:inline-flex}.agent-env-code{border:1px solid var(--yf-line);background:var(--yf-bg-deep);max-width:100%;color:var(--yf-text);font-family:var(--yf-font-mono);white-space:pre;border-radius:8px;margin:0;padding:12px;font-size:12.5px;line-height:1.7;overflow:auto}.agent-config-list{gap:12px;display:grid}.agent-config-card{border:1px solid var(--yf-line);background:var(--yf-bg-deep);border-radius:10px;gap:10px;padding:12px;display:grid}.agent-config-card__header{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.agent-config-icon{border:1px solid var(--yf-line);background:var(--yf-surface-2);width:34px;height:34px;color:var(--yf-accent);object-fit:cover;border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:750;display:inline-grid;overflow:hidden}.agent-config-card__header>div{gap:2px;min-width:0;display:grid}.agent-config-card__header strong,.agent-config-card__header small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.agent-config-card__header strong{color:var(--yf-text);font-size:14px}.agent-config-card__header small{color:var(--yf-subtle);font-size:12.5px}.api-key-list{gap:10px;display:grid}.api-key-row{border:1px solid var(--yf-line);background:var(--yf-bg-deep);border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px;display:grid}.api-key-row strong{min-width:0;color:var(--yf-text);font-family:var(--yf-font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.api-key-row small{color:var(--yf-subtle);margin-top:3px;font-size:12px;display:block}.row-actions{align-items:center;gap:8px;display:inline-flex}.api-key-row .button{min-height:34px;padding-inline:11px;font-size:13px}.download-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.download-card{border:1px solid var(--yf-line);background:var(--yf-bg-deep);min-height:132px;color:var(--yf-text);transition:border-color .15s var(--yf-ease), background-color .15s var(--yf-ease);border-radius:10px;gap:5px;padding:16px;text-decoration:none;display:grid}.download-card:hover{border-color:var(--yf-accent-line);background:var(--yf-surface-2)}.download-card__icon{background:var(--yf-accent-soft);width:36px;height:36px;color:var(--yf-accent);border-radius:9px;place-items:center;display:grid}.download-card strong{margin-top:8px;font-size:15px}.download-card small{color:var(--yf-muted);font-size:13px}.usage-table,.members-table{border:1px solid var(--yf-line);border-radius:10px;display:grid;overflow:hidden}.usage-table__head,.usage-row,.members-table__head,.member-row{align-items:center;gap:12px;display:grid}.usage-table__head,.usage-row{grid-template-columns:minmax(110px,.7fr) minmax(90px,.6fr) minmax(130px,.8fr) minmax(110px,.7fr) minmax(130px,.8fr)}.members-table__head,.member-row{grid-template-columns:minmax(170px,1fr) minmax(110px,.58fr) minmax(110px,.58fr) minmax(220px,1fr) minmax(360px,auto)}.usage-table__head,.members-table__head{border-bottom:1px solid var(--yf-line);background:var(--yf-bg-deep);min-height:38px;color:var(--yf-subtle);padding:0 14px;font-size:12px;font-weight:650}.usage-row,.member-row{min-width:0;padding:14px}.usage-row+.usage-row,.member-row+.member-row{border-top:1px solid var(--yf-line-soft)}.usage-row span,.usage-row strong{min-width:0;color:var(--yf-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.usage-row strong{color:var(--yf-text);font-family:var(--yf-font-mono);font-weight:650}.ov-view-toggle{border-bottom:1px solid var(--border);gap:0;width:fit-content;display:flex;position:relative}.ov-view-btn{color:var(--text-2);cursor:pointer;background:0 0;border:none;padding:7px 18px;font-size:13px;font-weight:500;transition:color .15s}.ov-view-btn:hover{color:var(--text-1)}.ov-view-btn.active{color:var(--text-1);font-weight:600}.ov-view-indicator{background:var(--yf-accent);pointer-events:none;border-radius:2px 2px 0 0;height:2px;transition:left .38s cubic-bezier(.34,1.56,.64,1),width .38s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-1px}.ov-more-btn{border:1px solid var(--yf-line-2);min-height:30px;color:var(--yf-muted);transition:border-color .15s var(--yf-ease), color .15s var(--yf-ease);background:0 0;border-radius:8px;flex-shrink:0;align-items:center;padding:0 11px;font-size:12.5px;font-weight:600;display:inline-flex}.ov-more-btn:hover{border-color:var(--yf-accent-line);color:var(--yf-accent)}.ov-log-table{display:grid}.ov-log-head,.ov-log-row{grid-template-columns:110px minmax(0,1fr) 72px 72px 80px;align-items:center;gap:10px;padding:9px 2px;font-size:13px;display:grid}.ov-log-head{color:var(--yf-subtle);border-bottom:1px solid var(--yf-line);margin-bottom:2px;padding-bottom:8px;font-size:12px;font-weight:650}.ov-log-row{color:var(--yf-muted);border-bottom:1px solid var(--yf-line-soft);font-variant-numeric:tabular-nums}.ov-log-row:last-child{border-bottom:none}.ov-log-model{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--yf-text);font-weight:500;overflow:hidden}.analysis-summary{color:var(--yf-muted);font-size:13px}.analysis-summary strong{color:var(--yf-text);font-weight:600}.analysis-body{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:8px;margin-top:4px;display:grid}.donut-wrap{align-items:center;gap:4px;height:180px;display:flex}.donut-legend{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.donut-legend li{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;min-width:0;transition:opacity .15s;display:flex}.donut-legend li:hover{opacity:.75}.donut-legend li.is-hidden{opacity:.35}.donut-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.donut-name{min-width:0;color:var(--yf-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.donut-pct{color:var(--yf-text);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px;font-weight:600}.analysis-empty{color:var(--yf-subtle);font-size:13px}@media (width<=640px){.analysis-body{grid-template-columns:1fr}}.usage-view{height:calc(100dvh - 66px - 2*clamp(16px,3vw,26px));overflow:hidden}.usage-panel{height:100%;overflow:hidden}.usage-log-body{scrollbar-width:thin;scrollbar-color:var(--yf-line) transparent;flex:1;min-height:0;overflow-y:auto}.usage-balance-bar{flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:4px 0 8px;display:grid}.balance-stat{background:var(--yf-surface-2);border-radius:10px;gap:3px;padding:14px 16px;display:grid}.balance-stat span{color:var(--yf-subtle);font-size:12px}.balance-stat strong{color:var(--yf-text);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.balance-stat small{color:var(--yf-muted);font-size:11.5px}.balance-stat--highlight strong{color:var(--yf-accent)}.usage-log-table{display:grid}.usage-log-table__head{background:var(--yf-surface-2);color:var(--yf-subtle);z-index:1;border-radius:8px;grid-template-columns:130px minmax(0,1fr) 90px 90px 90px;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:grid;position:sticky;top:0}.usage-log-row{border-bottom:1px solid var(--yf-line-soft);grid-template-columns:130px minmax(0,1fr) 90px 90px 90px;gap:8px;padding:10px 14px;font-size:13px;display:grid}.usage-log-row:last-child{border-bottom:none}.usage-log-row span,.usage-log-row strong{min-width:0;color:var(--yf-muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.usage-log-model{color:var(--yf-text)!important;font-weight:500!important}.usage-log-table__head.channel-usage-head,.usage-log-row.channel-usage-row{grid-template-columns:150px minmax(0,1fr) 130px 110px}.usage-export-bar{border:1px solid var(--yf-line-soft);background:var(--yf-bg-deep);color:var(--yf-muted);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px;padding:12px 14px;font-size:12.5px;display:flex}.usage-export-bar .uxb-title{color:var(--yf-text);margin-right:2px;font-weight:600}.usage-log-filter{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:12px;display:flex}.usage-log-filter .ulf-field{color:var(--yf-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12.5px;display:flex}.usage-log-filter .ulf-label{color:var(--yf-muted)}.yf-select.yf-select--sm{border-color:var(--yf-line);background:var(--yf-bg);border-radius:7px;gap:7px;width:auto;min-width:116px;min-height:30px;padding:0 10px;font-size:12.5px}.yf-select--sm:hover:not(:disabled){border-color:var(--yf-accent)}.yf-select--sm.yf-select--open,.yf-select--sm:focus-visible{border-color:var(--yf-accent);box-shadow:none}.yf-select--sm .yf-select__label{font-variant-numeric:tabular-nums;letter-spacing:.2px}.yf-select__dropdown--sm{z-index:1200;border:1px solid var(--yf-line);background:var(--yf-bg-deep);animation:drp-in .14s var(--yf-ease);border-radius:10px;gap:2px;padding:5px;box-shadow:0 18px 44px #00000073}.yf-select__dropdown--sm .yf-select__option{border-radius:7px;min-height:32px;font-size:12.5px}.yf-select__dropdown--sm .yf-select__option:hover{background:var(--yf-surface-2)}.date-range-picker{display:inline-flex;position:relative}.drp-trigger{border:1px solid var(--yf-line);background:var(--yf-bg);height:30px;color:var(--yf-text);cursor:pointer;transition:border-color .14s var(--yf-ease);border-radius:7px;outline:none;align-items:center;gap:7px;padding:0 10px;font-size:12.5px;display:inline-flex}.drp-trigger:hover:not(:disabled),.drp-trigger.is-open{border-color:var(--yf-accent)}.drp-trigger:disabled{opacity:.55;cursor:not-allowed}.drp-trigger .drp-value{font-variant-numeric:tabular-nums;letter-spacing:.2px}.drp-trigger .drp-caret{color:var(--yf-subtle)}.drp-popover{z-index:1200;border:1px solid var(--yf-line);background:var(--yf-bg-deep);animation:drp-in .14s var(--yf-ease);border-radius:12px;gap:12px;padding:14px;display:grid;position:fixed;box-shadow:0 18px 44px #00000073}@keyframes drp-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.drp-presets{gap:8px;display:flex}.drp-preset{border:1px solid var(--yf-line);background:var(--yf-bg);height:28px;color:var(--yf-muted);cursor:pointer;transition:border-color .14s var(--yf-ease), color .14s var(--yf-ease);border-radius:999px;padding:0 12px;font-size:12px}.drp-preset:hover{border-color:var(--yf-accent);color:var(--yf-text)}.drp-panels{gap:18px;display:flex}.drp-month{width:224px}.drp-month-head{justify-content:space-between;align-items:center;height:28px;margin-bottom:6px;display:flex}.drp-month-title{color:var(--yf-text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.drp-nav{width:26px;height:26px;color:var(--yf-muted);cursor:pointer;transition:background-color .14s var(--yf-ease), color .14s var(--yf-ease);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.drp-nav:hover{background:var(--yf-bg);color:var(--yf-text)}.drp-nav--ghost{cursor:default;pointer-events:none}.drp-weekdays,.drp-grid{grid-template-columns:repeat(7,1fr);display:grid}.drp-weekdays{margin-bottom:4px}.drp-weekdays span{height:24px;color:var(--yf-subtle);justify-content:center;align-items:center;font-size:11.5px;display:flex}.drp-grid{gap:2px 0}.drp-cell{height:30px;color:var(--yf-text);cursor:pointer;font-variant-numeric:tabular-nums;transition:background-color .12s var(--yf-ease), color .12s var(--yf-ease);background:0 0;border:none;outline:none;font-size:12.5px;position:relative}.drp-cell:before{content:"";z-index:-1;border-radius:7px;position:absolute;inset:1px 0}.drp-cell:hover:not(:disabled):not(.is-start):not(.is-end){color:var(--yf-text)}.drp-cell:hover:not(:disabled):not(.is-start):not(.is-end):before{background:color-mix(in srgb, var(--yf-accent) 18%, transparent)}.drp-cell.is-other{color:var(--yf-subtle);opacity:.5}.drp-cell.is-disabled{color:var(--yf-line);cursor:not-allowed}.drp-cell.is-today{font-weight:700}.drp-cell.in-range:before{background:color-mix(in srgb, var(--yf-accent) 14%, transparent);border-radius:0;inset:1px 0}.drp-cell.in-range.is-start:before{border-radius:7px 0 0 7px}.drp-cell.in-range.is-end:before{border-radius:0 7px 7px 0}.drp-cell.is-start,.drp-cell.is-end{color:var(--yf-accent-ink);font-weight:700}.drp-cell.is-start:before,.drp-cell.is-end:before{background:var(--yf-accent);border-radius:7px}.drp-cell.is-start.is-end:before{border-radius:7px}.usage-export-bar .button{border-radius:7px;align-items:center;gap:6px;height:30px;min-height:0;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.usage-export-bar .uxb-hint{color:var(--yf-subtle);font-size:12px}.usage-export-bar .uxb-msg--info{color:var(--yf-accent)}.usage-export-bar .uxb-msg--error{color:var(--yf-danger,#e5484d)}.usage-log-pagination{border-top:1px solid var(--yf-line-soft);color:var(--yf-muted);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 16px;padding:10px 0 0;font-size:13px;display:flex}.ulp-total{color:var(--yf-subtle);margin-right:4px;font-size:12.5px}.ulp-page-size{cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.ulp-page-size select{border:1px solid var(--yf-line);background:var(--yf-bg-deep);height:28px;color:var(--yf-text);cursor:pointer;border-radius:7px;outline:none;padding:0 6px;font-size:12.5px}.ulp-page-size select:focus{border-color:var(--yf-accent)}.ulp-nav{align-items:center;gap:10px;margin-inline:auto;display:flex}.ulp-page-indicator{text-align:center;font-variant-numeric:tabular-nums;min-width:60px;color:var(--yf-text);font-size:13px}.ulp-jump{cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.ulp-jump input[type=number]{border:1px solid var(--yf-line);background:var(--yf-bg-deep);width:52px;height:28px;color:var(--yf-text);text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;border-radius:7px;outline:none;padding:0 6px;font-size:12.5px}.ulp-jump input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.ulp-jump input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.ulp-jump input[type=number]:focus{border-color:var(--yf-accent)}.ulp-nav .button,.ulp-jump .button{height:28px;padding:0 10px;font-size:12.5px}.members-panel{gap:14px}.member-cell{gap:6px;min-width:0;display:grid}.member-cell>.status-pill{justify-self:start}.member-cell--main strong,.member-cell--limit strong,.member-cell--main small,.member-cell small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.member-cell--main strong{color:var(--yf-text);font-size:14px;font-weight:650}.member-cell--limit strong,.member-cell>span:not(.status-pill){color:var(--yf-text);font-size:13px;font-weight:600}.member-cell--main small,.member-cell small{color:var(--yf-subtle);font-size:12px}.member-cell select,.member-cell input[type=text],.member-cell input[type=date],.member-cell--limit>input{border:1px solid var(--yf-line-2);background:var(--yf-bg-deep);width:100%;min-width:0;color:var(--yf-text);font:inherit;border-radius:9px;padding:8px 10px;font-size:13px}.member-cell select:focus,.member-cell input:focus{border-color:var(--yf-accent-line);box-shadow:0 0 0 3px var(--yf-accent-soft);outline:none}.member-limit-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.member-limit-meta label{color:var(--yf-muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.member-cell--actions{grid-template-columns:minmax(0,1fr)}.member-cell--actions .button{white-space:nowrap;min-height:34px;padding-inline:11px;font-size:13px}.row-actions{flex-wrap:nowrap}.member-row--invitation{background:color-mix(in srgb, var(--yf-gold) 5%, transparent)}.modal-checkbox{color:var(--yf-muted);grid-template-columns:auto minmax(0,1fr);align-items:center;display:inline-flex!important}.modal-checkbox input{width:auto}.member-invite-form{border:1px solid var(--yf-line);background:var(--yf-bg-deep);border-radius:10px;grid-template-columns:minmax(180px,1fr) minmax(140px,.42fr) auto;align-items:end;gap:10px;padding:13px;display:grid}.member-invite-form label{min-width:0;color:var(--yf-subtle);gap:6px;font-size:12px;font-weight:650;display:grid}.member-invite-form input,.member-invite-form select{border:1px solid var(--yf-line-2);background:var(--yf-surface);width:100%;min-width:0;color:var(--yf-text);font:inherit;border-radius:9px;padding:9px 10px;font-size:13px}.invite-link-box{border:1px dashed var(--yf-accent-line);background:var(--yf-accent-soft);border-radius:9px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:8px 0 0;padding:9px 10px;display:grid}.invite-link-box strong{min-width:0;color:var(--yf-accent);font-family:var(--yf-font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.invite-link-box__lead{align-items:center;gap:8px;min-width:0;display:flex}.invite-link-box__lead svg{color:var(--yf-accent);flex:none}@keyframes skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.orders-skeleton span{animation:none}}.ed-range-btn{border:1px solid var(--yf-line-2);color:var(--yf-muted);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:550;transition:border-color .12s,color .12s,background .12s}.ed-range-btn:hover{border-color:var(--yf-accent-line);color:var(--yf-text)}.ed-range-btn.active{border-color:var(--yf-accent-line);background:var(--yf-accent-soft);color:var(--yf-accent)}.ed-member-table{gap:2px;display:grid}.ed-member-head,.ed-member-row{grid-template-columns:32px minmax(0,1fr) 72px minmax(100px,auto);align-items:center;gap:12px;padding:9px 6px;display:grid}.ed-member-head{border-bottom:1px solid var(--yf-line-soft);color:var(--yf-subtle);margin-bottom:4px;padding-bottom:8px;font-size:12px;font-weight:600}.ed-member-row{border-radius:8px;transition:background .1s}.ed-member-row:hover{background:var(--yf-surface-2)}.ed-rank{color:var(--yf-subtle);text-align:center;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.ed-rank--top1{color:var(--yf-gold)}.ed-rank--top2{color:var(--yf-muted)}.ed-rank--top3{color:color-mix(in srgb, var(--yf-gold) 55%, var(--yf-muted))}.ed-member-name{color:var(--yf-text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.ed-amount{font-variant-numeric:tabular-nums;color:var(--yf-text);font-size:13px;font-weight:650}.ed-limit{color:var(--yf-muted);font-variant-numeric:tabular-nums;font-size:13px}.ed-progress-cell{min-width:0}.ed-progress-wrap{align-items:center;gap:8px;display:flex}.ed-progress-track{background:var(--yf-surface-3);border-radius:3px;flex:1;min-width:0;height:5px;overflow:hidden}.ed-progress-bar{height:5px;transition:width .4s var(--yf-ease);border-radius:3px;min-width:2px}.ed-progress-pct{color:var(--yf-subtle);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:38px;font-size:11px}.ed-sync-error{color:var(--yf-danger);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;overflow:hidden}@keyframes ed-spin{to{transform:rotate(360deg)}}.ed-spin{animation:.6s linear infinite ed-spin}@media (width<=1180px){.app-shell{grid-template-columns:216px minmax(0,1fr)}.content-split{grid-template-columns:minmax(0,1fr)}.orders-table,.usage-table,.members-table{border:0;border-radius:0;gap:10px;overflow:visible}.orders-table__head,.usage-table__head,.members-table__head{display:none}.order-row,.usage-row,.member-row{border:1px solid var(--yf-line);background:var(--yf-surface);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.order-row+.order-row,.usage-row+.usage-row,.member-row+.member-row{border-top:1px solid var(--yf-line)}.order-cell:before,.member-cell:before{content:attr(data-label);color:var(--yf-subtle);font-size:11.5px;font-weight:650}.usage-row span:before,.usage-row strong:before{color:var(--yf-subtle);font-family:var(--yf-font-ui);font-size:11.5px;font-weight:650;display:block}.usage-row span:first-child:before{content:"月份"}.usage-row strong:nth-child(2):before{content:"请求数"}.usage-row strong:nth-child(3):before{content:"消耗积分"}.usage-row strong:nth-child(4):before{content:"消费金额"}.usage-row span:nth-child(5):before{content:"同步时间"}.order-cell--main,.order-cell--actions,.member-cell--main,.member-cell--limit,.member-cell--actions{grid-column:1/-1}.order-cell--main:before,.order-cell--actions:before,.member-cell--main:before,.member-cell--actions:before{display:none}.order-cell--actions,.member-cell--actions{justify-content:stretch}.member-cell--actions .button{width:100%}.order-cell--actions .button{flex:1 1 0;min-width:0}}@media (width<=900px){.login-grid{grid-template-columns:minmax(0,1fr);gap:32px}.login-divider{display:none}.login-col--qr{border-top:1px solid var(--yf-line);padding-top:22px}.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:20;border-right:0;border-bottom:1px solid var(--yf-line);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px 12px;min-width:0;height:auto;max-height:none;padding:10px 12px 8px;display:grid;position:sticky;top:0;overflow:visible}.brand{height:36px;padding-inline:8px}.nav-group-label,.sidebar-foot{display:none}.nav-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-flow:column;gap:4px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.nav-section{flex:none;gap:4px;display:flex}.nav-list::-webkit-scrollbar{display:none}.nav-item{white-space:nowrap;flex:none;min-height:36px;padding-inline:10px}.sidebar-user{grid-column:1/-1;margin-top:0;padding-top:6px}.sidebar-user__panel{width:min(260px,100vw - 24px);top:calc(100% + 8px);bottom:auto;right:auto}.topbar{top:57px}}@media (width<=720px){.topbar{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px}.topbar-actions{justify-content:space-between;width:100%}.user-chip{max-width:min(100%,100vw - 140px)}.dashboard-grid{gap:12px;padding:12px}.panel,.metric{border-radius:10px}.metric{padding:14px}.metric strong{font-size:23px}.action-list{grid-template-columns:minmax(0,1fr)}.action-row{border-right:0;border-bottom:1px solid var(--yf-line-soft);min-height:0}.action-row:last-child{border-bottom:0}.order-row,.usage-row,.member-row,.invoice-form,.modal-form,.api-key-row{grid-template-columns:minmax(0,1fr)}.agent-env-panel__header{flex-direction:column;align-items:stretch}.api-key-row .status-pill{width:fit-content}.row-actions,.api-key-row .button{width:100%}.invoice-dialog,.modal{padding:16px}.modal-actions{justify-content:stretch}.modal-actions .button{width:100%}.member-limit-meta,.member-invite-form{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.sidebar{grid-template-columns:minmax(0,1fr)}.topbar{top:96px}.brand{width:fit-content}.nav-list{grid-column:1;margin-inline:-4px}.nav-item{gap:8px;min-height:34px;padding-inline:9px;font-size:13px}.login-box{padding:22px}.login-brand{align-items:flex-start}.login-brand .eyebrow{display:none}.panel{padding:14px}.panel.wide{padding:0}.panel.wide .panel-header{padding:14px 14px 0}.empty-state{width:auto;margin:12px;padding:24px}}@media (width<=900px){.usage-view{height:auto;overflow:visible}.usage-panel{height:auto}.usage-log-body{max-height:60vh;overflow-y:auto}.ulp-nav{margin-inline:0}.usage-log-pagination{flex-wrap:wrap;justify-content:space-between}}.recharge-panel__actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.recharge-panel__actions .button{min-height:38px;padding-inline:14px;font-size:14px}.yfr-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:yfr-fade .16s var(--yf-ease);background:radial-gradient(120% 90% at 50% 0,#a6e3a10f,#0000 60%),#080a0ec2;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.yfr-modal{border:1px solid var(--yf-line-2);background:linear-gradient(180deg, color-mix(in srgb, var(--yf-surface) 92%, #fff 8%), var(--yf-surface) 120px), var(--yf-surface);width:min(760px,100%);max-height:min(640px,100dvh - 36px);animation:yfr-pop .22s var(--yf-ease);border-radius:16px;padding:20px 22px;position:relative;overflow:auto;box-shadow:inset 0 1px #ffffff0a,0 28px 70px #00000080}.yfr-modal:before{content:"";background:linear-gradient(90deg, transparent, var(--yf-accent-line), transparent);opacity:.7;height:1px;position:absolute;top:0;left:22px;right:22px}.yfr-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.yfr-header h2{letter-spacing:.01em;margin:0;font-size:17px;font-weight:700}.yfr-header p{color:var(--yf-muted);margin:6px 0 0;font-size:13px}.yfr-body{grid-template-columns:minmax(0,1fr) 220px;align-items:stretch;gap:22px;display:grid}.yfr-left{flex-direction:column;gap:12px;min-width:0;display:flex}.yfr-wallet{border:1px solid var(--yf-line);background:var(--yf-bg-deep);border-radius:12px;align-items:center;gap:11px;padding:11px 13px;display:flex}.yfr-wallet__icon{background:var(--yf-accent-soft);width:36px;height:36px;color:var(--yf-accent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.yfr-wallet__meta{gap:2px;min-width:0;display:grid}.yfr-wallet__meta strong{color:var(--yf-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.yfr-wallet__meta small{color:var(--yf-subtle);font-size:12px}.yfr-wallet__help{color:#e0b341;cursor:help;width:24px;height:24px;transition:color .12s var(--yf-ease), background .12s var(--yf-ease);border-radius:50%;flex-shrink:0;place-items:center;margin-left:auto;display:grid;position:relative}.yfr-wallet__help:hover,.yfr-wallet__help:focus-visible{color:#e0b341;background:#e0b34124;outline:none}.yfr-wallet__help .yfr-tip{z-index:5;border:1px solid var(--yf-line-2);background:var(--yf-bg-deep);width:232px;color:var(--yf-muted);text-align:left;opacity:0;pointer-events:none;transition:opacity .14s var(--yf-ease), transform .14s var(--yf-ease);border-radius:10px;padding:9px 11px;font-size:12.5px;line-height:1.55;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 12px 30px #0006}.yfr-wallet__help:hover .yfr-tip,.yfr-wallet__help:focus-visible .yfr-tip{opacity:1;transform:translateY(0)}.yfr-notice{color:color-mix(in srgb, #e0b341 78%, var(--yf-text));background:#e0b3411f;border:1px solid #e0b3416b;border-radius:10px;padding:9px 12px;font-size:12.5px;line-height:1.55}.yfr-notice strong{color:color-mix(in srgb, #e0b341 90%, var(--yf-text));font-weight:650}.yfr-packages{flex-direction:column;gap:10px;display:flex}.yfr-package{background:linear-gradient(135deg, color-mix(in srgb, #e0b341 12%, var(--yf-bg-deep)), color-mix(in srgb, #e0b341 4%, var(--yf-bg-deep)));color:var(--yf-text);text-align:left;cursor:pointer;transition:border-color .16s var(--yf-ease), background-color .16s var(--yf-ease), transform .16s var(--yf-ease), box-shadow .16s var(--yf-ease);border:1.5px solid #e0b3416b;border-radius:12px;justify-content:space-between;align-items:stretch;gap:16px;padding:13px 16px;display:flex;position:relative}.yfr-package:hover{border-color:#e0b341b3;transform:translateY(-1px);box-shadow:0 8px 22px #e0b3411f}.yfr-package:focus-visible{border-color:#e0b341cc;outline:none;box-shadow:0 0 0 3px #e0b34138}.yfr-package.active{background:linear-gradient(135deg, color-mix(in srgb, #e0b341 17%, var(--yf-bg-deep)), color-mix(in srgb, #e0b341 7%, var(--yf-bg-deep)));border-color:#e0b341d9;box-shadow:inset 0 0 0 1px #e0b34199,0 8px 22px #e0b34124}.yfr-package__info{flex-direction:column;justify-content:center;gap:8px;min-width:0;display:flex}.yfr-package__name{letter-spacing:.01em;color:color-mix(in srgb, #e0b341 80%, var(--yf-text));flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:650;line-height:1.2;display:flex}.yfr-package__name svg{opacity:.9;flex:none}.yfr-package__chip{color:color-mix(in srgb, #e0b341 82%, var(--yf-text));letter-spacing:.03em;white-space:nowrap;background:#e0b34121;border:1px solid #e0b34161;border-radius:5px;padding:1.5px 6px;font-size:10px;font-style:normal;font-weight:600;line-height:1.5}.yfr-package__grant{align-items:baseline;gap:7px;line-height:1.1;display:flex}.yfr-package__grant i{color:var(--yf-muted);font-size:11.5px;font-style:normal}.yfr-package__grant strong{letter-spacing:-.02em;color:var(--yf-text);font-variant-numeric:tabular-nums;align-items:baseline;font-size:23px;font-weight:750;display:inline-flex}.yfr-package__grant strong b{margin-right:2px;font-size:13px;font-weight:650}.yfr-package__buy{border-left:1px solid #e0b34133;flex-direction:column;flex:none;justify-content:center;align-items:flex-end;gap:8px;padding-left:16px;display:flex}.yfr-package__price{align-items:baseline;gap:5px;line-height:1.1;display:flex}.yfr-package__price i{color:var(--yf-muted);font-size:11px;font-style:normal;font-weight:500}.yfr-package__price strong{color:var(--yf-text);font-variant-numeric:tabular-nums;align-items:baseline;font-size:15px;font-weight:700;display:inline-flex}.yfr-package__price strong b{margin-right:1px;font-size:11.5px;font-weight:600}.yfr-package__cta{color:color-mix(in srgb, #e0b341 88%, var(--yf-text));white-space:nowrap;transition:background-color .16s var(--yf-ease), color .16s var(--yf-ease);border:1px solid #e0b3419e;border-radius:999px;align-items:center;gap:4px;padding:4.5px 13px;font-size:12px;font-weight:650;line-height:1.5;display:inline-flex}.yfr-package:hover .yfr-package__cta{background:#e0b3412e}.yfr-package.active .yfr-package__cta{color:#221c0d;background:#e0b341;border-color:#e0b341}.yfr-waive .modal-backdrop{z-index:96}.yfr-pay-grant{color:color-mix(in srgb, #e0b341 78%, var(--yf-text));margin-top:-6px;font-size:12.5px}.yfr-pay-grant strong{font-weight:700}.yfr-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.yfr-preset{border:1.5px solid var(--yf-line);background:var(--yf-bg-deep);min-height:52px;color:var(--yf-text);cursor:pointer;transition:border-color .16s var(--yf-ease), background-color .16s var(--yf-ease), transform .16s var(--yf-ease), box-shadow .16s var(--yf-ease);border-radius:12px;place-items:center;padding-inline:4px;display:grid;position:relative}.yfr-preset:hover{border-color:var(--yf-line-2);transform:translateY(-1px)}.yfr-preset:focus-visible{border-color:var(--yf-accent-line);outline:none}.yfr-preset.active{border-color:var(--yf-accent-line);background:var(--yf-accent-soft);box-shadow:0 0 0 1px var(--yf-accent-line) inset}.yfr-preset.active:after{content:"";background:var(--yf-accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--yf-accent-soft);border-radius:50%;position:absolute;top:7px;right:8px}.yfr-preset__amount{font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;font-size:19px;font-weight:700}.yfr-preset__amount i{color:var(--yf-muted);margin-right:1px;font-size:13px;font-style:normal;font-weight:600}.yfr-preset.active .yfr-preset__amount,.yfr-preset.active .yfr-preset__amount i{color:var(--yf-accent)}.yfr-custom{border:1.5px solid var(--yf-line);background:var(--yf-bg-deep);transition:border-color .16s var(--yf-ease), box-shadow .16s var(--yf-ease);border-radius:12px;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.yfr-custom.active,.yfr-custom:focus-within{border-color:var(--yf-accent-line);box-shadow:0 0 0 3px var(--yf-accent-soft)}.yfr-custom__prefix{color:var(--yf-muted);font-size:15px;font-weight:650}.yfr-custom input{min-width:0;color:var(--yf-text);font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:none;flex:1;padding:8px 0;font-size:15px;font-weight:600}.yfr-custom input:focus{outline:none}.yfr-custom input::placeholder{color:var(--yf-faint);font-weight:500}.yfr-custom__btn{flex-shrink:0;min-height:34px;padding-inline:14px;font-size:13px}.yfr-hint{color:var(--yf-subtle);margin:2px 0 0;font-size:12px;line-height:1.6}.yfr-right{border:1px solid var(--yf-line);background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--yf-accent) 6%, transparent), transparent 70%), var(--yf-bg-deep);border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:14px 16px 16px;display:flex}.yfr-pay-amount{justify-content:center;align-items:baseline;gap:8px;display:flex}.yfr-pay-amount span{color:var(--yf-subtle);letter-spacing:.02em;font-size:12px}.yfr-pay-amount strong{font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--yf-gold-amount);font-size:24px;font-weight:750;line-height:1.1}.yfr-pay-amount strong i{opacity:.9;margin-right:2px;font-size:15px;font-style:normal}.yfr-qr{border:1px solid var(--yf-line-2);background:#fff;border-radius:14px;place-items:center;width:188px;height:188px;display:grid;position:relative;overflow:hidden}.yfr-qr__corner{border:2px solid var(--yf-accent);opacity:0;width:16px;height:16px;transition:opacity .2s var(--yf-ease);pointer-events:none;z-index:2;position:absolute}.yfr-qr.is-live .yfr-qr__corner{opacity:.9}.yfr-qr__corner.tl{border-bottom:none;border-right:none;border-top-left-radius:4px;top:8px;left:8px}.yfr-qr__corner.tr{border-bottom:none;border-left:none;border-top-right-radius:4px;top:8px;right:8px}.yfr-qr__corner.bl{border-top:none;border-right:none;border-bottom-left-radius:4px;bottom:8px;left:8px}.yfr-qr__corner.br{border-top:none;border-left:none;border-bottom-right-radius:4px;bottom:8px;right:8px}.yfr-qr__code{place-items:center;padding:4px;display:grid;position:relative}.yfr-qr__scan{height:2px;animation:yfr-scan 2.4s var(--yf-ease) infinite;pointer-events:none;background:linear-gradient(90deg,#0000,#2f7d46,#0000);border-radius:2px;position:absolute;top:6px;left:6px;right:6px;box-shadow:0 0 8px #2f7d4680}.yfr-qr__state{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.yfr-qr__placeholder span{color:#8a93a3;line-height:1.6}.yfr-qr__error{color:#c0392b;padding-inline:14px;line-height:1.5}.yfr-qr__stale{color:#b8860b;padding-inline:14px;line-height:1.6}.yfr-qr__stale strong{color:#8a5a00;font-weight:700}.yfr-qr__retry{color:#2f7d46;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:13px;font-weight:600;display:inline-flex}.yfr-spin{color:#6b7280;animation:.9s linear infinite yfr-spin}@keyframes yfr-spin{to{transform:rotate(360deg)}}@keyframes yfr-scan{0%{opacity:0;transform:translateY(0)}12%{opacity:1}50%{opacity:1;transform:translateY(150px)}88%{opacity:1}to{opacity:0;transform:translateY(0)}}@keyframes yfr-fade{0%{opacity:0}to{opacity:1}}@keyframes yfr-pop{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.yfr-wx{color:var(--yf-muted);align-items:center;gap:7px;font-size:13px;display:flex}.yfr-wx__dot{width:8px;height:8px;animation:yfr-pulse 2s var(--yf-ease) infinite;background:#2aae67;border-radius:50%;box-shadow:0 0 #2aae6780}@keyframes yfr-pulse{0%{box-shadow:0 0 #2aae6780}70%{box-shadow:0 0 0 6px #2aae6700}to{box-shadow:0 0 #2aae6700}}.yfr-error{text-align:center;margin:0}.yfr-success{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 16px 30px;display:flex}.yfr-success__icon{background:var(--yf-accent-soft);width:58px;height:58px;color:var(--yf-accent);box-shadow:0 0 0 6px color-mix(in srgb, var(--yf-accent) 8%, transparent);animation:yfr-pop .26s var(--yf-ease);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.yfr-success h3{margin:0;font-size:18px;font-weight:700}.yfr-success p{color:var(--yf-muted);margin:0;font-size:14px}.yfr-success__order{font-family:var(--yf-font-mono);color:var(--yf-subtle)!important;font-size:12px!important}.yfr-success .button{min-width:140px;margin-top:16px}@media (width<=560px){.yfr-body{grid-template-columns:1fr}.yfr-right{order:-1}}@media (prefers-reduced-motion:reduce){.yfr-backdrop,.yfr-modal,.yfr-success__icon,.yfr-qr__scan,.yfr-wx__dot{animation:none}.yfr-qr__scan{display:none}}
