:root{--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-logo: "Space Grotesk", system-ui, sans-serif;--r: 14px;--r-sm: 10px;--maxw: 1240px;--pad: 24px}html[data-theme=dark]{--bg: #0A0A0A;--surface: #111111;--surface-2: #171717;--border: #262626;--border-strong: #3A3A3A;--text: #FAFAFA;--muted: #8A8A8A;--muted-2: #5C5C5C;--inv-bg: #FAFAFA;--inv-text: #0A0A0A;--chip: #1C1C1C}html[data-theme=light]{--bg: #FFFFFF;--surface: #FFFFFF;--surface-2: #FAFAFA;--border: #E6E6E6;--border-strong: #CFCFCF;--text: #0A0A0A;--muted: #6E6E6E;--muted-2: #9A9A9A;--inv-bg: #0A0A0A;--inv-text: #FFFFFF;--chip: #F2F2F2}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.45;transition:background .25s ease,color .25s ease;min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;flex:1 0 auto;min-height:100vh}main{flex:1 0 auto}footer{flex-shrink:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}svg{display:block}.nav{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;gap:20px;height:68px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0;font-family:var(--font-logo)}.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--inv-bg);color:var(--inv-text);display:grid;place-items:center;font-weight:700;font-size:19px;letter-spacing:-1px}.brand-name{font-weight:700;font-size:18px;letter-spacing:-.4px}.brand-name span{color:var(--muted);font-weight:500}.search{flex:1;max-width:480px;position:relative}.search input{width:100%;height:42px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-family:inherit;font-size:14.5px;padding:0 14px 0 42px;transition:border-color .15s ease}.search input::placeholder{color:var(--muted-2)}.search input:focus{outline:none;border-color:var(--border-strong)}.search .ic{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-links a{font-size:14.5px;font-weight:500;color:var(--muted);padding:8px 13px;border-radius:8px;transition:color .15s ease,background .15s ease}.nav-links a:hover{color:var(--text);background:var(--surface-2)}.nav-links a.active{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.icon-btn{width:40px;height:40px;border-radius:9px;border:1px solid var(--border);display:grid;place-items:center;color:var(--text);transition:border-color .15s ease,background .15s ease}.icon-btn:hover{border-color:var(--border-strong);background:var(--surface-2)}.login-btn{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:9px;background:var(--inv-bg);color:var(--inv-text);font-size:14px;font-weight:600;letter-spacing:-.1px;transition:opacity .15s ease}.login-btn:hover{opacity:.88}.user-box{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:9px;padding:4px 11px 4px 5px;height:40px}.avatar{width:30px;height:30px;border-radius:7px;background:var(--chip);display:grid;place-items:center;font-weight:600;font-size:13px}.user-meta{display:flex;flex-direction:column;line-height:1.15}.user-meta b{font-size:13px;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta small{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}.dot-on{width:6px;height:6px;border-radius:50%;background:var(--text)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;display:none;place-items:center;padding:20px}html[data-theme=light] .overlay{background:#0a0a0a52}.overlay.show{display:grid}.login-card{position:relative;width:100%;max-width:400px;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--bg);padding:32px;display:flex;flex-direction:column}.modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:9px;border:1px solid var(--border);display:grid;place-items:center;color:var(--text);transition:border-color .15s ease,background .15s ease}.modal-close:hover{border-color:var(--border-strong);background:var(--surface-2)}.login-brand{display:flex;align-items:center;gap:11px;font-family:var(--font-logo);margin-bottom:26px}.login-card h1{font-size:24px;font-weight:700;letter-spacing:-.8px;margin-bottom:24px}.login-sub{font-size:14px;color:var(--muted);margin-top:8px;margin-bottom:24px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field span{font-size:13px;font-weight:500;color:var(--muted)}.field input{height:44px;width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-family:inherit;font-size:15px;padding:0 14px;transition:border-color .15s ease}.field input::placeholder{color:var(--muted-2)}.field input:focus{outline:none;border-color:var(--border-strong)}.login-error{font-size:13px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:10px 12px;margin-bottom:16px}.login-submit{height:46px;border-radius:var(--r-sm);background:var(--inv-bg);color:var(--inv-text);font-size:15px;font-weight:600;margin-top:6px;transition:opacity .15s ease}.login-submit:hover{opacity:.88}.login-submit:disabled{opacity:.55;cursor:default}.login-foot{font-size:12.5px;color:var(--muted-2)}.menu-btn{display:none}.page-head{padding-top:48px;padding-bottom:8px}.page-head h1{font-size:clamp(28px,4vw,38px);font-weight:700;letter-spacing:-1.1px}.page-head p{font-size:16px;color:var(--muted);margin-top:8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:12px;padding:34px 0 0}.card{position:relative;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);padding:18px;display:flex;flex-direction:column;gap:15px;transition:border-color .15s ease,background .15s ease}.card:hover{border-color:var(--border-strong)}.card.menu-open{z-index:20}.card-head{display:flex;align-items:center;gap:13px}.app-icon{width:46px;height:46px;border-radius:12px;flex-shrink:0;border:1px solid var(--border);background:var(--surface-2);display:grid;place-items:center;color:var(--text);overflow:hidden}.app-logo{width:100%;height:100%;object-fit:cover;display:block}.card-name{font-size:16px;font-weight:600;letter-spacing:-.2px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dd{position:relative}.dd-btn{width:34px;height:34px;border-radius:9px;border:none;display:grid;place-items:center;color:var(--muted);transition:background .15s ease,color .15s ease}.dd-btn:hover,.dd-btn.open{background:var(--surface-2);color:var(--text)}.dd-menu{position:absolute;top:calc(100% + 8px);right:0;left:auto;z-index:30;min-width:232px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:6px;display:flex;flex-direction:column;gap:2px}.dd-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;border:1px solid transparent;color:var(--text);transition:background .15s ease,border-color .15s ease}.dd-item:hover{background:var(--surface-2);border-color:var(--border)}.dd-item.disabled{opacity:.42;cursor:not-allowed;pointer-events:none}.dd-item.disabled:hover{background:transparent;border-color:transparent}.dd-item .pi{width:32px;height:32px;border-radius:8px;flex-shrink:0;border:1px solid var(--border);background:var(--surface-2);display:grid;place-items:center;color:var(--text)}.dd-item .lbl{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.dd-item .lbl b{font-size:13.5px;font-weight:600;letter-spacing:-.1px}.dd-item .lbl small{font-size:11.5px;color:var(--muted)}.dd-item .go{color:var(--muted-2);flex-shrink:0}.dd-item:hover .go{color:var(--text)}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.empty b{display:block;font-size:18px;color:var(--text);margin-bottom:6px;font-weight:600}.footer{border-top:1px solid var(--border);padding-top:30px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.footer .fnav{display:flex;gap:22px}.footer .fnav a{font-size:13.5px;color:var(--muted)}.footer .fnav a:hover{color:var(--text)}.footer .copy{font-size:13px;color:var(--muted-2)}@media (max-width: 900px){.nav-links{display:none}.search{max-width:none}.user-meta{display:none}.user-box{padding:4px}.login-btn span{display:none}.login-btn{padding:0;width:40px;justify-content:center}}@media (max-width: 560px){:root{--pad: 16px}.brand-name{display:none}.grid{grid-template-columns:1fr}}