:root{color-scheme:dark;--bg: #090b10;--panel: rgba(20, 26, 36, .76);--card: rgba(23, 30, 42, .84);--card-hover: rgba(31, 41, 56, .94);--line: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .2);--text: #f7fafc;--muted: #a7b0bf;--soft: #737f90;--cyan: #54d6d5;--shadow: 0 24px 70px rgba(0, 0, 0, .34);--radius: 8px;font-family:Inter,SF Pro Display,Segoe UI,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100%;margin:0;color:var(--text);background:radial-gradient(circle at 12% 8%,rgba(84,214,213,.18),transparent 30rem),radial-gradient(circle at 84% 18%,rgba(241,191,97,.14),transparent 28rem),linear-gradient(135deg,#07090e,#11141c 45%,#081015)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{width:100%;min-height:100vh;margin:0;padding:22px clamp(18px,3vw,56px) 48px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:12px 0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:210px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden;background:#ffffff14;box-shadow:0 14px 36px #54d6d51f}.brand-mark img{width:36px;height:36px;object-fit:contain}.brand strong,.brand small{display:block;line-height:1.1}.brand strong{font-size:18px}.brand small{margin-top:4px;color:var(--muted);font-size:12px}.nav-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,auto));align-items:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:#070a0f8a;box-shadow:var(--shadow)}.tab{min-height:34px;padding:0 14px;border:0;border-radius:6px;color:var(--muted);background:transparent;transition:color .18s ease,background .18s ease}.tab:hover,.tab.active{color:var(--text);background:#ffffff1a}.portal{padding-top:4px}.overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,480px);gap:clamp(22px,5vw,80px);align-items:end;padding:clamp(24px,4vw,48px) 0 28px}.intro{max-width:780px}.eyebrow{margin:0 0 12px;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3{margin:0;letter-spacing:0}h1{max-width:860px;font-size:clamp(36px,4.8vw,60px);line-height:1.08;text-wrap:balance}.intro-text{max-width:650px;margin:16px 0 0;color:var(--muted);font-size:clamp(15px,1.5vw,18px);line-height:1.7}.control-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff14,#ffffff06),var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search-box{display:flex;align-items:center;gap:12px;height:64px;padding:0 18px;border-bottom:1px solid var(--line);color:var(--cyan)}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.search-box input::placeholder{color:var(--soft)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.metrics div{min-width:0;padding:20px}.metrics div+div{border-left:1px solid var(--line)}.metrics strong,.metrics span{display:block}.metrics strong{font-size:clamp(22px,3vw,34px);line-height:1}.metrics span{margin-top:8px;color:var(--muted);font-size:13px}.workspace{padding-top:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{font-size:clamp(26px,4vw,42px)}.section-heading>p{margin:0 0 5px;color:var(--muted)}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.app-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:252px;padding:20px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:0 20px 46px #00000038;transition:transform .18s ease,border-color .18s ease,background .18s ease}.app-card:before{position:absolute;inset:0;content:"";opacity:.58;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 34%,transparent),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 42%);pointer-events:none}.app-card>*{position:relative;z-index:1}.app-card:hover{transform:translateY(-4px);border-color:var(--line-strong);background:var(--card-hover)}.app-card.disabled{cursor:default}.app-card.disabled:hover{transform:none}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.icon-box{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,transparent),#ffffff12),#ffffff1a}.status-pill{display:inline-flex;align-items:center;min-height:26px;max-width:118px;padding:0 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#d7dde7;background:#080c1257;font-size:12px;white-space:nowrap}.app-card{color:inherit;font:inherit;text-align:left}.card-body{align-self:start}.app-card h3{margin:26px 0 10px;font-size:21px;line-height:1.25}.app-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.tag{display:inline-flex;align-items:center;min-height:24px;max-width:118px;padding:0 8px;border-radius:999px;color:#d8dee7;background:#ffffff14;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.open-link{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);color:var(--text);background:#ffffff1a}.notice-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:#03060a9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notice-dialog{position:relative;width:min(420px,100%);padding:28px;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff17,#ffffff08),#151b25;box-shadow:var(--shadow)}.notice-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#ffffff0f}.notice-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(245,196,81,.28);border-radius:var(--radius);color:#f5c451;background:#f5c4511f}.notice-dialog h2{margin:18px 0 10px;font-size:24px}.notice-dialog p{margin:0;color:var(--muted);line-height:1.8}.empty-state,.loading-state{display:flex;align-items:center;justify-content:center;gap:10px;min-height:160px;padding:28px;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);text-align:center}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:880px){.topbar,.section-heading{align-items:stretch;flex-direction:column}.brand{min-width:0}.nav-tabs{width:100%;overflow-x:auto}.tab{flex:1 0 auto}.overview{grid-template-columns:1fr;padding-top:34px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.app-shell{padding-inline:14px}.nav-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.tab{width:100%}.overview{padding-top:22px;padding-bottom:22px}h1{font-size:clamp(34px,12vw,48px)}.metrics{grid-template-columns:1fr}.metrics div+div{border-top:1px solid var(--line);border-left:0}.app-grid{grid-template-columns:1fr}.app-card{min-height:226px}}