*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1b2838;--sidebar:#171a21;--border:#2a3f52;--text:#c6d4df;--muted:#7393a7;--accent:#1a9fff;--hover:#2a475e}body,html{height:100%;overflow:hidden}body{font-family:-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:13px}.topbar{height:36px;background:#000;display:flex;align-items:center;padding:0 12px;gap:20px;flex-shrink:0}.topbar-logo{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text)}.topbar-logo em{color:var(--accent);font-style:normal}.topbar-nav{display:flex;gap:2px}.topbar-nav a{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);text-decoration:none;padding:6px 12px}.topbar-nav a.active{color:#fff;border-bottom:2px solid var(--accent)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted)}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#57cbde;margin-right:4px}.layout{display:flex;height:calc(100vh - 36px);overflow:hidden}.sidebar{width:198px;flex-shrink:0;background:var(--sidebar);display:flex;flex-direction:column;border-right:1px solid #0d1117}.sidebar-top{padding:8px;border-bottom:1px solid #0d1117}.sidebar-search{display:flex;align-items:center;background:#0f1923;border:1px solid #0d1117;border-radius:2px;padding:4px 8px;gap:6px}.sidebar-search input{background:none;border:none;outline:none;color:var(--text);font-size:12px;width:100%}.sidebar-search input::placeholder{color:var(--muted)}.sidebar-filter{display:flex;align-items:center;gap:4px;padding:6px 10px;border-bottom:1px solid #0d1117}.filter-select{background:none;border:1px solid var(--border);color:var(--text);font-size:11px;padding:2px 4px;border-radius:2px}.sidebar-list{flex:1 1;overflow-y:auto;padding:4px 0}.sidebar-list::-webkit-scrollbar{width:3px}.sidebar-list::-webkit-scrollbar-thumb{background:#2a3f52}.cat-label{padding:8px 10px 4px;font-size:10px;color:#4f6a7b;text-transform:uppercase;letter-spacing:1px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:5px 10px;cursor:pointer;position:relative}.sidebar-item:hover{background:var(--hover)}.sidebar-item.active{background:#2a475e}.sidebar-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.s-icon{width:22px;height:22px;border-radius:3px;flex-shrink:0;overflow:hidden}.s-icon svg{width:100%;height:100%}.s-name{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1}.sidebar-item.active .s-name{color:#fff}.spip{width:6px;height:6px;border-radius:50%;flex-shrink:0}.main{flex:1 1;overflow-y:auto;background:var(--bg)}.main::-webkit-scrollbar{width:5px}.main::-webkit-scrollbar-thumb{background:#2a3f52;border-radius:2px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 10px}.section-title{font-size:14px;font-weight:600;color:#fff}.section-title .count{font-size:11px;color:var(--muted);font-weight:400}.snav{display:flex;gap:4px}.snav button{background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--text);width:24px;height:24px;border-radius:2px;cursor:pointer}.hero-shelf{display:flex;gap:10px;padding:0 20px 4px;overflow-x:auto;scrollbar-width:none}.hero-shelf::-webkit-scrollbar{display:none}.hc-big{width:316px}.hc-big,.hc-sm{flex-shrink:0;height:178px;border-radius:3px;overflow:hidden;position:relative;cursor:pointer}.hc-sm{width:164px}.hc-big:hover .hc-glow,.hc-sm:hover .hc-glow{opacity:1}.hc-glow{border:2px solid #66c0f4;background:rgba(102,192,244,.08);opacity:0;transition:opacity .15s;z-index:3}.hc-art,.hc-glow{position:absolute;inset:0}.hc-art svg{width:100%;height:100%}.hc-fog{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0,transparent 55%);z-index:1}.hc-body{bottom:0;left:0;right:0;padding:9px 11px}.hc-badge,.hc-body{position:absolute;z-index:2}.hc-badge{top:8px;right:8px;font-size:10px;padding:2px 7px;border-radius:2px;font-weight:600}.hc-lbl{font-size:10px;color:#66c0f4;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px}.hc-title{font-size:13px;font-weight:700;color:#fff}.hc-sub{font-size:10px;color:#7393a7;margin-top:2px}.grid-header{display:flex;align-items:center;gap:10px;padding:14px 20px 8px;border-top:1px solid var(--border)}.grid-header-title{font-size:13px;font-weight:600;color:#fff}.grid-header-count{font-size:12px;color:var(--muted)}.sort-sel{margin-left:auto;background:#0f1923;border:1px solid var(--border);color:var(--text);font-size:11px;padding:3px 8px;border-radius:2px}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:8px;gap:8px;padding:0 20px 28px}.pc{border-radius:3px;overflow:hidden;cursor:pointer;position:relative;aspect-ratio:2/3;border:2px solid transparent;transition:transform .12s}.pc:hover{transform:scale(1.025)}.pc:hover .pc-glow{opacity:1}.pc.active{border-color:#66c0f4}.pc-art{position:absolute;inset:0}.pc-art svg{width:100%;height:100%}.pc-glow{background:rgba(102,192,244,.1);opacity:0;transition:opacity .15s;z-index:2}.pc-fog,.pc-glow{position:absolute;inset:0}.pc-fog{background:linear-gradient(0deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.05) 45%,transparent);z-index:1}.pc-badge{top:8px;left:8px;font-size:10px;padding:2px 7px;border-radius:2px;font-weight:600}.pc-badge,.pc-body{position:absolute;z-index:3}.pc-body{bottom:0;left:0;right:0;padding:9px 10px 10px}.pc-name{font-size:12px;font-weight:700;color:#fff}.pc-meta{font-size:10px;color:#7393a7;margin-top:2px}.badge-live{background:rgba(34,197,94,.25);color:#86efac}.badge-dev{background:rgba(245,158,11,.25);color:#fcd34d}.badge-running{background:rgba(59,130,246,.25);color:#93c5fd}.badge-infra{background:rgba(139,92,246,.25);color:#c4b5fd}.dropdown-overlay{position:fixed;inset:0;z-index:100}.dropdown{position:fixed;z-index:101;background:#0f1923;border:1px solid #2a3f52;border-radius:4px;min-width:200px;box-shadow:0 8px 32px rgba(0,0,0,.6);overflow:hidden}.dropdown-header{padding:8px 12px 6px;border-bottom:1px solid #1a2c3d;display:flex;align-items:center;gap:8px}.dropdown-header-name{font-size:12px;font-weight:700;color:#c6d4df;letter-spacing:.5px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:7px 14px;font-size:12px;color:var(--text);text-decoration:none;cursor:pointer;transition:background .1s}.dropdown-item:hover{background:#1a3248;color:#fff}.dropdown-item-icon{font-size:14px;width:18px;text-align:center}.dropdown-item-label{flex:1 1}