*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--page);color:var(--ink);font:400 var(--fs-body)/1.6 var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1100px 420px at 78% -140px,rgba(82,199,224,.1),transparent 62%),radial-gradient(900px 380px at 12% -120px,rgba(111,168,240,.07),transparent 60%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}h1,h2,h3,h4,p{margin:0}a{color:var(--accent);text-decoration:none}button{font-family:inherit}::selection{background:#52c7e04d}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#94b8e229;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#94b8e247}*::-webkit-scrollbar-track{background:transparent}.num{font-family:var(--font-num);letter-spacing:.01em}.mono{font-family:var(--font-mono);font-size:.92em}.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--ink-3)}.sub{color:var(--ink-2);font-size:var(--fs-sub)}.shell{position:relative;z-index:1;display:flex;height:100vh}.nav{width:var(--nav-w);flex:none;display:flex;flex-direction:column;background:var(--nav-gradient);border-right:1px solid var(--line-faint);z-index:var(--z-nav)}.nav-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 16px;border-bottom:1px solid var(--line-faint)}.nav-brand .logo{width:34px;height:34px;border-radius:9px;flex:none;display:grid;place-items:center;background:var(--aurora);color:var(--accent-ink);font:700 17px/1 var(--font-num);box-shadow:0 2px 12px #52c7e059}.nav-brand b{font-size:15.5px;letter-spacing:.04em;display:block}.nav-brand .sub{font-size:10.5px;letter-spacing:.14em;color:var(--ink-3)}.nav-body{flex:1;overflow-y:auto;padding:10px 10px 16px}.nav-group-label{padding:16px 10px 6px;font-size:10.5px;letter-spacing:.2em;color:var(--ink-3);-webkit-user-select:none;user-select:none}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;margin:1px 0;border:0;border-radius:var(--r-s);background:none;color:var(--ink-2);font-size:var(--fs-body);cursor:pointer;text-align:left;transition:background var(--t-fast),color var(--t-fast)}.nav-item .ico{width:17px;height:17px;flex:none;opacity:.8}.nav-item:hover{background:#94b8e20f;color:var(--ink)}.nav-item.active{background:var(--accent-wash);color:var(--accent-bright);box-shadow:inset 2px 0 0 var(--accent)}.nav-item .nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);background:var(--danger-wash);color:var(--danger-bright);font:600 10.5px/18px var(--font-num);text-align:center}.nav-item.active .nav-badge{background:#52c7e02e;color:var(--accent-bright)}.nav-agent{margin:10px;padding:12px;border-radius:var(--r-m);background:var(--surface-agent);border:1px solid var(--line);position:relative;overflow:hidden}.nav-agent:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--aurora);opacity:.8}.nav-agent .row{display:flex;align-items:center;gap:8px}.nav-agent .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 #52c7e080;animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #52c7e073}70%{box-shadow:0 0 0 8px #52c7e000}to{box-shadow:0 0 #52c7e000}}.nav-agent b{font-size:12.5px}.nav-agent .sub{font-size:11px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:14px;padding:0 var(--sp-6);border-bottom:1px solid var(--line-faint);background:#0a0f19b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar .crumb{font-size:var(--fs-h3);font-weight:600;letter-spacing:.02em}.topbar .crumb .muted{font-weight:400}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.topbar .user{display:flex;align-items:center;gap:9px}.topbar .avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--ink-2)}.view{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-6) var(--sp-6) 72px}.view-head{display:flex;align-items:flex-end;gap:14px;margin-bottom:var(--sp-5);flex-wrap:wrap}.view-head h1{font-size:var(--fs-h1);font-weight:700;letter-spacing:.02em}.view-head .desc{color:var(--ink-3);font-size:var(--fs-sub)}.view-head .actions{margin-left:auto;display:flex;gap:10px;align-items:center}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.reveal{animation:rise var(--t-slow) both}.reveal:nth-child(2){animation-delay:40ms}.reveal:nth-child(3){animation-delay:80ms}.reveal:nth-child(4){animation-delay:.12s}.reveal:nth-child(5){animation-delay:.16s}.reveal:nth-child(6){animation-delay:.2s}.reveal:nth-child(7){animation-delay:.24s}.reveal:nth-child(8){animation-delay:.28s}.grid{display:grid;gap:var(--sp-4)}.cols-2{grid-template-columns:1fr 1fr}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1280px){.cols-4,.cols-3{grid-template-columns:1fr 1fr}}.row{display:flex;align-items:center}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}