:root{--bg:#f3f5f7;--panel:#fff;--border:#e3e8ed;--text:#293543;--muted:#768391;--accent:#3b82f6;--accent-2:#eaf2ff;--danger:#f04438;--ok:#28a865;--warn:#f59e0b;--shadow-sm:0 2px 8px rgba(46,57,71,.045),0 8px 24px rgba(46,57,71,.04);--shadow-md:0 8px 28px rgba(46,57,71,.1);--radius:20px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}.button-link,button{background:var(--accent);color:#fff;border:0;border-radius:12px;padding:10px 17px;cursor:pointer;font-size:14px;font-weight:650;box-shadow:none;transition:background .18s,transform .18s,box-shadow .18s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.button-link:hover,button:hover{background:#2f72dc;box-shadow:0 6px 16px rgba(59,130,246,.2);transform:translateY(-1px)}.button-link:active,button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}button.ghost{background:#fff;border:1px solid var(--border);color:var(--text)}button.ghost:hover{border-color:#b9c7d5;background:#f8fafc;box-shadow:none}button.danger{background:#fff1f0;color:var(--danger);border:1px solid #ffd9d5}button.danger:hover{background:#ffe5e2;box-shadow:none}button.sm{padding:6px 11px;font-size:12px;border-radius:9px}input,select,textarea{background:#fff;color:var(--text);border:1px solid #dce2e8;border-radius:11px;padding:10px 13px;font:inherit;font-size:14px;width:100%;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(59,130,246,.1)}input::placeholder{color:#a6b0ba}label{font-size:12px;color:#667381;display:block;margin-bottom:6px;font-weight:650}.card{background:var(--panel);border:1px solid rgba(220,226,232,.9);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm);animation:tp-rise .32s cubic-bezier(.22,1,.36,1) both;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-md)}@keyframes tp-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.row{display:flex;gap:12px;align-items:center}.grid{display:grid;grid-gap:16px;gap:16px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#87929d;font-weight:650;font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:#fafbfc;border-bottom:1px solid var(--border)}td,th{padding:13px 14px}td{border-bottom:1px solid #edf0f3}tbody tr{transition:background .15s}tbody tr:hover{background:#f7faff}tbody tr:last-child td{border-bottom:0}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:650;background:#edf1f4;color:#5f6c79;border:0}.badge.ok{background:#e7f7ef;color:#178653}.badge.warn{background:#fff5dc;color:#a96c00}.badge.off{background:#eef0f2;color:#89939d}h1{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,PingFang SC,sans-serif;font-size:28px;line-height:1.2;font-weight:760;letter-spacing:-.035em;color:var(--text)}h2{font-size:16px;font-weight:720;letter-spacing:-.01em}.sub{color:var(--muted);font-size:13px;line-height:1.55}code{background:#edf4ff;color:#2768c7;padding:3px 7px;border-radius:7px;font-size:.92em}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccd4dc;border-radius:10px;border:2px solid var(--bg)}.tp-shell{display:flex;min-height:100vh}.tp-side{width:240px;padding:23px 14px 18px;display:flex;flex-direction:column;background:#0f1b2b;position:fixed;inset:0 auto 0 0;z-index:20}.tp-brand{display:flex;align-items:center;gap:10px;padding:0 10px 26px}.tp-brandmark{width:40px;height:40px;display:grid;place-items:center;flex:none}.tp-brandmark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.4))}.tp-brandmark i{width:4px;background:#fff;border-radius:3px;display:block}.tp-brandmark i:first-child{height:9px;opacity:.55}.tp-brandmark i:nth-child(2){height:17px}.tp-brandmark i:nth-child(3){height:13px;opacity:.8}.tp-brand strong{display:block;font-size:15px;letter-spacing:-.02em;color:#fff}.tp-brand strong em{font-style:normal;color:#6ea8ff}.tp-brand small{color:#5f7288;font-size:8px;letter-spacing:.16em;font-weight:750;display:block;margin-top:1px}.tp-nav-label{padding:5px 12px 9px;color:#4d6076;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tp-nav-list{display:grid;grid-gap:3px;gap:3px}.tp-nav{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;font-size:13px;font-weight:560;color:#8fa2b5;transition:background .16s,color .16s}.tp-nav:hover{background:rgba(255,255,255,.06);color:#e8eef5}.tp-nav.active{background:var(--accent);color:#fff;font-weight:680;box-shadow:0 6px 16px rgba(37,99,235,.35)}.tp-nav .ico{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#7e93a8;font-size:11px;font-weight:750;transition:background .16s,color .16s}.tp-nav:hover .ico{color:#dbe6f0}.tp-nav.active .ico{background:rgba(255,255,255,.18);color:#fff;box-shadow:none}.tp-side-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:15px 6px 0;gap:8px}.tp-side-foot,.tp-user{display:flex;align-items:center}.tp-user{gap:9px;min-width:0;flex:1 1}.tp-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:750;font-size:13px}.tp-user-copy{min-width:0}.tp-user-copy small,.tp-user-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-user-copy strong{font-size:12px;color:#eaf1f8}.tp-user-copy small{font-size:10px;color:#5f7288;margin-top:2px}.tp-logout{padding:6px 9px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;color:#a9bacb!important}.tp-logout:hover{color:#fff!important;background:rgba(255,255,255,.14)!important}.tp-main{margin-left:240px;min-width:0;flex:1 1}.tp-topbar{height:64px;background:rgba(243,245,247,.93);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,226,232,.75);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tp-context{font-size:12px;color:#7c8894;font-weight:600}.tp-system{font-size:11px;color:#63707d;display:flex;align-items:center;gap:7px}.tp-system i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(40,168,101,.12)}.tp-content{padding:30px 32px 48px;max-width:1440px;margin:0 auto}.dashboard{gap:22px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-heading .sub{margin-top:6px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.14em;font-weight:760;margin-bottom:7px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.metric{background:#fff;border:1px solid var(--border);border-radius:18px;padding:19px 19px 15px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:0;transition:box-shadow .2s,transform .2s}.metric:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-head{display:flex;align-items:center;gap:14px}.metric-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:19px;flex:none}.metric-num strong{display:block;font-size:30px;letter-spacing:-.045em;line-height:1.05;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metric-num small{color:#8a96a1;font-size:12px;font-weight:560;display:block;margin-top:3px}.metric-link{margin-top:14px;padding-top:12px;border-top:1px solid #eef1f4;font-size:12px;color:var(--accent);font-weight:650;display:flex;align-items:center;gap:5px}.metric-link:hover{gap:9px}.metric-link{transition:gap .18s}.metric-blue .metric-ico{background:#e8f0fe;color:#2b6de0}.metric-green .metric-ico{background:#e3f6ec;color:#1a9457}.metric-orange .metric-ico{background:#fef1dc;color:#c77e0a}.metric-slate .metric-ico{background:#edf0f4;color:#526071}.qa-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.qa{display:flex;align-items:center;gap:13px;padding:14px 13px;border-radius:14px;transition:background .16s}.qa:hover{background:#f4f8ff}.qa-ico{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#e8f0fe;color:#2b6de0;font-size:18px;flex:none}.qa strong{display:block;font-size:13px}.qa small{display:block;color:var(--muted);font-size:11px;margin-top:3px;line-height:1.4}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);grid-gap:16px;gap:16px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.section-head a{font-size:12px;color:var(--accent);font-weight:650}.network-visual{display:grid;grid-template-columns:190px 1fr;align-items:center;grid-gap:28px;gap:28px;padding:6px 8px 8px}.network-score{width:155px;height:155px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--accent) 0 78%,#e8edf2 78%);position:relative}.network-score:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.network-score span,.network-score strong{position:relative}.network-score strong{font-size:32px;letter-spacing:-.04em}.network-score sup{font-size:14px}.network-score span{font-size:10px;color:var(--muted);margin-top:2px}.network-bars{display:grid;grid-gap:17px;gap:17px}.network-bars>div{display:grid;grid-template-columns:76px 1fr 38px;align-items:center;grid-gap:10px;gap:10px;font-size:11px;color:#6f7c88}.network-bars b{height:7px;border-radius:99px;background:#edf0f3;overflow:hidden}.network-bars b i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.network-bars em{font-style:normal;text-align:right;color:#8a95a0}.quick-list{display:grid}.quick-list>a{display:flex;align-items:center;gap:12px;padding:13px 2px;border-top:1px solid #edf0f3}.quick-list>a:first-child{border-top:0}.quick-list>a>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#eef4fc;color:#3978c7;font-size:9px;font-weight:750}.quick-list>a>div{flex:1 1}.quick-list small,.quick-list strong{display:block}.quick-list strong{font-size:13px}.quick-list small{color:var(--muted);font-size:10px;margin-top:3px}.quick-list b{color:#a6b0b9;font-weight:400}.quick-list>a:hover b{color:var(--accent);transform:translateX(2px)}.ai-banner{display:flex;align-items:center;gap:14px;background:#2e3947;color:#fff;border-color:#2e3947}.ai-banner:hover{box-shadow:0 12px 28px rgba(46,57,71,.2)}.ai-mark{width:42px;height:42px;border-radius:13px;background:#3b8bff;display:grid;place-items:center;font-size:11px;font-weight:800;letter-spacing:.06em}.ai-banner>div:nth-child(2){flex:1 1}.ai-banner h2{color:#fff}.ai-banner p{font-size:12px;color:#bac4ce;margin-top:4px}.ai-banner>a{font-size:12px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:8px 13px}.login-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(430px,1fr) minmax(470px,.88fr);background:#fff}.login-showcase{background:linear-gradient(165deg,#fdfeff,#eef3f9);color:var(--text);padding:52px 56px;display:flex;flex-direction:column;gap:34px;position:relative;overflow:hidden}.login-wordmark{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:-.02em}.login-wordmark em{font-style:normal;color:var(--accent)}.login-wordmark .tp-brandmark{width:34px;height:34px}.login-copy{max-width:520px}.login-copy span{font-size:10px;letter-spacing:.15em;color:var(--accent);font-weight:760}.login-copy h1{font-size:40px;margin:14px 0 16px;line-height:1.14}.login-copy p{color:#5c6b7a;max-width:46ch;line-height:1.75;font-size:14px}.login-features{display:grid;grid-gap:18px;gap:18px;max-width:420px}.login-feature{display:flex;gap:13px;align-items:flex-start}.login-feature i{width:38px;height:38px;border-radius:12px;flex:none;display:grid;place-items:center;background:#e8f0fe;color:#2b6de0;font-style:normal;font-size:15px}.login-feature strong{display:block;font-size:13px}.login-feature small{display:block;color:#71808f;margin-top:4px;font-size:12px;line-height:1.5}.login-visual{margin-top:auto;height:170px;border-radius:18px;background:linear-gradient(135deg,#1c2c44,#2563eb 58%,#4f8ef7);box-shadow:0 24px 48px rgba(37,99,235,.25);display:flex;flex-direction:column;justify-content:center;padding:0 34px;color:#fff;position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%);right:-70px;top:-80px}.login-visual strong{font-size:22px;letter-spacing:-.02em;line-height:1.3}.login-visual small{color:#c9dcff;font-size:11px;margin-top:8px;letter-spacing:.04em}.login-panel{display:grid;place-items:center;padding:40px;background:#f3f5f7}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--border);border-radius:20px;padding:30px 30px 26px;box-shadow:var(--shadow-md);display:grid;grid-gap:17px;gap:17px}.login-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:4px}.login-tabs button{flex:1 1;background:none;box-shadow:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);font-size:14px;padding:11px 0;font-weight:640}.login-tabs button:hover{transform:none;box-shadow:none;color:var(--text);background:none}.login-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.login-error{background:#fff0ee;color:#b83228;border:1px solid #ffd8d3;padding:10px 12px;border-radius:10px;font-size:12px}.login-foot{text-align:center;color:#93a0ad;font-size:11px;margin-top:6px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));grid-gap:14px;gap:14px}.media-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:10px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s,border-color .2s;animation:tp-rise .32s cubic-bezier(.22,1,.36,1) both}.media-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#c9d9f2}.media-thumb{height:120px;border-radius:11px;overflow:hidden;background:#10192b;display:flex;align-items:center;justify-content:center;position:relative}.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover}.media-type{position:absolute;left:8px;bottom:8px;background:rgba(9,14,24,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:9px;font-weight:750;letter-spacing:.06em;padding:3px 8px;border-radius:6px;text-transform:uppercase}.media-name{font-size:13px;font-weight:620;margin:10px 2px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-meta{color:#93a0ad;font-size:11px;margin:0 2px 8px}.media-card input{font-size:11px;padding:6px 9px;border-radius:8px}.media-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:6px}@media (max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.qa-grid{grid-template-columns:repeat(2,1fr)}.login-showcase{padding:40px}.login-copy h1{font-size:34px}}@media (max-width:760px){.tp-side{position:fixed;inset:auto 0 0;width:auto;height:67px;padding:8px 10px;border:0;border-top:1px solid var(--border);flex-direction:row;overflow-x:auto}.tp-brand,.tp-nav-label,.tp-side-foot{display:none}.tp-nav-list{display:flex;gap:4px}.tp-nav{flex-direction:column;gap:2px;padding:4px 9px;font-size:9px;min-width:57px}.tp-nav .ico{width:25px;height:25px}.tp-main{margin-left:0;padding-bottom:70px}.tp-topbar{height:52px;padding:0 18px}.tp-content{padding:22px 16px}.metric-grid{grid-template-columns:1fr 1fr}.page-heading{align-items:flex-start}.login-shell,.network-visual{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100dvh;padding:24px}.row{flex-wrap:wrap}table{min-width:720px}.card:has(table){overflow-x:auto}}@media (max-width:480px){.metric-grid{grid-template-columns:1fr}.page-heading{display:grid}.page-heading .button-link{justify-self:start}.network-score{margin:auto}.ai-banner{align-items:flex-start;flex-wrap:wrap}.ai-banner>a{margin-left:56px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}