:root{--bg:#0b0c10;--panel:#12141c;--text:#e6e7ea;--muted:#a8abb6;--border:#ffffff14;--brand:#7c5cff;--brand-2:#44d3ff;--shadow:#00000059 0 10px 30px;color:var(--text);background:radial-gradient(1200px 700px at 10% 10%, #7c5cff38, transparent 55%), radial-gradient(1000px 600px at 80% 0%, #44d3ff2e, transparent 50%), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{min-height:100vh;margin:0}#root{min-height:100vh}.app{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:20px}.topbar{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);background:#12141cb8;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.title{font-size:16px;font-weight:700}.subtitle{color:var(--muted);margin-top:2px;font-size:12px}.layout{grid-template-columns:280px 1fr 1fr;gap:14px;margin-top:16px;display:grid}@media (width<=1100px){.layout{grid-template-columns:1fr}}.panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);background:#12141cb8;border-radius:14px;min-height:360px;padding:14px}.panelTitle{color:var(--muted);margin-bottom:10px;font-size:13px}.muted{color:var(--muted);margin-bottom:12px;font-size:13px;line-height:1.5}.placeholder{color:#e6e7eabf;border:1px dashed #ffffff24;border-radius:10px;margin-top:10px;padding:10px;font-size:13px}.actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.btn{appearance:none;color:var(--text);cursor:pointer;background:linear-gradient(#7c5cff47,#7c5cff1f);border:1px solid #ffffff24;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600}.btn:disabled{opacity:.45;cursor:not-allowed}.projectList{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.projectItem{text-align:left;cursor:pointer;width:100%;color:var(--text);background:#0000002e;border:1px solid #ffffff1f;border-radius:12px;padding:10px}.projectItem.active{border-color:#7c5cff99;box-shadow:0 0 0 3px #7c5cff2e}.projectName{font-size:13px;font-weight:700}.projectMeta{color:var(--muted);margin-top:4px;font-size:11px}