:root{color-scheme:light dark;--bg: #f5f5f7;--surface: rgba(255, 255, 255, .72);--surface-solid: #fff;--surface-border: rgba(255, 255, 255, .5);--line: rgba(0, 0, 0, .06);--line-strong: rgba(0, 0, 0, .1);--text: #1d1d1f;--muted: #86868b;--accent: #0071e3;--accent-hover: #0077ed;--green: #34c759;--red: #ff3b30;--orange: #ff9f0a;--purple: #bf5af2;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow: 0 8px 32px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .1);--radius: 14px;--radius-sm: 10px;--sidebar-w: 240px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-spring: cubic-bezier(.32, .72, 0, 1)}@media(prefers-color-scheme:dark){:root{--bg: #1c1c1e;--surface: rgba(44, 44, 46, .75);--surface-solid: #2c2c2e;--surface-border: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .06);--line-strong: rgba(255, 255, 255, .12);--text: #f5f5f7;--muted: #98989d;--accent: #0a84ff;--accent-hover: #409cff;--green: #30d158;--red: #ff453a;--orange: #ff9f0a;--purple: #bf5af2;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow: 0 8px 32px rgba(0, 0, 0, .2);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html,body{margin:0;min-height:100%;max-width:100%;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,SF Pro Display,SF Pro Text,Noto Sans SC,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;line-height:1.4706;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}button{font:inherit;letter-spacing:inherit}input,select,textarea{font:inherit;color:inherit}:root{color-scheme:light dark;--bg:#f5f5f7;--surface:rgba(255,255,255,.72);--surface-solid:#fff;--surface-border:rgba(255,255,255,.5);--line:rgba(0,0,0,.06);--line-strong:rgba(0,0,0,.1);--text:#1d1d1f;--muted:#86868b;--accent:#0071e3;--accent-hover:#0077ed;--primary:#1d1d1f;--primary-hover:#000;--green:#34c759;--red:#ff3b30;--orange:#ff9f0a;--purple:#bf5af2;--sidebar-w:240px;--shadow-sm:0 2px 8px rgba(0,0,0,.04);--shadow:0 8px 32px rgba(0,0,0,.06);--shadow-lg:0 16px 48px rgba(0,0,0,.1);--radius:14px;--radius-sm:10px;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-spring:cubic-bezier(.32,.72,0,1)}@media(prefers-color-scheme:dark){:root{--bg:#1c1c1e;--surface:rgba(44,44,46,.75);--surface-solid:#2c2c2e;--surface-border:rgba(255,255,255,.06);--line:rgba(255,255,255,.06);--line-strong:rgba(255,255,255,.12);--text:#f5f5f7;--muted:#98989d;--accent:#0a84ff;--accent-hover:#409cff;--primary:#f5f5f7;--primary-hover:#fff;--green:#30d158;--red:#ff453a;--orange:#ff9f0a;--purple:#bf5af2;--shadow-sm:0 2px 8px rgba(0,0,0,.15);--shadow:0 8px 32px rgba(0,0,0,.2);--shadow-lg:0 16px 48px rgba(0,0,0,.3)}}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:Inter,SF Pro Display,Noto Sans SC,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;line-height:1.4706;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}.app{display:flex;min-height:100vh;max-width:100%;overflow-x:hidden;animation:fadeIn .4s var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes springIn{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sidebar{width:var(--sidebar-w);background:var(--surface);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-right:1px solid var(--line);padding:24px 14px 18px;flex-shrink:0;display:flex;flex-direction:column;transition:background .3s ease,border-color .3s ease;height:100vh;position:sticky;top:0;overflow-y:auto}.logo{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;letter-spacing:-.02em;padding:0 10px 22px;color:var(--text)}.logo-mark{width:22px;height:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:2px;flex-shrink:0;border-radius:5px;overflow:hidden}.logo-mark span{display:block;border-radius:1.5px}.logo-mark span:nth-child(1){background:#f25022}.logo-mark span:nth-child(2){background:#7fba00}.logo-mark span:nth-child(3){background:#00a4ef}.logo-mark span:nth-child(4){background:#ffb900}.nav-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:0 10px;margin:16px 0 5px}.nav{display:flex;flex-direction:column;gap:2px}.nav button{width:100%;text-align:left;background:transparent;color:var(--text);border:0;border-radius:var(--radius-sm);padding:9px 10px;cursor:pointer;font:inherit;font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px;transition:background .15s ease,color .15s ease,transform .15s var(--ease-out);position:relative}.nav button:hover{background:#0000000a}@media(prefers-color-scheme:dark){.nav button:hover{background:#ffffff0f}}.nav button:active{transform:scale(.97)}.nav button.active{background:#0071e31a;color:var(--accent);font-weight:600}@media(prefers-color-scheme:dark){.nav button.active{background:#0a84ff26}}.nav button.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.sidebar-foot{margin-top:auto;color:var(--muted);font-size:11px;padding:16px 10px 0;border-top:1px solid var(--line)}.main{flex:1;min-width:0;display:flex;flex-direction:column;transition:background .3s ease}.topbar{height:48px;background:var(--surface);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10;transition:background .3s ease,border-color .3s ease}.topbar h1{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.topbar-right{display:flex;align-items:center;gap:10px;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block}.content{padding:28px;max-width:1200px;flex:1;margin:0 auto;width:100%}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat{background:var(--surface);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease-out),box-shadow .25s ease,background .3s ease,border-color .3s ease;animation:slideUp .4s var(--ease-out) both}.stat:nth-child(2){animation-delay:.05s}.stat:nth-child(3){animation-delay:.1s}.stat:nth-child(4){animation-delay:.15s}.stat:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.stat-label{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-value{display:block;font-size:26px;font-weight:700;letter-spacing:-.01em;margin-top:6px;color:var(--text);font-variant-numeric:tabular-nums;padding-right:2px}.stat-value small{font-size:12px;color:var(--muted);margin-left:4px;font-weight:500}.stat-unit{font-size:11px;color:var(--muted);margin-left:3px;font-weight:500;letter-spacing:.02em}.stat-sub{margin-top:4px;font-size:11px;font-weight:500;color:var(--green)}.card{background:var(--surface);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:background .3s ease,border-color .3s ease;max-width:100%}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.card-head::-webkit-scrollbar{display:none}.card-title{font-size:13px;font-weight:600;letter-spacing:-.01em}.card-body{padding:18px}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.page-title{font-size:20px;font-weight:750;letter-spacing:-.02em;color:var(--text)}.page-sub{font-size:12px;color:var(--muted);margin-top:3px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-action{display:flex;align-items:center;gap:12px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:all .2s var(--ease-out);text-decoration:none;color:inherit}.quick-action:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.quick-action:active{transform:scale(.97)}.quick-action-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.quick-action-icon.blue{background:#0071e31a;color:var(--accent)}.quick-action-icon.green{background:#34c7591a;color:var(--green)}.quick-action-icon.purple{background:#bf5af21a;color:var(--purple)}.quick-action-text h4{font-size:13px;font-weight:600;margin-bottom:2px}.quick-action-text p{font-size:11px;color:var(--muted)}.form-group{margin-bottom:18px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:var(--text)}.form-input{width:100%;border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:9px 12px;outline:0;font:inherit;font-size:13px;background:#ffffff80;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}@media(prefers-color-scheme:dark){.form-input{background:#0003}}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0071e31f;background:#ffffffb3}@media(prefers-color-scheme:dark){.form-input:focus{background:#0000004d;box-shadow:0 0 0 3px #0a84ff26}}.form-input::placeholder{color:var(--muted)}.form-hint{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.5}.form-hint code{color:var(--text);background:var(--line);padding:1px 5px;border-radius:4px;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);border-radius:var(--radius-sm);padding:8px 16px;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;letter-spacing:-.01em;transition:all .15s var(--ease-out);min-height:34px;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{background:var(--surface-solid);border-color:var(--line-strong)}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--bg)}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-sm)}.btn.danger{color:var(--red);border-color:var(--line)}.btn.danger:hover{background:#ff3b300f;border-color:var(--red)}.btn.success{color:var(--green);border-color:var(--line)}.btn.success:hover{background:#34c7590f;border-color:var(--green)}.btn-sm{padding:5px 10px;min-height:28px;font-size:11px}.table-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-width:100%;scrollbar-width:thin}.table-wrap .table{min-width:640px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:transparent;border-bottom:1px solid var(--line);padding:10px 18px}.table td{padding:12px 18px;border-bottom:1px solid var(--line);white-space:nowrap;font-size:13px}.table tr:hover td{background:#0071e308}@media(prefers-color-scheme:dark){.table tr:hover td{background:#0a84ff0a}}.table tr:last-child td{border-bottom:0}.conv-row{cursor:pointer}.conv-link{display:block;max-width:360px;padding:0;border:0;background:transparent;color:var(--accent);font:inherit;font-weight:600;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.conv-meta{font-size:11px;color:var(--muted);margin-top:3px}.notice{position:fixed;right:24px;bottom:24px;background:var(--primary);color:var(--bg);padding:12px 18px;border-radius:var(--radius-sm);display:none;box-shadow:var(--shadow-lg);font-weight:600;font-size:13px;z-index:99;animation:slideUp .3s var(--ease-out)}.notice.show{display:block}.notice.success{background:var(--green)}.notice.error{background:var(--red)}.account-cell{display:flex;align-items:center;gap:10px}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#5856d6);color:#fff;display:grid;place-items:center;font-weight:600;font-size:11px}.status{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status.online{color:var(--green)}.status.offline{color:var(--muted)}.status.cooldown,.status.warn{color:#d97706}.empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:13px;background:transparent}.highlight-box{background:#0071e30a;border:1px solid rgba(0,113,227,.15);border-radius:var(--radius-sm);padding:14px 16px;margin:12px 0;animation:scaleIn .3s var(--ease-out)}.highlight-box.warning{background:#ff9f0a0a;border-color:#ff9f0a33}.highlight-box.success{background:#34c7590a;border-color:#34c75933}.highlight-box-title{font-size:12px;font-weight:600;color:var(--accent);margin-bottom:4px;display:flex;align-items:center;gap:6px}.highlight-box.warning .highlight-box-title{color:var(--orange)}.highlight-box.success .highlight-box-title{color:var(--green)}.highlight-box p{font-size:12px;color:var(--muted);line-height:1.5}.highlight-box p:last-child{margin-bottom:0}.onboarding{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--shadow-sm);padding:24px;margin-bottom:24px;animation:slideUp .4s var(--ease-out)}.onboarding:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 130% at 88% 0%,rgba(0,113,227,.12) 0%,transparent 62%),linear-gradient(112deg,#0071e30a,#5856d60a 48%,#0071e30f);pointer-events:none}@media(prefers-color-scheme:dark){.onboarding:before{background:radial-gradient(ellipse 60% 130% at 88% 0%,rgba(10,132,255,.18) 0%,transparent 62%),linear-gradient(112deg,#0a84ff0d,#5e5ce60d 48%,#0a84ff12)}}.onboarding-deco{position:absolute;right:-6px;top:12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;line-height:1.7;color:var(--muted);opacity:.34;pointer-events:none;white-space:pre;text-align:right;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 82%,transparent 100%);-webkit-user-select:none;user-select:none}.onb-grid{position:relative;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,21rem)}@media(max-width:900px){.onb-grid{grid-template-columns:1fr}}.onb-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.onb-kicker{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.onb-kicker i{width:14px;height:14px}.onb-title{font-size:20px;font-weight:700;letter-spacing:-.02em;margin-top:5px}.onb-desc{font-size:12px;color:var(--muted);margin-top:4px;max-width:520px;line-height:1.5}.onb-head-actions{display:flex;gap:8px;flex-wrap:wrap}.onb-steps{display:flex;flex-direction:column;gap:8px;background:#ffffff73;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px}@media(prefers-color-scheme:dark){.onb-steps{background:#00000047}}.onb-step{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);background:#ffffff8c;border:1px solid var(--line);cursor:pointer;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .2s var(--ease-out);text-align:left;color:inherit;font:inherit}@media(prefers-color-scheme:dark){.onb-step{background:#00000040}}.onb-step:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translate(2px)}.onb-step:active{transform:scale(.98)}.onb-step-num{flex-shrink:0;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:13px;font-variant-numeric:tabular-nums;background:#0071e31a;color:var(--accent)}@media(prefers-color-scheme:dark){.onb-step-num{background:#0a84ff29}}.onb-step.done .onb-step-num{background:#34c7591f;color:var(--green)}.onb-step-icon{flex-shrink:0;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--line);color:var(--muted)}.onb-step-text{flex:1;min-width:0}.onb-step-text b{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.onb-step-text b i{width:14px;height:14px}.onb-step-text p{font-size:11px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onb-step-arrow{flex-shrink:0;width:16px;height:16px;color:var(--muted)}.onb-code{background:#fff9;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;padding:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media(prefers-color-scheme:dark){.onb-code{background:#0000004d}}.onb-code-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:12px}.onb-code-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.onb-code-title i{flex-shrink:0;width:16px;height:16px;color:var(--accent)}.onb-code-title small{color:var(--muted);font-weight:500;font-size:11px}.onb-mac{display:flex;gap:6px;margin-bottom:10px}.onb-mac i{width:10px;height:10px;border-radius:50%;display:block}.onb-mac i:nth-child(1){background:var(--red)}.onb-mac i:nth-child(2){background:var(--orange)}.onb-mac i:nth-child(3){background:var(--green)}.onb-curl{margin:0;font-family:SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.7;white-space:pre-wrap;word-break:break-all;color:var(--muted);max-height:180px;overflow:auto}.onb-curl .hl{color:var(--accent)}.onb-status{margin-top:12px;display:flex;flex-direction:column;gap:8px}.onb-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#00000008;border-radius:var(--radius-sm);padding:9px 12px;font-size:12px}@media(prefers-color-scheme:dark){.onb-status-row{background:#ffffff0d}}.onb-status-l{display:flex;align-items:center;gap:8px;min-width:0}.onb-status-l i{flex-shrink:0;width:14px;height:14px}.onb-status-r{flex-shrink:0;color:var(--muted);font-size:11px;font-weight:500}.copy-field{display:flex;gap:8px;align-items:center;margin:8px 0}.copy-field .form-input{flex:1;font-family:SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:50}.modal-overlay.open{display:flex}.modal{width:min(480px,calc(100vw - 32px));background:var(--surface-solid);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid var(--surface-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:28px;animation:scaleIn .25s var(--ease-out)}.modal h3{font-size:17px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.modal .subtitle{font-size:12px;color:var(--muted);margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s var(--ease-out)}.modal-close:hover{background:var(--hover);color:var(--text)}.term{background:#1a1d24;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-md);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.term-head{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.term-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.term-dot.red{background:#ff5f57}.term-dot.yellow{background:#febc2e}.term-dot.green{background:#28c840}.term-title{flex:1;text-align:center;font-size:11px;color:var(--muted);letter-spacing:.02em}.term-clear{border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer;font-family:inherit}.term-clear:hover{color:var(--text)}.term-body{height:260px;overflow-y:auto;padding:12px 14px;font-size:12px;line-height:1.75;color:#d1d5db}.term-body div{white-space:pre-wrap;word-break:break-all}.term-body .ok{color:#4ade80}.term-body .err{color:#f87171}.term-body .warn{color:#fbbf24}.term-body .dim{color:#6b7280}.term-body::-webkit-scrollbar{width:8px}.term-body::-webkit-scrollbar-thumb{background:#3b4152;border-radius:4px}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:1fr}}@media(max-width:640px){.sidebar{width:48px;padding:16px 4px}.logo span,.nav-label,.nav button span,.sidebar-foot{display:none}.logo{padding-bottom:16px;justify-content:center}.nav button{padding:8px 0;justify-content:center}.topbar{padding:0 14px}.content{padding:16px}.stats{grid-template-columns:1fr}.topbar-right{display:none}.main,.content{overflow-x:hidden}.card{max-width:100%}.card-head{flex-wrap:nowrap;gap:10px;padding:12px 14px}.page-head{flex-wrap:wrap;gap:10px}.usage-toolbar{flex-wrap:wrap}.table-wrap{margin:0;touch-action:pan-x}.seg{max-width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.pagination{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}}@media(max-width:900px){.usage-overview{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.usage-overview{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.usage-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:24px;box-shadow:var(--shadow-sm)}.usage-overview-item{background:var(--surface);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);padding:16px 20px;transition:background .3s ease;animation:slideUp .4s var(--ease-out) both}.usage-overview-item:nth-child(2){animation-delay:.05s}.usage-overview-item:nth-child(3){animation-delay:.1s}.usage-overview-top{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.usage-overview-top i{width:14px;height:14px}.usage-overview-value{display:block;font-size:24px;font-weight:700;letter-spacing:-.03em;margin-top:6px;color:var(--text);font-variant-numeric:tabular-nums}.usage-overview-value small{font-size:12px;color:var(--muted);font-weight:500;margin-left:3px}.usage-overview-sub{margin-top:3px;font-size:11px;color:var(--muted)}.usage-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:16px}.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:3px;gap:2px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.seg button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:600;padding:5px 12px;border-radius:7px;cursor:pointer;transition:all .15s var(--ease-out)}.seg button:hover{color:var(--text)}.seg button.active{background:var(--primary);color:var(--bg)}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media(max-width:900px){.chart-grid{grid-template-columns:1fr}}.chart{background:var(--surface);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px;animation:slideUp .4s var(--ease-out) both}.chart-title{font-size:13px;font-weight:600;margin-bottom:2px}.chart-sub{font-size:11px;color:var(--muted);margin-bottom:12px}.chart svg{display:block;width:100%;height:auto}.chart-tooltip{position:absolute;background:var(--primary);color:var(--bg);font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .1s ease;z-index:5;white-space:nowrap;box-shadow:var(--shadow-sm)}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.bar-row:last-child{margin-bottom:0}.bar-name{width:110px;flex-shrink:0;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1;height:14px;background:var(--line);border-radius:7px;overflow:hidden}.bar-fill{height:100%;border-radius:7px;background:linear-gradient(90deg,var(--accent),#5856d6);transition:width .5s var(--ease-out)}.bar-val{width:90px;flex-shrink:0;text-align:right;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.bar-fill.green{background:linear-gradient(90deg,#34c759,#30d158)}.bar-fill.orange{background:linear-gradient(90deg,#ff9f0a,#ffb340)}.bar-fill.purple{background:linear-gradient(90deg,#bf5af2,#d391f7)}.bar-fill.red{background:linear-gradient(90deg,#ff3b30,#ff6961)}.bar-fill.teal{background:linear-gradient(90deg,#30b0c7,#5ac8fa)}.bar-fill.pink{background:linear-gradient(90deg,#ff2d55,#ff6482)}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;color:var(--muted);font-size:12px}.chart-empty i{width:28px;height:28px;color:var(--muted);opacity:.5}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.usage-status{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;background:#34c7591f;color:var(--green)}.usage-status.err{background:#ff3b301a;color:var(--red)}.token-stack{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.token-stack b{color:var(--text);font-weight:600}.uke-tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.uke-tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 12px;font:inherit;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:color .15s ease,border-color .15s ease;display:inline-flex;align-items:center;gap:6px}.uke-tab i{width:14px;height:14px}.uke-tab:hover{color:var(--text)}.uke-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.uke-file{background:#00000008;border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:10px;overflow:hidden}@media(prefers-color-scheme:dark){.uke-file{background:#ffffff0a}}.uke-file-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:11px;font-weight:600;color:var(--muted)}.uke-file-head code{font-family:SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:var(--text)}.uke-file pre{margin:0;padding:12px;font-family:SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.65;white-space:pre-wrap;word-break:break-all;color:var(--text);max-height:240px;overflow:auto}.uke-file pre .c{color:var(--muted)}.modal.wide{width:min(720px,calc(100vw - 32px))}.login-submit{width:100%;border:0;background:var(--primary);color:var(--bg);padding:10px 16px;font-weight:600;font-size:15px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .14s ease-out,opacity .14s ease-out,transform .16s cubic-bezier(.23,1,.32,1)}.login-submit:hover{background:var(--primary-hover)}.login-submit:active{transform:scale(.97)}.login-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes onAutoFillStart{0%{opacity:.99}to{opacity:1}}input:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms}.app{display:flex;align-items:stretch;min-height:100vh}.sidebar{position:fixed!important;top:0;left:0;bottom:0;height:100vh;z-index:20}.main{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));min-width:0}.table-wrap .table{min-width:0;width:100%}.table td,.table th{white-space:normal;overflow-wrap:anywhere}.status .dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.logo .logo-mark{display:grid}.logo .logo-text{display:inline}.topbar-status{display:inline-flex;align-items:center;gap:6px}@media(max-width:640px){.logo .logo-mark span{display:block}.logo .logo-text{display:none}.topbar-right{display:flex}.topbar-status,.topbar-locale{display:none}.sidebar{width:48px;padding:16px 4px}.main{margin-left:48px;width:calc(100% - 48px)}}.btn,.quick-action,.modal-close,.seg button{transition:transform .16s cubic-bezier(.23,1,.32,1),background .14s ease-out,border-color .14s ease-out,color .14s ease-out}.btn:active,.quick-action:active{transform:scale(.97)}.nav button{transition:background .14s ease-out,color .14s ease-out,transform .12s cubic-bezier(.23,1,.32,1)}.nav button:active{transform:scale(.98)}.modal{animation:none;max-height:calc(100vh - 48px);overflow:auto}.app,.stat,.usage-overview-item,.onboarding,.chart,.bar-fill{animation-duration:.24s}.stat:hover{animation:none;transform:translateY(-3px)}@media(hover:none){.stat:hover,.card:hover,.quick-action:hover,.onb-step:hover{transform:none}}.modal-close:hover{background:var(--line)}.quick-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer;color:inherit}.quick-action-text h4,.quick-action-text p{margin:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.stat:hover,.card:hover,.btn:active,.nav button:active,.quick-action:active{transform:none!important}}