.page-header .live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ok);margin-right:6px;animation:pulse 2s ease-in-out infinite}.live-dot.offline{background:var(--danger);animation:none}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--ok)}50%{opacity:.6;box-shadow:0 0 0 4px transparent}}.proj-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:10px;overflow:hidden;margin-bottom:24px}.proj-stat{background:var(--surface);padding:16px 20px;display:flex;flex-direction:column;gap:4px}.proj-stat-val{font-family:var(--display);font-size:28px;font-weight:700;letter-spacing:-.04em}.proj-stat-val.ok{color:var(--ok)}.proj-stat-val.muted{color:var(--text-3)}.proj-stat-label{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}#proj-list.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}#proj-list .proj.card{padding:20px 24px;border-top-width:2px;border-top-style:solid;transition:transform .2s ease,box-shadow .2s ease}#proj-list .proj.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}#proj-list .proj-open{margin-left:auto;font-family:var(--mono);font-size:11px;font-weight:600;color:var(--text-3);text-decoration:none;padding:2px 8px;border:1px solid var(--border);border-radius:6px;transition:color .15s ease,border-color .15s ease}#proj-list .proj-open:hover{color:var(--ok);border-color:var(--ok)}#proj-list .proj-ctrl{display:flex;gap:8px;margin-top:12px;padding-top:12px;padding-left:54px;border-top:1px dashed var(--border)}#proj-list .ctrl-btn{font-family:var(--mono);font-size:12px;font-weight:600;padding:5px 14px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;transition:all .15s ease}#proj-list .ctrl-btn:hover:not(:disabled){transform:translateY(-1px)}#proj-list .ctrl-btn:disabled{opacity:.5;cursor:default}#proj-list .ctrl-btn.on{color:var(--ok);border-color:var(--ok)}#proj-list .ctrl-btn.off{color:var(--danger);border-color:var(--danger)}#proj-list .ctrl-btn.restart{color:var(--text-2)}.admin-bar{display:flex;align-items:center;gap:12px;margin-top:12px;min-height:30px;font-size:13px}.admin-toggle{font-family:var(--mono);font-size:12px;padding:4px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text-2);cursor:pointer}.admin-toggle:hover{color:var(--text)}.admin-login{display:flex;gap:8px;align-items:center}.admin-login input{font-size:13px;padding:5px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text)}.admin-login button{font-size:12px;padding:5px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text-2);cursor:pointer}.admin-on{color:var(--ok);font-family:var(--mono);font-size:12px;display:flex;align-items:center;gap:10px}.admin-msg{color:var(--text-3);font-size:12px}#proj-list .proj-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:10px}#proj-list .proj-icon{font-size:24px;line-height:1;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:10px}#proj-list .proj-top-right{display:flex;justify-content:space-between;align-items:center;gap:10px;flex:1;min-width:0}#proj-list .proj-name{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.01em}#proj-list .proj-desc{color:var(--text-2);font-size:13px;margin-bottom:14px;min-height:18px;padding-left:54px}#proj-list .proj-footer{display:flex;align-items:center;gap:8px;padding-left:54px}#proj-list .proj-badge{font-family:var(--mono);font-size:10px;font-weight:600;padding:3px 10px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}#proj-list .proj-badge.running{background:var(--ok-soft);color:var(--ok)}#proj-list .proj-badge.stopped{background:var(--surface-2);color:var(--text-3)}#proj-list .proj-badge.error{background:var(--danger-soft);color:var(--danger)}#proj-list .proj-badge.starting{background:var(--warn-soft);color:var(--warn)}#proj-list .proj-type{font-family:var(--mono);font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;letter-spacing:.02em;text-transform:uppercase}#proj-list .proj-type.type-api{background:#ca8a0414;color:#ca8a04}[data-theme=dark] #proj-list .proj-type.type-api{background:#fbbf241f;color:#fbbf24}#proj-list .proj-type.type-web{background:#2563eb14;color:#2563eb}[data-theme=dark] #proj-list .proj-type.type-web{background:#6b8ef01f;color:#6b8ef0}#proj-list .proj-type.type-db{background:#16a34a14;color:#16a34a}[data-theme=dark] #proj-list .proj-type.type-db{background:#4ade801f;color:#4ade80}#proj-list .proj-type.type-docker{background:#0891b214;color:#0891b2}[data-theme=dark] #proj-list .proj-type.type-docker{background:#22d3ee1f;color:#22d3ee}#proj-list .proj-source{display:inline-flex;align-items:center;font-family:var(--mono);font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;letter-spacing:.02em;text-transform:uppercase}#proj-list .proj-source.docker{background:#0089d614;color:#0089d6}#proj-list .proj-source.system{background:var(--surface-2);color:var(--text-2)}#proj-list .proj-port{font-family:var(--mono);font-size:12px;color:var(--text-3);margin-left:auto}@media(max-width:640px){#proj-list.proj-grid{grid-template-columns:1fr}#proj-list .proj-desc,#proj-list .proj-footer{padding-left:0}}