:root{--bg:#000;--sb:#000;--white:#fff;--w95:rgba(255,255,255,.95);--w92:rgba(255,255,255,.92);--w70:rgba(255,255,255,.70);--w45:rgba(255,255,255,.45);--w35:rgba(255,255,255,.35);--w28:rgba(255,255,255,.28);--w14:rgba(255,255,255,.14);--w08:rgba(255,255,255,.08);--w07:rgba(255,255,255,.07);--w05:rgba(255,255,255,.05);--w04:rgba(255,255,255,.04);--w02:rgba(255,255,255,.02);--rule:rgba(255,255,255,.07);--green:#22c55e;--gdim:rgba(34,197,94,.12);--yellow:#eab308;--ydim:rgba(234,179,8,.12);--red:#ef4444;--rdim:rgba(239,68,68,.12);--sbw:224px;--tbh:52px;--font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--mono:"JetBrains Mono","SF Mono","Consolas",monospace;--f:130ms;--m:220ms;--s:380ms;--ease:cubic-bezier(.4,0,.2,1);--spring:cubic-bezier(.34,1.56,.64,1);--out:cubic-bezier(0,0,.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{font-family:var(--font);background:var(--bg);color:var(--white);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}svg{display:block;flex-shrink:0}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--w14);border-radius:9px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes numrise{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes trackFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes throb{0%,to{box-shadow:0 0 0 0 rgba(255,255,255,.4)}50%{box-shadow:0 0 0 5px rgba(255,255,255,0)}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes shimmer{0%{background-position:-300% 0}to{background-position:300% 0}}@keyframes aiPulse{0%,to{box-shadow:0 0 0 0 rgba(255,255,255,.18)}50%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}@keyframes aiDots{0%,80%,to{opacity:.2;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gsap-ready .main .metric,.gsap-ready .main .ph,.gsap-ready .main .stat,.gsap-ready .main [class*=article],.gsap-ready .main [class*=panel],.gsap-ready .main [class*=row],.gsap-ready .main tbody tr{animation:none!important}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.shell{display:grid;grid-template-columns:var(--sbw) 1fr;grid-template-rows:var(--tbh) 1fr;height:100vh;overflow:hidden;transition:grid-template-columns var(--m) var(--ease)}.shell.slim{--sbw:54px;grid-template-columns:54px 1fr}.topbar{grid-column:1/-1;height:var(--tbh);background:var(--bg);padding:0 20px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:200;box-shadow:0 1px 0 var(--rule)}.tb-logo,.topbar{display:flex;align-items:center}.tb-logo{width:var(--sbw);flex-shrink:0;gap:10px;padding:0 18px;overflow:hidden;transition:width var(--m) var(--ease)}.shell.slim .tb-logo{width:54px;padding:0 16px}.logo-mark{width:24px;height:24px;background:var(--white);border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-mark img{width:100%;height:100%;display:block;object-fit:cover}.logo-name{font-size:13px;font-weight:700;letter-spacing:-.1px;white-space:nowrap;overflow:hidden;transition:opacity var(--m) var(--ease),max-width var(--m) var(--ease);max-width:160px}.shell.slim .logo-name{opacity:0;max-width:0}.tb-collapse{width:26px;height:26px;background:transparent;border:none;border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--w28);flex-shrink:0;transition:background var(--f) var(--ease),color var(--f) var(--ease)}.tb-collapse:hover{background:var(--w04);color:var(--w70)}.tb-collapse svg{transition:transform var(--m) var(--ease)}.shell.slim .tb-collapse svg{transform:rotate(180deg)}.tb-gap{flex:1 1}.tb-search{display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;background:var(--w04);border-radius:7px;color:var(--w28);font-size:12px;cursor:text;min-width:160px;transition:background var(--f) var(--ease),color var(--f) var(--ease)}.tb-search:hover{background:var(--w07);color:var(--w45)}.tb-search kbd{margin-left:auto;color:var(--w14);font-size:10px;font-family:var(--mono)}.tb-icon{width:30px;height:30px;background:transparent;border:none;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--w28);position:relative;transition:background var(--f) var(--ease),color var(--f) var(--ease)}.tb-icon:hover{background:var(--w04);color:var(--w70)}#hamburger{display:none}.tb-notif{position:absolute;top:-1px;right:-1px;width:14px;height:14px;border-radius:50%;font-size:8px;font-weight:900;border:2px solid var(--bg)}.tb-avatar,.tb-notif{background:var(--white);color:var(--bg);display:flex;align-items:center;justify-content:center}.tb-avatar{width:28px;height:28px;border-radius:50%;font-size:10px;font-weight:800;cursor:pointer;transition:opacity var(--f)}.tb-avatar:hover{opacity:.8}.sidebar{background:var(--sb);overflow-y:auto;overflow-x:hidden;min-width:0;padding:10px 6px 32px;display:flex;flex-direction:column;gap:1px;box-shadow:1px 0 0 var(--rule)}.sidebar::-webkit-scrollbar{width:0}.s-sect{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--w14);padding:16px 12px 4px;white-space:nowrap;overflow:hidden;transition:opacity var(--m) var(--ease)}.shell.slim>.sidebar .s-sect{opacity:0}.s-item{display:flex;align-items:center;gap:9px;height:34px;padding:0 10px;border-radius:7px;font-size:12.5px;color:var(--w45);cursor:pointer;white-space:nowrap;overflow:hidden;position:relative;background:transparent;border:none;width:100%;text-align:left;transition:background var(--f) var(--ease),color var(--f) var(--ease);text-decoration:none}.s-item:hover{background:var(--w04);color:var(--w70)}.s-item.active{background:var(--w07);color:var(--white)}.s-item.active:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:3px;height:14px;background:var(--white);border-radius:0 2px 2px 0}.s-ico{width:14px;height:14px;flex-shrink:0;color:inherit;opacity:.7}.s-item.active .s-ico{opacity:1}.s-lbl{overflow:hidden;transition:opacity var(--m) var(--ease),max-width var(--m) var(--ease);max-width:160px;flex:1 1}.shell.slim>.sidebar .s-lbl{opacity:0;max-width:0}.s-badge{margin-left:auto;flex-shrink:0;background:var(--white);color:var(--bg);border-radius:9px;padding:1px 6px;font-size:9px;font-weight:800;transition:opacity var(--m) var(--ease)}.shell.slim>.sidebar .s-badge{opacity:0}.s-rule{height:1px;background:var(--rule);margin:8px 6px}.s-group-btn{display:flex;align-items:center;gap:9px;height:34px;padding:0 10px;border-radius:7px;font-size:12.5px;color:var(--w45);cursor:pointer;white-space:nowrap;width:100%;background:transparent;border:none;transition:background var(--f) var(--ease),color var(--f) var(--ease)}.s-group-btn:hover{background:var(--w04);color:var(--w70)}.s-arrow{margin-left:auto;color:var(--w14);transition:transform var(--m) var(--ease),opacity var(--m) var(--ease);flex-shrink:0}.shell.slim>.sidebar .s-arrow{opacity:0}.s-group-btn.open .s-arrow{transform:rotate(180deg)}.s-group-body{overflow:hidden;transition:max-height var(--s) var(--out)}.s-group-body.shut{max-height:0!important}.main{background:var(--bg);overflow-y:auto;min-width:0;min-height:0}.page{max-width:1360px;margin:0 auto;padding:36px 36px 80px;display:flex;flex-direction:column}.rule{height:1px;background:var(--rule);margin:32px 0;flex-shrink:0}.sec-hd{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.sec-hd-l{display:flex;flex-direction:column;gap:3px}.sec-title{font-size:13px;font-weight:600;color:var(--w45);letter-spacing:.03em;text-transform:uppercase}.sec-sub{font-size:12px;color:var(--w28)}.sec-hd-r{display:flex;gap:8px;align-items:center}.btn{white-space:nowrap;transition:all var(--f) var(--ease)}.tag{display:inline-flex;align-items:center;font-size:10px;font-weight:700;letter-spacing:.03em;padding:2px 8px;border-radius:20px}.tag-g{background:var(--gdim);color:var(--green)}.tag-y{background:var(--ydim);color:var(--yellow)}.tag-r{background:var(--rdim);color:var(--red)}.empty{min-height:72px;align-items:center;justify-content:center;padding:18px;border-radius:8px;background:var(--w04);color:var(--w35);font-size:13px;line-height:1.7;text-align:center}.empty,.ph{display:flex}.ph{align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:40px;animation:rise var(--s) var(--out) both}.ph h1{font-size:30px;font-weight:800;letter-spacing:-.8px;line-height:1}.ph-date{font-size:12px;color:var(--w28);margin-top:7px}.ph-r{display:flex;gap:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0}.stat{padding:0 0 32px;position:relative;cursor:default;animation:rise var(--s) var(--out) both}.stat:first-child{animation-delay:.04s}.stat:nth-child(2){animation-delay:.08s}.stat:nth-child(2),.stat:nth-child(3){padding-left:32px;box-shadow:-1px 0 0 var(--rule)}.stat:nth-child(3){animation-delay:.12s}.stat:nth-child(4){animation-delay:.16s;padding-left:32px;box-shadow:-1px 0 0 var(--rule)}.stat-ico{width:26px;height:26px;background:var(--w04);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--w28);margin-bottom:16px}.stat-num{display:block;font-size:42px;font-weight:900;letter-spacing:-2.5px;line-height:1;animation:numrise .5s var(--spring) both .2s}.stat-lbl{font-size:12px;color:var(--w45);display:block;margin:6px 0 10px}.stat-delta{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px}.delta-up{background:var(--gdim);color:var(--green)}.delta-flat{background:var(--w04);color:var(--w28)}.delta-down{background:var(--rdim);color:var(--red)}.stat-bg{position:absolute;right:0;bottom:-4px;font-size:60px;font-weight:900;letter-spacing:-4px;color:rgba(255,255,255,.025);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;animation:rise var(--s) var(--out) .1s both}.metric{padding:0}.metric+.metric{padding-left:28px;box-shadow:-1px 0 0 var(--rule)}.metric-lbl{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--w28);margin-bottom:10px}.metric-val{font-size:32px;font-weight:900;letter-spacing:-1.5px;line-height:1}.metric-sub{font-size:11px;color:var(--w28);margin-top:6px}.metric-sub.up{color:var(--green)}.g21,.g31{display:grid;grid-template-columns:1fr 300px;grid-gap:40px;gap:40px;align-items:start}.rstack{display:flex;flex-direction:column;gap:32px}.chart-tabs{display:flex;gap:2px}.ctab{height:24px;padding:0 9px;background:transparent;border:none;border-radius:5px;font-size:11px;font-weight:600;color:var(--w28);cursor:pointer;transition:background var(--f),color var(--f)}.ctab:hover{background:var(--w04);color:var(--w70)}.ctab.on{background:var(--white);color:var(--bg)}.chart-wrap{margin-top:20px;position:relative;height:168px;padding-top:16px}.cgrid{right:0;box-shadow:0 -1px 0 var(--w04)}.cgrid,.cgrid-lbl{position:absolute;left:0}.cgrid-lbl{top:-8px;font-size:9px;color:var(--w28)}.chart-bars{gap:5px}.cbar-w,.chart-bars{height:100%;display:flex;align-items:flex-end}.cbar-w{flex:1 1;justify-content:center}.cbar{width:100%;max-width:22px;background:var(--w07);border-radius:3px 3px 2px 2px;position:relative;cursor:pointer;transform-origin:bottom;animation:barGrow .6s var(--spring) both;transition:background var(--f) var(--ease)}.cbar:hover{background:var(--w28)}.cbar.hi{background:var(--white)}.cbar.hi:hover{background:var(--w95)}.cbar-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--white);color:var(--bg);font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--f)}.cbar:hover .cbar-tip{opacity:1}.cbar-x{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--w28);white-space:nowrap}.act-list{display:flex;flex-direction:column}.act{display:flex;align-items:center;gap:12px;padding:12px 0;box-shadow:0 1px 0 var(--rule);animation:rise .3s var(--out) both}.act:last-child{box-shadow:none}.act-dot{width:6px;height:6px;border-radius:50%;background:var(--w14);flex-shrink:0}.act-dot.live{background:var(--white);animation:throb 2s ease-in-out infinite}.act-body{flex:1 1;min-width:0}.act-txt{font-size:13px;color:var(--w70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.act-time{font-size:11px;color:var(--w28);margin-top:2px}.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--w28);padding:0 10px 12px;box-shadow:0 1px 0 var(--rule)}thead th:first-child{padding-left:0}tbody tr{transition:background var(--f)}tbody tr:hover{background:var(--w02)}tbody td{padding:12px 10px;box-shadow:0 1px 0 var(--rule);vertical-align:middle}tbody td:first-child{padding-left:0}tbody tr:last-child td{box-shadow:none}.t-n{font-size:10px;color:var(--w14);font-family:var(--mono)}.t-m{color:var(--w70)}.t-s{color:var(--w28);font-size:12px}.svc-list{display:flex;flex-direction:column;gap:14px}.svc{display:flex;align-items:center;gap:10px}.svc-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.svc-dot.on{background:var(--green);animation:statusPulse 2.5s ease-in-out infinite}.svc-dot.warn{background:var(--yellow)}.svc-dot.off{background:var(--red)}.svc-name{flex:1 1;font-size:12px;color:var(--w45)}.svc-val{font-size:11px;font-family:var(--mono);color:var(--w28)}.svc-val.on{color:var(--green)}.svc-val.warn{color:var(--yellow)}.prog-list{display:flex;flex-direction:column;gap:16px}.prog-hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.prog-lbl{font-size:12px;color:var(--w45)}.prog-val{font-size:12px;font-weight:700;font-family:var(--mono)}.track{height:2px;background:var(--w07);overflow:hidden}.fill,.track{border-radius:9px}.fill{height:100%;background:var(--white);transform-origin:left;animation:trackFill .8s var(--spring) both}.fill-dim{background:var(--w28)}.fill-red{background:var(--red)}.qa-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:1px;gap:1px;background:var(--rule);border-radius:12px;overflow:hidden}.qa{background:var(--bg);padding:20px 14px 18px;text-align:center;cursor:pointer;transition:background var(--f) var(--ease);animation:rise .4s var(--out) both;text-decoration:none;display:block}.qa:hover{background:var(--w04)}.qa:active{background:var(--w07)}.qa-ico{width:32px;height:32px;background:var(--w04);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--w45);transition:background var(--f),color var(--f)}.qa:hover .qa-ico{background:var(--w07);color:var(--white)}.qa-lbl{font-size:12px;font-weight:600;color:var(--w70);display:block}.qa-sub{font-size:10px;color:var(--w28);margin-top:3px;display:block}.m-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;opacity:0;visibility:hidden;pointer-events:none}.m-overlay.show{pointer-events:auto}.m-drawer{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);background:var(--bg);z-index:310;transform:none;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;padding:0 6px 12px;box-shadow:1px 0 0 var(--rule);display:flex;flex-direction:column;will-change:transform}.m-dh{justify-content:space-between;min-height:var(--tbh);padding:calc(10px + env(safe-area-inset-top)) 8px 10px;box-shadow:0 1px 0 var(--rule);margin-bottom:8px}.m-close,.m-dh{display:flex;align-items:center}.m-close{width:28px;height:28px;background:var(--w04);border:none;border-radius:6px;justify-content:center;color:var(--w45);cursor:pointer;transition:background var(--f),color var(--f)}.m-close:hover{background:var(--w07);color:var(--white)}.m-drawer>.sidebar{display:flex!important;flex:1 1;min-height:0;padding:2px 0 28px;box-shadow:none;overflow-y:auto;transform:none!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.m-drawer.open>.sidebar,.m-drawer>.sidebar{opacity:1!important;visibility:visible!important}.m-drawer .s-lbl{max-width:180px!important}.m-drawer .s-arrow,.m-drawer .s-badge,.m-drawer .s-lbl{opacity:1!important}@media(max-width:1100px){.metrics,.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3),.stat:nth-child(4){padding-left:0;box-shadow:none;padding-top:28px}.stat:nth-child(3){box-shadow:0 -1px 0 var(--rule)}.stat:nth-child(4){box-shadow:-1px 0 0 var(--rule),0 -1px 0 var(--rule)}.metric:nth-child(3){padding-left:0;box-shadow:0 -1px 0 var(--rule)}.metric:nth-child(4){box-shadow:-1px 0 0 var(--rule),0 -1px 0 var(--rule)}.qa-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.g21,.g31{grid-template-columns:1fr}}@media(max-width:768px){:root{--sbw:0px}.shell{grid-template-columns:1fr}.sidebar{display:none}#hamburger{display:flex}.tb-collapse{display:none}.m-drawer{width:100%;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom));box-shadow:none}.m-drawer>.sidebar{display:flex!important}.page{padding:24px 18px 60px}.stats{grid-template-columns:1fr 1fr;gap:0}.ph h1{font-size:24px}.stat-num{font-size:32px}.qa-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr 1fr}.ph{align-items:flex-start;margin-bottom:28px}.ph-r{width:100%}.ph-r>.btn{flex:1 1;justify-content:center}.sec-hd-r{width:100%;overflow-x:auto;padding-bottom:2px}.main{overscroll-behavior:contain}}@media(max-width:480px){.metrics,.stats{grid-template-columns:1fr}.stat:nth-child(n){padding-left:0!important;box-shadow:0 -1px 0 var(--rule)!important}.stat:first-child{box-shadow:none!important}.tb-search{display:none}}.ai-ball{position:fixed;right:28px;bottom:36px;width:52px;height:52px;border-radius:50%;background:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:400;animation:aiPulse 3s ease-in-out infinite;transition:transform var(--f) var(--spring),background var(--f);box-shadow:0 8px 32px rgba(0,0,0,.8)}.ai-ball:hover{transform:scale(1.08)}.ai-ball:active{transform:scale(.95)}.gpt-icon{width:22px;height:22px;display:block;color:var(--bg)}.ai-ball-dot{position:absolute;top:3px;right:3px;width:10px;height:10px;border-radius:50%;background:var(--white);border:2px solid var(--bg);animation:statusPulse 1.8s ease-in-out infinite}.ai-ball.open .gpt-icon{transform:scale(.92) rotate(18deg)}.ai-panel{position:fixed;top:0;right:0;bottom:0;width:360px;background:var(--bg);z-index:390;display:flex;flex-direction:column;box-shadow:-1px 0 0 var(--rule);transform:translateX(100%);transition:transform var(--s) var(--out)}.ai-panel.open{transform:translateX(0)}.ai-ph{height:52px;padding:0 16px;box-shadow:0 1px 0 var(--rule);gap:10px}.ai-ph,.ai-ph-ico{flex-shrink:0;display:flex;align-items:center}.ai-ph-ico{width:28px;height:28px;border-radius:7px;background:var(--white);justify-content:center}.ai-ph-ico .gpt-icon{width:16px;height:16px}.ai-ph-title{flex:1 1;font-size:13px;font-weight:700}.ai-ph-sub{font-size:10px;color:var(--w28);margin-top:1px}.ai-ph-acts{gap:4px}.ai-ph-acts,.ai-ph-btn{display:flex;align-items:center}.ai-ph-btn{width:28px;height:28px;border-radius:7px;background:transparent;border:none;cursor:pointer;justify-content:center;color:var(--w28);transition:background var(--f),color var(--f)}.ai-ph-btn:hover{background:var(--w04);color:var(--w70)}.ai-tabs{display:flex;padding:0 16px;box-shadow:0 1px 0 var(--rule);flex-shrink:0}.ai-tab{height:36px;padding:0 12px;background:transparent;border:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--w28);position:relative;transition:color var(--f)}.ai-tab:hover{color:var(--w70)}.ai-tab.on{color:var(--white)}.ai-tab.on:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;background:var(--white);border-radius:1px}.ai-msgs{flex:1 1;overflow-y:auto;padding:16px 16px 0;display:flex;flex-direction:column;gap:14px}.ai-msgs::-webkit-scrollbar{width:3px}.ai-msgs::-webkit-scrollbar-thumb{background:var(--w14)}.msg{animation:msgIn .25s var(--out) both}.msg-row{display:flex;gap:8px;align-items:flex-start}.msg-row.user{flex-direction:row-reverse}.msg-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;margin-top:2px}.msg-avatar.ai{background:var(--white);color:var(--bg)}.msg-avatar.usr{background:var(--w14);color:var(--white)}.msg-avatar.ai .gpt-icon{width:16px;height:16px}.msg-bubble{max-width:76%;padding:10px 13px;border-radius:12px;font-size:12.5px;line-height:1.6}.msg-bubble.ai{background:var(--w04);color:var(--w95);border-radius:4px 12px 12px 12px}.msg-bubble.user{background:var(--white);color:var(--bg);border-radius:12px 4px 12px 12px;font-weight:500}.msg-time{font-size:9px;color:var(--w14);margin-top:4px;text-align:right}.msg-row.user .msg-time{text-align:left}.ai-typing{display:flex;align-items:center;gap:3px;padding:10px 13px}.ai-typing span{width:5px;height:5px;border-radius:50%;background:var(--w28);animation:aiDots 1.4s ease-in-out infinite}.ai-typing span:nth-child(2){animation-delay:.16s}.ai-typing span:nth-child(3){animation-delay:.32s}.msg-parts{display:flex;flex-direction:column;gap:6px}.tool-chip{gap:7px;flex-wrap:wrap;padding:6px 10px;border-radius:8px;background:var(--w04);font-size:11px;font-family:var(--mono,monospace);color:var(--w45);max-width:76%}.tool-chip,.tool-chip-icon{display:flex;align-items:center}.tool-chip-icon{flex-shrink:0;justify-content:center}.tool-chip-icon,.tool-chip-icon svg{width:12px;height:12px}.tool-chip.running .tool-chip-icon{color:var(--yellow)}.tool-chip.running .tool-chip-icon svg{animation:spin .8s linear infinite}.tool-chip.done .tool-chip-icon{color:var(--green)}.tool-chip.error .tool-chip-icon{color:var(--red)}.tool-chip-name{color:var(--w70);font-weight:600;overflow-wrap:anywhere;min-width:0;flex:1 1 120px}.tool-chip.error .tool-chip-name{color:var(--red)}.tool-chip-status{color:var(--w28);flex-shrink:0;white-space:nowrap}.ai-sugg{padding:10px 16px;display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.ai-sugg-chip{padding:5px 10px;border-radius:20px;background:var(--w04);border:none;cursor:pointer;font-size:11px;color:var(--w45);transition:background var(--f),color var(--f)}.ai-sugg-chip:hover{background:var(--w07);color:var(--w95)}.ai-input-wrap{padding:12px 16px 16px;flex-shrink:0;box-shadow:0 -1px 0 var(--rule)}.ai-input-row{display:flex;align-items:flex-end;gap:8px;background:var(--w04);border-radius:10px;padding:8px 8px 8px 14px;transition:background var(--f)}.ai-input-row:focus-within{background:var(--w07)}.ai-input{flex:1 1;background:transparent;border:none;outline:none;color:var(--white);font-size:13px;font-family:var(--font);resize:none;line-height:1.5;max-height:120px;min-height:20px;padding:0}.ai-input::placeholder{color:var(--w28)}.ai-send{width:32px;height:32px;border-radius:7px;background:var(--white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--bg);transition:background var(--f),transform var(--f)}.ai-send:hover{background:var(--w95)}.ai-send:active{transform:scale(.92)}.ai-scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:385;animation:fadein .2s var(--out)}.ai-scrim.show{display:block}@media(max-width:768px){.ai-ball.drawer-open{opacity:0;pointer-events:none;transform:scale(.82)}.ai-panel{width:100%}.main{padding-bottom:72px}.page{padding-bottom:104px}.ai-ball{right:16px;bottom:16px;width:42px;height:42px}}.chip{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px}.chip-p{background:var(--ydim);color:var(--yellow)}.chip-a{background:var(--gdim);color:var(--green)}.chip-r{background:var(--rdim);color:var(--red)}.tag-n{background:var(--w07);color:var(--w45)}.btn{height:32px;padding:0 14px;border-radius:7px;border:none;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--f),color var(--f),box-shadow var(--f)}.btn:active{transform:scale(.97)}.btn-w{background:var(--white);color:var(--bg)}.btn-w:hover{background:var(--w95);box-shadow:0 4px 16px rgba(255,255,255,.12)}.btn-d{background:var(--w04);color:var(--w45)}.btn-d:hover{background:var(--w07);color:var(--w95)}.btn-sm{height:26px;padding:0 10px;font-size:11px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg)}.login-box{width:100%;max-width:360px}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:36px}.login-logo-name{font-size:16px;font-weight:700;letter-spacing:-.3px}.login-title{font-size:22px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.login-sub{font-size:12px;color:var(--w28);margin-bottom:32px}.login-form{gap:16px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:8px}.login-label{font-size:12px;font-weight:600;color:var(--w70)}.login-input{background:var(--w04);border:1px solid var(--rule);border-radius:8px;padding:10px 14px;font-family:var(--font);font-size:13px;color:var(--white);outline:none;transition:border-color var(--f)}.login-input::placeholder{color:var(--w28)}.login-input:focus{border-color:var(--w28)}.login-error{background:var(--rdim);border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--red)}.login-btn{margin-top:4px;width:100%;padding:12px;background:var(--white);color:var(--bg);border:none;border-radius:8px;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:opacity var(--f),transform var(--f);display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover:not(:disabled){opacity:.88}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.4;cursor:not-allowed}.login-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--bg);border-top:2px solid transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.login-footer{margin-top:32px;font-size:11px;color:var(--w14);text-align:center}