:root {color-scheme: dark; --bg: #010101; --surface: #111; --surface-hover: #1a1a1a; --line: #292929; --text: #ededed; --muted: #999; --blue: #7db4ff; }
* {box-sizing: border-box; }
html,
body {margin: 0; min-height: 100%; background: var(--bg); color: var(--text); font: 14px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
body {overflow-x: hidden; }
a,
button {font: inherit; }
a:focus-visible,
button:focus-visible,
input:focus-visible {outline: 2px solid var(--blue); outline-offset: 2px; }
#sidebar a {transition: background 0.15s, color 0.15s; }
#sidebar a:hover {background: var(--surface-hover) !important; color: #fff !important; }
#sidebar a[aria-current="page"] {background: #1d1d1d; color: #fff; }
.section-page {min-height: 100dvh; margin-left: 300px; padding: 72px clamp(24px, 9vw, 170px) 100px; max-width: 1180px; }
.section-heading {max-width: 720px; margin-bottom: 36px; }
.section-kicker {color: #7d7d7d; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; }
.section-heading h1 {margin: 10px 0 12px; font-size: 36px; line-height: 1.1; letter-spacing: -0.04em; font-weight: 600; }
.section-heading p {margin: 0; color: var(--muted); font-size: 16px; }
.empty-card,
.tool-card {border: 1px solid var(--line); border-radius: 18px; background: #070707; padding: 30px; max-width: 620px; }
.empty-icon,
.tool-card-icon {width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid #3a3a3a; border-radius: 14px; color: #c9c9c9; font-size: 24px; margin-bottom: 20px; }
.empty-card h2,
.tool-card h2 {margin: 0 0 8px; font-size: 18px; font-weight: 600; }
.empty-card p,
.tool-card p {margin: 0 0 20px; color: var(--muted); max-width: 520px; }
.primary-action {border: 0; border-radius: 10px; background: #f2f2f2; color: #101010; padding: 11px 16px; font-weight: 600; cursor: pointer; }
.primary-action:hover {background: #fff; }
.tool-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; max-width: 900px; }
.tool-card {min-height: 220px; }
.muted-card {opacity: 0.75; }
@media (max-width: 760px) {.section-page {margin-left: 260px; padding: 50px 22px 70px; }
.section-heading h1 {font-size: 30px; }
.tool-grid {grid-template-columns: 1fr; }
 }
@media (max-width: 560px) {.section-page {margin-left: 64px; padding: 40px 16px; }
.empty-card {padding: 22px; }
.section-heading p {font-size: 14px; }
 }