:root { --bg:#090d1a; --nav:#0f1424; --card:#151c2e; --green:#22c55e; --yellow:#eab308; --red:#ef4444; --accent:#6366f1; --text:#e2e8f0; --muted:#64748b; }
* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--bg); color:var(--text); font-family:system-ui,sans-serif; height:100vh; display:flex; }

/* NAV */
nav { width:240px; background:var(--nav); display:flex; flex-direction:column; border-right:1px solid #1e293b; flex-shrink:0; }
nav .logo { font-size:1.05rem; font-weight:700; padding:20px 16px 12px; }
nav .section-label { font-size:0.65rem; text-transform:uppercase; color:var(--muted); letter-spacing:1px; padding:16px 16px 6px; }
nav a { color:var(--muted); text-decoration:none; padding:9px 16px; font-size:0.82rem; display:flex; align-items:center; gap:8px; transition:background .12s; }
nav a:hover, nav a.active { background:rgba(99,102,241,.12); color:var(--text); }
nav a .badge { margin-left:auto; font-size:0.62rem; padding:2px 7px; border-radius:999px; }
.badge.g { background:rgba(34,197,94,.15); color:var(--green); }
.badge.y { background:rgba(234,179,8,.15); color:var(--yellow); }
.badge.r { background:rgba(239,68,68,.15); color:var(--red); }
.badge.n { background:rgba(99,102,241,.15); color:var(--accent); }
nav .bottom { margin-top:auto; padding:16px; border-top:1px solid #1e293b; }
nav .bottom a { opacity:.45; font-size:0.78rem; padding:6px 0; }
nav .bottom a:hover { opacity:.8; }

/* CONTENT */
.content { flex:1; padding:24px 32px; overflow-y:auto; }
.hero { text-align:center; padding:32px 0 16px; }
.hero .big-dot { width:44px; height:44px; border-radius:50%; background:var(--green); box-shadow:0 0 20px var(--green); margin:0 auto 14px; }
.hero h1 { font-size:1.5rem; }
.hero p { color:var(--muted); font-size:0.85rem; margin-top:4px; }
.seclabel { font-size:0.7rem; text-transform:uppercase; color:var(--muted); letter-spacing:1px; margin:24px 0 10px; }
.quick-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:12px; }
.quick-card { background:var(--card); border-radius:10px; padding:16px; cursor:pointer; border:1px solid transparent; text-decoration:none; color:inherit; display:block; transition:border-color .12s,transform .1s; border-left:4px solid transparent; }
.quick-card:hover { border-color:var(--accent); transform:translateY(-1px); }
.quick-card.g { border-left-color:var(--green); } .quick-card.y { border-left-color:var(--yellow); } .quick-card.r { border-left-color:var(--red); } .quick-card.i { border-left-color:var(--accent); }
.quick-card .icon { font-size:1.3rem; margin-bottom:6px; }
.quick-card .title { font-weight:600; font-size:0.9rem; }
.quick-card .desc { font-size:0.78rem; color:var(--muted); margin-top:3px; }
.quick-card .status { display:inline-flex; align-items:center; gap:5px; font-size:0.72rem; margin-top:8px; }
.pulse { width:7px; height:7px; border-radius:50%; }
.pulse.g { background:var(--green); } .pulse.y { background:var(--yellow); } .pulse.r { background:var(--red); }

/* ALERTS */
.alerts { background:var(--card); border-radius:10px; padding:16px; margin-top:18px; border:1px solid rgba(234,179,8,.25); max-height:200px; overflow-y:auto; }
.alerts h3 { font-size:0.85rem; margin-bottom:8px; color:var(--yellow); position:sticky; top:0; background:var(--card); padding-bottom:4px; }
.alert-row { display:flex; justify-content:space-between; padding:6px 0; font-size:0.78rem; border-bottom:1px solid #1e293b; }
.alert-row:last-child { border-bottom:none; }
.alert-row .sev.w { color:var(--yellow); } .alert-row .sev.e { color:var(--red); }

/* TRACKED IDEAS */
.tracked-section { background:var(--card); border-radius:10px; padding:16px; margin-top:18px; max-height:320px; overflow-y:auto; }
.tracked-section h3 { font-size:0.85rem; margin-bottom:10px; position:sticky; top:0; background:var(--card); padding-bottom:6px; z-index:1; }
.idea-row, .activity-row { display:flex; justify-content:space-between; align-items:center; padding:7px 0; border-bottom:1px solid #1e293b; font-size:0.8rem; }
.idea-row:last-child, .activity-row:last-child { border-bottom:none; }
.idea-row .i-name { color:var(--text); }
.idea-row .i-status { font-size:0.68rem; padding:2px 8px; border-radius:999px; }
.i-status.active { background:rgba(99,102,241,.15); color:var(--accent); }
.i-status.parked { background:rgba(100,116,139,.12); color:var(--muted); }
.i-status.new { background:rgba(34,197,94,.15); color:var(--green); }

/* FOOTER */
.footer { text-align:center; color:var(--muted); font-size:0.68rem; margin-top:28px; padding-top:14px; border-top:1px solid #1e293b; }

/* PAGE HEADER (for sub-pages) */
.page-header { margin-bottom:20px; }
.page-header h1 { font-size:1.3rem; }
.page-header p { color:var(--muted); font-size:0.82rem; margin-top:4px; }