:root {
  color-scheme: dark;
  --page: #101514;
  --panel: #151c1a;
  --panel-raised: #1b2421;
  --panel-hover: #202b27;
  --border: #2b3732;
  --border-soft: #222d29;
  --text: #edf2ef;
  --muted: #8b9992;
  --faint: #5d6b64;
  --green: #a7e7c4;
  --green-dark: #19342a;
  --mono: "DM Mono", monospace;
  --sans: "DM Sans", sans-serif;
  --display: "Manrope", sans-serif;
}

* { box-sizing: border-box; }
html { min-width: 360px; scroll-behavior: smooth; }
body { margin: 0; background: var(--page); color: var(--text); font-family: var(--sans); font-size: 13px; -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
.app-shell { min-height: 100vh; }

.topbar { height: 66px; padding: 0 42px; display: flex; align-items: center; gap: 48px; border-bottom: 1px solid var(--border-soft); background: rgba(16, 19, 15, .95); position: sticky; top: 0; z-index: 4; }
.brand { display: inline-flex; align-items: center; gap: 10px; min-width: 196px; font: 800 20px var(--display); letter-spacing: -1.3px; }
.brand-light { color: var(--green); }
.brand-mark { width: 23px; height: 23px; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 2px; transform: rotate(-8deg); }
.brand-mark span { display: block; border-radius: 3px; background: var(--green); }
.brand-mark span:nth-child(2) { opacity: .8; }.brand-mark span:nth-child(3) { opacity: .55; }.brand-mark span:nth-child(4) { opacity: .35; }
.topbar-search { width: min(390px, 42vw); height: 35px; display: flex; align-items: center; gap: 10px; padding: 0 10px; border: 1px solid #2a3029; border-radius: 6px; background: #141813; color: var(--muted); }
.topbar-search svg, .repo-search svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; flex: 0 0 auto; }
.topbar-search input, .repo-search input { width: 100%; padding: 0; color: var(--text); background: transparent; border: 0; outline: 0; font-size: 12px; }
.topbar-search input::placeholder, .repo-search input::placeholder { color: #777f73; }
kbd { flex: 0 0 auto; padding: 2px 5px; border: 1px solid #343a32; border-radius: 4px; color: #899184; font: 10px var(--mono); white-space: nowrap; }
.topbar-actions { margin-left: auto; display: flex; align-items: center; gap: 16px; }
.icon-button { position: relative; display: grid; place-items: center; width: 30px; height: 32px; border: 0; background: none; color: #a4ac9d; cursor: pointer; }
.icon-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.notification-button i { position: absolute; top: 5px; right: 4px; width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px #b7ef7380; }
.topbar-divider { width: 1px; height: 25px; background: var(--border); }
.profile-button { display: flex; align-items: center; gap: 9px; border: 0; background: none; cursor: pointer; }
.profile-name { color: #cbd0c6; font-size: 12px; }
.avatar { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(140deg, #d6a77a, #826c57); color: #211b15; font: 700 13px var(--display); }
.avatar-small { width: 26px; height: 26px; font-size: 11px; }
.chevron { color: var(--muted); font-size: 14px; }

.workspace { display: grid; grid-template-columns: 248px minmax(0, 1fr); max-width: 1600px; min-height: calc(100vh - 66px); margin: 0 auto; }
.sidebar { position: sticky; top: 66px; height: calc(100vh - 66px); min-height: 650px; display: flex; flex-direction: column; padding: 31px 17px 17px; border-right: 1px solid var(--border-soft); }
.workspace-label, .sidebar-section-heading { padding: 0 9px; color: #697264; font: 10px var(--mono); letter-spacing: .9px; }
.workspace-switcher { display: flex; align-items: center; gap: 10px; width: 100%; margin-top: 13px; padding: 10px 9px; border: 1px solid #292f28; border-radius: 6px; background: #151915; text-align: left; cursor: pointer; }
.workspace-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 6px; background: #c4ee81; color: #202a18; font: 700 17px var(--display); }
.workspace-copy { display: grid; gap: 2px; flex: 1; }
.workspace-copy strong { font-size: 11px; font-weight: 600; }.workspace-copy small { color: var(--muted); font-size: 10px; }
.side-nav { display: grid; gap: 4px; margin-top: 25px; }
.nav-link { height: 37px; display: flex; align-items: center; gap: 11px; padding: 0 10px; color: #9aa194; border-radius: 5px; font-size: 12px; }
.nav-link svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.nav-link.active { background: #20271e; color: #d3efb1; }
.nav-count { margin-left: auto; padding: 2px 7px; border: 1px solid #373e34; border-radius: 10px; color: #9da496; font: 10px var(--mono); }
.muted-link:hover, .nav-link:not(.active):hover { background: #191e19; color: #d1d7cb; }
.sidebar-rule { height: 1px; margin: 24px 2px 22px; background: var(--border-soft); }
.sidebar-section-heading { display: flex; justify-content: space-between; align-items: center; }
.tiny-plus { border: 0; background: none; color: #98a08f; font-size: 18px; cursor: pointer; line-height: 1; }
.workspace-card { position: relative; display: flex; gap: 10px; margin-top: 14px; padding: 12px 9px; border: 1px solid #293127; border-radius: 6px; background: linear-gradient(130deg, #1a2119, #171b16); }
.workspace-card-icon { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid #36422f; border-radius: 6px; color: var(--green); }
.workspace-card strong { display: block; padding-top: 1px; color: #c9d2c2; font-size: 11px; font-weight: 600; }
.workspace-card small { display: block; margin-top: 4px; color: #7d8776; font-size: 9px; }
.status-dot { position: absolute; top: 13px; right: 12px; width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 7px #b7ef7380; }
.sidebar-bottom { margin-top: auto; }
.sidebar-footer { display: flex; align-items: center; gap: 8px; padding: 15px 9px 0; color: #687064; font-size: 10px; }
.footer-mark { color: #a8d972; font-size: 15px; }

.main-content { width: min(100%, 1120px); margin: 0 auto; padding: 29px 48px 22px; }
.breadcrumb { display: flex; align-items: center; gap: 8px; color: #737c70; font: 10px var(--mono); }
.breadcrumb strong { color: #b7bfb1; font-weight: 400; }.breadcrumb a:hover { color: var(--green); }
.breadcrumb-separator { color: #4a5247; }
.heading-row { display: flex; align-items: flex-end; justify-content: space-between; margin: 32px 0 23px; }
.eyebrow { display: flex; align-items: center; gap: 7px; margin: 0 0 12px; color: #849078; font: 9px var(--mono); letter-spacing: 1.1px; }
.eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 7px #b7ef7370; }
h1, h2, h3, p { margin-top: 0; }
.heading-row h1, .not-found h1 { margin: 0; font: 700 clamp(25px, 3.1vw, 35px)/1.2 var(--display); letter-spacing: -1.3px; }
.heading-period { color: var(--green); }
.page-subtitle { margin: 8px 0 0; color: #858e80; font-size: 12px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 35px; padding: 0 13px; border-radius: 5px; font-size: 11px; font-weight: 600; cursor: pointer; transition: background .16s, border-color .16s, transform .16s; }
.button:active { transform: translateY(1px); }
.button-primary { border: 1px solid #c4ef82; background: #b7e975; color: #1b2616; box-shadow: 0 2px 12px #9dd75c14; }
.button-primary:hover { background: #c8f68a; }.button-primary:disabled { opacity: .6; cursor: wait; }
.button-plus { font-size: 17px; font-weight: 400; line-height: 1; }
.button-outline { border: 1px solid #343b32; background: #171b16; color: #c3cabe; }
.button-outline:hover { border-color: #68755c; background: #1d241b; }

.welcome-card { position: relative; display: flex; min-height: 224px; overflow: hidden; border: 1px solid #303a2b; border-radius: 8px; background: radial-gradient(ellipse at 76% 34%, #273822 0, transparent 40%), linear-gradient(111deg, #192219 0%, #171e17 53%, #192018 100%); }
.welcome-content { position: relative; z-index: 1; padding: 24px 28px 42px; }
.welcome-label { display: flex; align-items: center; gap: 7px; color: #a3bc8c; font: 9px var(--mono); letter-spacing: 1px; }
.sparkle { color: var(--green); font-size: 13px; }
.welcome-content h2 { margin: 13px 0 7px; color: #e7eddf; font: 600 26px/1.2 var(--display); letter-spacing: -.9px; }
.welcome-content h2 em { color: var(--green); font-style: normal; }
.welcome-content p { margin: 0; color: #9ca694; font-size: 11px; line-height: 1.6; }
.button-welcome { min-height: 30px; margin-top: 14px; padding: 0 10px; border: 1px solid #47553e; background: #20291d; color: #d5e7c2; font-size: 10px; }
.button-welcome:hover { background: #293524; }.button-welcome span { color: var(--green); font-size: 14px; }
.welcome-art { position: absolute; top: -34px; right: 5%; width: 370px; height: 230px; }
.planet { position: absolute; top: 42px; right: 94px; width: 141px; height: 141px; border: 1px solid #a8d87670; border-radius: 50%; background: radial-gradient(circle at 34% 30%, #9ac76b 0, #64884b 33%, #344d31 68%, #223323 100%); box-shadow: inset -15px -17px 25px #0e170e99, 0 0 56px #8dbc5830; }
.planet::after { position: absolute; inset: 14px; border: 1px solid #d5f09c1c; border-radius: 50%; content: ""; }
.planet-crater { position: absolute; z-index: 1; display: block; border-radius: 50%; background: #324b2c; box-shadow: inset 2px 3px 4px #17281980; }
.crater-one { top: 31px; left: 36px; width: 19px; height: 10px; transform: rotate(-28deg); }.crater-two { top: 75px; right: 30px; width: 12px; height: 7px; transform: rotate(20deg); }.crater-three { bottom: 30px; left: 49px; width: 10px; height: 6px; }
.orbit { position: absolute; top: 55px; right: 29px; width: 269px; height: 105px; border: 1px solid #b8e88965; border-radius: 50%; transform: rotate(-23deg); }
.orbit-two { top: 52px; right: 40px; width: 244px; height: 119px; transform: rotate(31deg); border-color: #c3ed8b2a; }.orbit-three { top: 72px; right: 21px; width: 290px; height: 89px; transform: rotate(7deg); border-color: #b8e88933; }
.art-star { position: absolute; color: #d5f59d; text-shadow: 0 0 13px #d5f59d80; }.star-one { top: 52px; left: 46px; font-size: 15px; }.star-two { top: 39px; right: 79px; font-size: 12px; }.star-three { top: 156px; left: 44px; font-size: 28px; color: #9ac676; }
.art-label { position: absolute; right: 3px; bottom: 32px; color: #80966b; font: 8px var(--mono); letter-spacing: 1.5px; }
.welcome-footer { position: absolute; right: 0; bottom: 0; left: 0; height: 34px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-top: 1px solid #34402d80; color: #889580; font-size: 9px; }
.footer-leaf { margin-right: 5px; color: #b3df81; }.welcome-index { display: flex; align-items: center; gap: 7px; color: #829077; font: 9px var(--mono); }.welcome-index i { width: 21px; height: 2px; background: var(--green); }.welcome-index i::after { content: ""; }

.stats-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; margin-top: 14px; }
.stat-card { display: flex; align-items: center; gap: 10px; min-height: 69px; padding: 11px 13px; border: 1px solid var(--border); border-radius: 6px; background: #151915; }
.stat-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 6px; }
.stat-icon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.stat-icon-green { background: #253322; color: #b4e975; }.stat-icon-yellow { background: #302b1d; color: #e9c66e; }.stat-icon-purple { background: #29233a; color: #b6a0f4; }
.stat-card > div:nth-child(2) { display: grid; gap: 3px; }
.stat-label { color: #7b8477; font: 8px var(--mono); letter-spacing: .8px; }
.stat-card strong { color: #e4e9df; font: 600 19px var(--display); letter-spacing: -.5px; }
.stat-note { align-self: flex-end; margin: 0 0 3px auto; color: #70796c; font-size: 9px; white-space: nowrap; }
.stat-card .momentum-value { color: var(--green); font-size: 15px; }.momentum-value span { color: #dce5d4; font-size: 11px; letter-spacing: 0; }

.repositories-section { margin-top: 34px; }
.section-heading { display: flex; align-items: center; justify-content: space-between; }
.section-title-row { display: flex; align-items: center; gap: 9px; }
.section-title-row h2 { margin: 0; font: 600 16px var(--display); letter-spacing: -.3px; }
.section-count { display: grid; place-items: center; min-width: 21px; height: 19px; padding: 0 5px; border: 1px solid #343a32; border-radius: 10px; color: #9aa293; font: 9px var(--mono); }
.section-heading p { margin: 5px 0 0; color: #7d8679; font-size: 10px; }
.repo-toolbar { display: flex; justify-content: space-between; align-items: center; margin-top: 19px; border-bottom: 1px solid var(--border); }
.filter-tabs { display: flex; align-items: center; gap: 16px; }
.filter-tab { position: relative; display: flex; align-items: center; gap: 6px; height: 36px; padding: 0 2px; border: 0; background: none; color: #7f887b; font-size: 10px; cursor: pointer; }
.filter-tab.active { color: #dbe3d3; }.filter-tab.active::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--green); content: ""; }
.filter-tab span { color: #9ea696; font: 9px var(--mono); }
.repo-search { width: 188px; height: 29px; display: flex; align-items: center; gap: 7px; margin-bottom: 6px; padding: 0 8px; border: 1px solid #2c322b; border-radius: 5px; color: #75806f; }
.repo-search input { font-size: 10px; }
.repo-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 11px; min-height: 79px; border-bottom: 1px solid var(--border-soft); }
.repo-row[hidden] { display: none; }
.repo-avatar { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #41463b; border-radius: 8px; background: linear-gradient(145deg, #293928, #1c271c); color: #bfeb8a; font: 600 13px var(--display); }
.repo-avatar-1 { border-color: #3c3742; background: linear-gradient(145deg, #332f3b, #211d27); color: #c8b3f2; }.repo-avatar-2 { border-color: #394145; background: linear-gradient(145deg, #29363c, #1b262b); color: #9ad5dc; }.repo-avatar-3 { border-color: #453b31; background: linear-gradient(145deg, #3c3028, #29221d); color: #efc38b; }.repo-avatar-4 { border-color: #3b3d31; background: linear-gradient(145deg, #383a29, #23251c); color: #e2dd89; }
.repo-main { min-width: 0; padding: 11px 0; }
.repo-title-line { display: flex; align-items: center; gap: 8px; }
.repo-name { color: #c4e996; font: 600 12px var(--display); }.repo-name:hover { text-decoration: underline; text-underline-offset: 3px; }
.visibility-badge { display: inline-flex; align-items: center; min-height: 17px; padding: 0 6px; border: 1px solid #3a4038; border-radius: 10px; color: #858f80; font: 8px var(--mono); }
.visibility-badge.private { border-color: #504635; color: #c5aa71; }
.repo-description { overflow: hidden; margin: 4px 0 6px; color: #899184; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.repo-meta { display: flex; align-items: center; gap: 6px; color: #788172; font-size: 9px; }
.language-dot { width: 7px; height: 7px; display: inline-block; flex: 0 0 auto; border-radius: 50%; background: #e9bd57; }
.language-typescript { background: #5b9de0; }.language-javascript { background: #e9bd57; }.language-markdown { background: #9d8bd8; }.language-css { background: #a47ee3; }.language-python { background: #4da8a0; }.language-rust { background: #df8961; }.language-go { background: #64c3c4; }.language-html { background: #e2764d; }
.meta-separator { color: #5a6255; }
.star-button { display: inline-flex; align-items: center; gap: 5px; min-width: 52px; height: 26px; justify-content: center; padding: 0 7px; border: 1px solid #333a31; border-radius: 5px; background: #171b16; color: #939c8c; font: 9px var(--mono); cursor: pointer; }
.star-button svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.2; stroke-linejoin: round; }
.star-button:hover { border-color: #8d8a5a; color: #e8cf76; }.star-button.is-starred { color: #e8cf76; border-color: #6a5e39; background: #272417; }.star-button.is-starred svg { fill: #e8cf76; }
.star-button:disabled { opacity: .6; cursor: wait; }
.empty-state { padding: 35px 10px; border-bottom: 1px solid var(--border-soft); text-align: center; }.empty-state[hidden] { display: none; }
.empty-state > span { color: var(--green); font-size: 18px; }.empty-state strong { display: block; margin-top: 8px; font: 600 13px var(--display); }.empty-state p { margin: 5px 0 0; color: var(--muted); font-size: 10px; }
.list-footer { display: flex; justify-content: space-between; padding: 11px 0; color: #70796c; font-size: 9px; }
.list-footer strong { color: #aeb8a6; font-weight: 500; }.list-footer a { color: #9cae8c; }.list-footer a:hover { color: var(--green); }.list-footer a span { color: var(--green); }
.main-footer { display: flex; justify-content: space-between; gap: 10px; margin-top: 29px; padding-top: 13px; border-top: 1px solid var(--border-soft); color: #626b5f; font-size: 9px; }
.main-footer > span:nth-child(2) { display: flex; gap: 14px; }.main-footer a:hover { color: #b7c1ae; }.footer-note b { color: #c68972; font-weight: 500; }

.create-dialog { width: min(450px, calc(100vw - 28px)); max-width: none; padding: 24px; border: 1px solid #343d30; border-radius: 10px; background: #171c16; color: var(--text); box-shadow: 0 25px 100px #000b; }
.create-dialog::backdrop { background: #060805c9; backdrop-filter: blur(4px); }
.dialog-topline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 17px; }
.dialog-icon { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #3b4933; border-radius: 7px; background: #202a1d; color: var(--green); font-size: 19px; }
.dialog-close { width: 27px; height: 27px; border: 0; background: transparent; color: #929b8a; font-size: 21px; cursor: pointer; }
.create-dialog .eyebrow { margin-bottom: 8px; }
.create-dialog h2 { margin: 0; font: 600 21px var(--display); letter-spacing: -.5px; }
.dialog-description { margin: 5px 0 20px; color: #8b9485; font-size: 11px; }
.form-label { display: block; margin: 13px 0 6px; color: #c4ccbd; font-size: 10px; font-weight: 600; }
.form-label > span { color: #dba38b; }.form-label .optional { color: #778071; font-weight: 400; }
.name-field { display: flex; align-items: center; height: 36px; padding: 0 10px; border: 1px solid #373f34; border-radius: 5px; background: #111510; }
.name-owner { color: #87917f; font: 10px var(--mono); white-space: nowrap; }
.name-field input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--text); font: 11px var(--mono); }
.create-dialog textarea, .create-dialog select { width: 100%; padding: 9px 10px; border: 1px solid #373f34; border-radius: 5px; outline: 0; background: #111510; color: var(--text); font-size: 11px; resize: vertical; }
.create-dialog textarea::placeholder, .name-field input::placeholder { color: #697264; }
.create-dialog input:focus, .create-dialog textarea:focus, .create-dialog select:focus { border-color: #78965b; }
.form-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.form-error { min-height: 14px; margin: 8px 0 0; color: #ed9989; font-size: 10px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 13px; padding-top: 15px; border-top: 1px solid var(--border); }

.repository-page { position: relative; max-width: 1050px; min-height: calc(100vh - 66px); margin: 0 auto; padding: 30px 44px; }
.back-link { color: #a4ae9a; font-size: 11px; }.back-link:hover { color: var(--green); }
.repository-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-top: 31px; }
.detail-title { gap: 10px; }.detail-title h1 { margin: 0; color: #c6e99a; font: 500 18px var(--display); }.detail-title h1 strong { color: #e8ece4; font-weight: 700; }
.detail-description { margin: 12px 0 0 42px; color: #929b8d; font-size: 12px; }
.detail-star { min-width: 82px; height: 31px; margin-top: 2px; }.star-word { color: #b5bdad; font: 10px var(--sans); }
.detail-tabs { display: flex; gap: 20px; margin-top: 29px; border-bottom: 1px solid var(--border); }
.detail-tab { position: relative; display: inline-flex; align-items: center; gap: 7px; padding: 11px 1px; color: #929b8c; font-size: 10px; }
.detail-tab.active { color: #dfe7d7; }.detail-tab.active::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--green); content: ""; }
.detail-tab > span { color: #9ba592; font-size: 13px; }.detail-tab i { padding: 2px 5px; border-radius: 8px; background: #252b23; color: #9aa391; font: normal 8px var(--mono); }
.readme-card { width: calc(100% - 240px); margin-top: 20px; border: 1px solid #30372e; border-radius: 7px; overflow: hidden; background: #141814; }
.readme-toolbar { display: flex; align-items: center; gap: 8px; height: 39px; padding: 0 12px; border-bottom: 1px solid #2c332b; color: #9da697; font-size: 10px; }
.readme-file-icon { color: #b0bd9f; font-size: 13px; }.readme-toolbar strong { font-size: 10px; font-weight: 500; }.readme-branch { margin-left: auto; color: #778071; font: 9px var(--mono); }.readme-edit { color: #778071; }
.readme-content { min-height: 290px; padding: 25px 30px; }
.readme-kicker { display: flex; align-items: center; gap: 7px; color: #87947b; font: 8px var(--mono); letter-spacing: 1px; }
.readme-content h2 { margin: 16px 0 8px; font: 700 26px var(--display); letter-spacing: -.7px; }
.readme-content p { max-width: 590px; margin: 0 0 15px; color: #a0a89a; font-size: 11px; line-height: 1.7; }
.readme-rule { height: 1px; margin: 19px 0; background: #2a3129; }
.readme-content h3 { margin: 0 0 9px; font: 600 15px var(--display); }
.readme-content pre { overflow: auto; padding: 11px 13px; border: 1px solid #2d352a; border-radius: 5px; background: #10140f; color: #c2dc9e; font: 10px var(--mono); }
.readme-note { display: flex; align-items: center; gap: 8px; margin-top: 17px; color: #858f7e; font-size: 10px; }.readme-note span:first-child { color: var(--green); }
.about-card { position: absolute; top: 205px; right: 44px; width: 210px; padding: 14px 0; }
.about-card h3 { margin: 0 0 9px; font: 600 12px var(--display); }.about-card > p { margin: 0 0 14px; color: #8e9789; font-size: 10px; line-height: 1.6; }
.about-language { display: flex; align-items: center; gap: 7px; margin: 12px 0; color: #abb3a5; font-size: 10px; }
.about-stats { display: flex; gap: 15px; padding: 11px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); color: #858e7e; font-size: 9px; }.about-stats strong { color: #c4ccbc; font-weight: 500; }
.about-created { margin-top: 11px; color: #777f73; font-size: 9px; }
.not-found { display: flex; flex-direction: column; align-items: center; padding: 130px 20px; text-align: center; }
.not-found-mark { margin-bottom: 26px; color: #293528; font: 800 90px/.9 var(--display); letter-spacing: -7px; }
.not-found .eyebrow { justify-content: center; }.not-found h1 { font-size: 30px; }.not-found > p:not(.eyebrow) { margin: 11px 0 20px; color: #8a9385; font-size: 12px; }

@media (min-width: 1400px) { .main-content { padding-right: 62px; padding-left: 62px; } }
@media (max-width: 1050px) {
  .topbar { padding: 0 25px; gap: 22px; }.brand { min-width: 160px; }
  .workspace { grid-template-columns: 210px minmax(0, 1fr); }.sidebar { padding-right: 12px; padding-left: 12px; }
  .main-content { padding-right: 30px; padding-left: 30px; }
  .repository-page { padding-right: 30px; padding-left: 30px; }.about-card { right: 30px; width: 180px; }.readme-card { width: calc(100% - 205px); }
}
@media (max-width: 760px) {
  .topbar { height: 58px; padding: 0 16px; gap: 15px; }.brand { min-width: 0; font-size: 18px; }.brand-mark { width: 20px; height: 20px; }
  .topbar-search { width: auto; flex: 1; }.topbar-search kbd, .profile-name, .profile-button .chevron, .notification-button, .topbar-actions .topbar-divider { display: none; }
  .topbar-actions { gap: 7px; }.profile-button { padding: 0; }
  .workspace { display: block; min-height: calc(100vh - 58px); }.sidebar { display: none; }
  .main-content { padding: 23px 20px; }.heading-row { align-items: flex-start; gap: 12px; margin-top: 25px; }.heading-row h1 { max-width: 330px; font-size: 28px; }.heading-row > .button { flex: 0 0 auto; padding: 0 9px; }
  .page-subtitle { max-width: 290px; line-height: 1.5; }.welcome-art { right: -120px; opacity: .65; }.welcome-content { padding-left: 21px; }
  .stats-row { gap: 7px; }.stat-card { gap: 7px; min-height: 67px; padding: 9px 7px; }.stat-icon { width: 25px; height: 25px; }.stat-label { font-size: 7px; letter-spacing: .4px; }.stat-card strong { font-size: 16px; }.stat-note { display: none; }.momentum-value span { font-size: 9px; }
  .repositories-section { margin-top: 29px; }.repo-row { grid-template-columns: 30px minmax(0, 1fr) auto; gap: 8px; }.repo-avatar { width: 29px; height: 29px; }.repo-description { max-width: 55vw; }
  .main-footer { flex-wrap: wrap; }.footer-note { display: none; }
  .repository-page { padding: 22px 20px; }.about-card { position: static; width: auto; padding: 17px 0 0; }.readme-card { width: 100%; }.repository-heading { margin-top: 25px; }.detail-title h1 { font-size: 15px; }.detail-title .repo-avatar { display: none; }.detail-description { margin-left: 0; }.detail-tabs { gap: 12px; overflow-x: auto; }.detail-tab { flex: 0 0 auto; }
}
@media (max-width: 480px) {
  .topbar { gap: 10px; }.brand { gap: 7px; font-size: 17px; }.brand-mark { width: 18px; height: 18px; }.topbar-search { height: 32px; padding: 0 7px; gap: 6px; }.topbar-search input { font-size: 10px; }
  .main-content { padding: 20px 14px; }.heading-row { flex-direction: column; align-items: flex-start; }.heading-row > .button { margin-top: 2px; }.heading-row h1 { font-size: 27px; }
  .welcome-card { min-height: 220px; }.welcome-content { padding: 21px 17px 40px; }.welcome-content h2 { font-size: 24px; }.welcome-art { right: -168px; opacity: .45; }
  .stat-card { flex-wrap: wrap; justify-content: flex-start; gap: 5px; }.stat-icon { width: 23px; height: 23px; }.stat-card > div:nth-child(2) { min-width: 48px; }.stat-label { font-size: 6px; }.stat-card strong { font-size: 14px; }.momentum-value span { font-size: 8px; }
  .section-heading { align-items: flex-start; gap: 8px; }.section-heading > .button { min-height: 30px; padding: 0 8px; font-size: 9px; }.section-heading p { max-width: 220px; line-height: 1.4; }
  .repo-toolbar { align-items: flex-end; gap: 7px; }.filter-tabs { gap: 10px; }.filter-tab { font-size: 9px; }.repo-search { width: 132px; }.repo-description { max-width: 48vw; }.repo-meta { font-size: 8px; }
  .repo-row { min-height: 76px; }.star-button { min-width: 43px; padding: 0 5px; }.list-footer { gap: 8px; font-size: 8px; }.main-footer { font-size: 8px; }
  .repository-page { padding: 19px 14px; }.repository-heading { gap: 6px; }.detail-title { flex-wrap: wrap; gap: 6px; }.detail-title h1 { font-size: 13px; }.detail-star { min-width: 65px; }.detail-tabs { gap: 12px; }.detail-tab { font-size: 9px; }.readme-content { padding: 20px 16px; }.readme-content h2 { font-size: 23px; }
}

.profile-nav { display: flex; align-items: stretch; gap: 25px; height: 48px; padding: 0 max(28px, calc((100vw - 1300px) / 2)); overflow-x: auto; border-bottom: 1px solid var(--border-soft); background: #111715; }
.profile-tab { position: relative; display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; color: #a2aea7; font-size: 11px; }
.profile-tab:hover { color: var(--text); }.profile-tab.active { color: #e8f0eb; font-weight: 600; }
.profile-tab.active::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--green); content: ""; }
.tab-glyph { color: #99a89f; font-size: 16px; line-height: 1; }.profile-tab.active .tab-glyph { color: var(--green); }
.tab-count { min-width: 18px; padding: 2px 6px; border: 1px solid #35413b; border-radius: 12px; color: #aab5ae; font: 9px var(--mono); text-align: center; }
.profile-layout { display: grid; grid-template-columns: 248px minmax(0, 1fr); gap: 31px; max-width: 1290px; margin: 0 auto; padding: 29px 35px 36px; }
.profile-sidebar { min-width: 0; padding-top: 9px; }
.profile-avatar { position: relative; display: grid; place-items: center; width: 178px; aspect-ratio: 1; margin: 0 auto 17px 0; border: 1px solid #40534a; border-radius: 50%; background: radial-gradient(circle at 30% 25%, #d0f0d8 0 3%, transparent 3.5%), radial-gradient(circle at 72% 66%, #4e9677 0 2%, transparent 2.5%), linear-gradient(140deg, #335c49, #1a332a 58%, #18241f); color: #dbf6e2; box-shadow: inset 0 0 0 7px #101514, 0 0 0 1px #283b32; }
.profile-avatar::before, .profile-avatar::after { position: absolute; border: 1px solid #c0efce32; border-radius: 50%; content: ""; }
.profile-avatar::before { inset: 18px; }.profile-avatar::after { inset: 31px; border-color: #c0efce1a; }
.profile-avatar > span { z-index: 1; font: 600 57px var(--display); letter-spacing: -4px; }
.profile-avatar i { position: absolute; z-index: 2; right: 8px; bottom: 17px; width: 17px; height: 17px; border: 4px solid var(--page); border-radius: 50%; background: var(--green); }
.profile-sidebar h1 { margin: 0; font: 700 22px var(--display); letter-spacing: -.5px; }
.profile-handle { margin: 2px 0 11px; color: #95a29b; font: 15px var(--sans); }
.profile-bio { margin: 0 0 14px; color: #d3ddd7; font-size: 12px; line-height: 1.55; }
.profile-edit { width: 100%; min-height: 31px; border: 1px solid #394740; background: #202925; color: #d8e2db; font-size: 10px; }
.profile-edit:hover { border-color: #60766a; background: #26332d; }
.profile-details { display: grid; gap: 10px; margin-top: 15px; }
.profile-details p { display: flex; align-items: center; gap: 9px; margin: 0; color: #96a39b; font-size: 10px; }
.profile-details p span { width: 15px; color: #a5b8ab; font-size: 13px; text-align: center; }
.profile-divider { height: 1px; margin: 19px 0 12px; background: var(--border); }
.profile-repo-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; color: #cdd8d0; font-size: 10px; }
.tiny-plus { display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid transparent; border-radius: 5px; color: #a5b3aa; font-size: 18px; }.tiny-plus:hover { border-color: #394840; background: #1c2621; }
.profile-repo-links { display: grid; gap: 5px; }
.profile-repo-links a { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 4px 3px; border-radius: 5px; color: #b9c9bf; font: 10px var(--mono); }
.profile-repo-links a:hover { background: #19221e; color: var(--green); }
.profile-repo-links .repo-avatar { width: 20px; height: 20px; flex: 0 0 auto; border-radius: 5px; font-size: 9px; }
.profile-repo-links a > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-note { display: flex; gap: 9px; margin-top: 19px; padding: 11px 9px; border: 1px solid #2b3c33; border-radius: 6px; background: linear-gradient(120deg, #18221d, #151d19); }
.profile-note-icon { color: var(--green); font-size: 13px; }
.profile-note strong, .profile-note small { display: block; }.profile-note strong { color: #c8d8ce; font-size: 10px; font-weight: 600; }.profile-note small { margin-top: 4px; color: #8c9a91; font-size: 9px; line-height: 1.45; }
.profile-main { min-width: 0; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.section-heading h2 { margin: 0; color: #e2ebe5; font: 600 14px var(--display); letter-spacing: -.2px; }
.section-heading p { margin: 4px 0 0; color: #87958d; font-size: 10px; }
.compact-heading { margin-bottom: 11px; }
.quiet-label { color: #76857c; font: 8px var(--mono); letter-spacing: .9px; }
.pinned-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pinned-card { display: flex; flex-direction: column; min-width: 0; min-height: 103px; padding: 12px; border: 1px solid #34413a; border-radius: 6px; background: #151c1a; transition: border-color .15s, background .15s; }
.pinned-card:hover { border-color: #577362; background: #19231e; }
.pinned-card-heading { display: flex; align-items: center; gap: 8px; min-width: 0; }
.pinned-card-heading .repo-avatar { width: 22px; height: 22px; border-radius: 5px; font-size: 9px; }
.pinned-card-heading strong { overflow: hidden; color: #b3e8c8; font: 600 11px var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.pinned-card-heading .visibility-badge { margin-left: auto; }
.pinned-card > p { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 28px; margin: 8px 0 8px; color: #98a59d; font-size: 10px; line-height: 1.4; }
.pinned-meta { display: flex; align-items: center; gap: 6px; margin-top: auto; color: #89978e; font-size: 9px; }
.pinned-stars { margin-left: auto; color: #8e9b92; font: 9px var(--mono); }
.contributions-section { margin-top: 24px; }
.contribution-total { color: #9aa79f; font-size: 9px; }.contribution-total strong { color: #dce8df; font-weight: 600; }
.contribution-panel { padding: 12px 13px 10px; border: 1px solid #2f3b35; border-radius: 6px; background: #141b18; }
.contribution-months { display: grid; grid-template-columns: repeat(7, 1fr); margin: 0 0 7px 22px; color: #819087; font: 8px var(--mono); text-align: center; }
.contribution-grid { display: grid; grid-auto-flow: column; grid-template-rows: repeat(7, 1fr); grid-template-columns: repeat(14, minmax(0, 1fr)); gap: 4px; }
.contribution-cell, .contribution-legend i { width: 100%; max-width: 13px; aspect-ratio: 1; border-radius: 3px; background: #202a25; }
.contribution-cell.level-1, .contribution-legend .level-1 { background: #234634; }.contribution-cell.level-2, .contribution-legend .level-2 { background: #367451; }.contribution-cell.level-3, .contribution-legend .level-3 { background: #56a878; }.contribution-cell.level-4, .contribution-legend .level-4 { background: #9be0b5; }
.contribution-legend { display: flex; align-items: center; justify-content: flex-end; gap: 4px; margin-top: 8px; color: #809087; font: 8px var(--mono); }
.contribution-legend i { display: inline-block; width: 10px; height: 10px; }.contribution-legend span:first-child { margin-right: 3px; }.contribution-legend span:last-child { margin-left: 3px; }
.repositories-section { margin-top: 26px; }
.repo-section-heading { margin-bottom: 12px; }
.repo-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.repo-toolbar .repo-search { flex: 1; max-width: 340px; margin: 0; }
.filter-tabs { gap: 12px; }
.filter-tab { height: 29px; font-size: 9px; }
.repo-row { grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; min-height: 72px; }
.repo-avatar { width: 29px; height: 29px; border-radius: 7px; }
.repo-main { padding: 9px 0; }
.repo-name { color: #b1e6c6; font: 600 11px var(--mono); }
.repo-description { margin: 4px 0; font-size: 10px; }
.repo-meta { font-size: 9px; }
.star-button { border-color: #3a4740; background: #1b2420; }
.star-button:hover { border-color: #6a9680; color: var(--green); }
.star-button.is-starred { border-color: #4a7059; background: #1b3024; color: var(--green); }
.star-button.is-starred svg { fill: var(--green); }
.list-footer { color: #78877e; }
.list-footer a { color: #9cc9ae; }
.main-footer { color: #6f7d74; }
.main-footer a:hover { color: #c8e8d2; }

@media (max-width: 900px) {
  .topbar { padding-right: 22px; padding-left: 22px; gap: 22px; }
  .profile-layout { grid-template-columns: 210px minmax(0, 1fr); gap: 22px; padding-right: 22px; padding-left: 22px; }
  .profile-avatar { width: 150px; }.pinned-grid { gap: 8px; }
}
@media (max-width: 680px) {
  .topbar { height: 58px; padding: 0 14px; gap: 12px; }
  .topbar .brand { min-width: auto; }.topbar .topbar-search { width: auto; flex: 1; }
  .topbar .profile-name, .topbar .profile-button .chevron, .topbar .notification-button, .topbar .topbar-divider, .topbar-search kbd { display: none; }
  .profile-nav { height: 44px; gap: 18px; padding: 0 14px; }
  .profile-layout { display: flex; flex-direction: column; gap: 23px; padding: 18px 14px 28px; }
  .profile-sidebar { display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 13px; padding: 0; }
  .profile-avatar { grid-row: span 3; width: 64px; margin: 0; box-shadow: inset 0 0 0 4px var(--page), 0 0 0 1px #283b32; }
  .profile-avatar::before { inset: 8px; }.profile-avatar::after { inset: 15px; }.profile-avatar > span { font-size: 23px; letter-spacing: -2px; }
  .profile-avatar i { right: 1px; bottom: 5px; width: 12px; height: 12px; border-width: 3px; }
  .profile-sidebar h1 { align-self: end; font-size: 17px; }.profile-handle { margin: 0; font-size: 12px; }.profile-bio { grid-column: 2; margin: 4px 0 8px; font-size: 10px; }
  .profile-edit, .profile-details, .profile-divider, .profile-repo-heading, .profile-repo-links, .profile-note { grid-column: 1 / -1; }
  .profile-edit { margin-top: 5px; }.profile-details { grid-template-columns: 1fr 1fr; gap: 8px; }.profile-details p { font-size: 9px; }
  .profile-divider, .profile-repo-heading, .profile-repo-links, .profile-note { display: none; }
  .profile-main { width: 100%; }.pinned-grid { gap: 8px; }.pinned-card { min-height: 99px; padding: 9px; }
  .repo-toolbar { align-items: flex-start; flex-direction: column-reverse; gap: 5px; }.repo-toolbar .repo-search { width: 100%; max-width: none; }
  .filter-tabs { width: 100%; gap: 15px; }.filter-tab { height: 28px; }
  .repo-row { grid-template-columns: 27px minmax(0, 1fr) auto; gap: 7px; }.repo-row .repo-avatar { width: 26px; height: 26px; }
  .repo-description { max-width: 65vw; }.star-button { min-width: 43px; }
  .contribution-panel { padding: 9px; }.contribution-grid { gap: 3px; }
  .main-footer { flex-wrap: wrap; }
}
@media (max-width: 420px) {
  .topbar { gap: 8px; }.topbar .brand { gap: 6px; font-size: 16px; }.topbar .brand-mark { width: 18px; height: 18px; }
  .profile-nav { gap: 14px; }.profile-tab { gap: 5px; font-size: 9px; }.tab-glyph { font-size: 13px; }
  .pinned-grid { grid-template-columns: 1fr; }.pinned-card { min-height: 86px; }
  .repo-section-heading > .button { min-height: 30px; padding: 0 8px; font-size: 9px; }
  .repo-meta { gap: 4px; font-size: 8px; }.repo-description { max-width: 59vw; }
  .contribution-months { font-size: 7px; }.contribution-grid { gap: 2px; }.contribution-cell { border-radius: 2px; }
}

.repo-nav { display: flex; flex-direction: column; border-bottom: 1px solid var(--border-soft); background: #111715; }
.repo-nav-identity { display: flex; align-items: center; gap: 7px; min-height: 42px; padding: 0 max(22px, calc((100vw - 1300px) / 2)); color: #a9b8af; font: 10px var(--mono); }
.repo-nav-identity:hover { color: var(--green); }.repo-nav-identity b { color: #64746a; font-weight: 400; }.repo-nav-identity strong { color: #d3e2d9; font-weight: 500; }
.repo-nav-mark { display: grid; place-items: center; width: 20px; height: 20px; margin-right: 3px; border: 1px solid #42614f; border-radius: 6px; background: #20372a; color: var(--green); font: 700 11px var(--display); }
.repo-nav-tabs { display: flex; gap: 22px; min-height: 42px; padding: 0 max(22px, calc((100vw - 1300px) / 2)); overflow-x: auto; }
.repo-nav-tabs .detail-tab { flex: 0 0 auto; padding: 0 1px; }
.repository-page { max-width: 1290px; min-height: calc(100vh - 150px); padding: 27px 35px 40px; }
.repository-heading { align-items: center; margin: 0 0 22px; padding-bottom: 17px; border-bottom: 1px solid var(--border); }
.detail-title h1 { color: #e5eee8; font: 600 21px var(--display); letter-spacing: -.5px; }
.detail-description { margin: 7px 0 0; color: #97a69d; font-size: 11px; }
.detail-star { min-width: 77px; height: 30px; border-color: #3a4941; background: #1b2420; }
.repository-content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 236px; align-items: start; gap: 23px; }
.repository-content-grid .readme-card { width: 100%; margin: 0; border-color: #34413a; background: #141b18; }
.repository-content-grid .readme-toolbar { height: 43px; border-color: #303d36; }
.repository-content-grid .readme-content { min-height: 300px; padding: 25px 26px; }
.repository-content-grid .readme-content h2 { font-size: 25px; }
.repository-content-grid .readme-content p { font-size: 11px; }
.about-card { position: static; width: auto; padding: 1px 0 0; }
.about-card h3 { margin-bottom: 9px; color: #dce7df; font: 600 12px var(--display); }
.about-card > p { color: #a4b0a8; font-size: 10px; line-height: 1.55; }
.about-language { margin: 14px 0; color: #c1ccc4; }
.about-stats { display: grid; gap: 10px; padding: 13px 0; border-color: var(--border); }
.about-created { margin-top: 12px; }
.about-workspace { display: flex; gap: 9px; margin-top: 18px; padding: 10px; border: 1px solid #2e4036; border-radius: 6px; background: #17211b; }
.about-workspace .status-dot { position: static; flex: 0 0 auto; margin: 4px 0 0 1px; }
.about-workspace strong, .about-workspace small { display: block; }.about-workspace strong { color: #bdcfc2; font-size: 9px; }.about-workspace small { margin-top: 4px; color: #88988d; font-size: 8px; line-height: 1.5; }

@media (max-width: 900px) {
  .repository-page { padding-right: 22px; padding-left: 22px; }
  .repository-content-grid { grid-template-columns: minmax(0, 1fr) 200px; gap: 17px; }
}
@media (max-width: 680px) {
  .repo-nav-identity { padding: 0 14px; }.repo-nav-tabs { gap: 17px; padding: 0 14px; }
  .repository-page { padding: 20px 14px 30px; }
  .repository-heading { align-items: flex-start; gap: 10px; }
  .detail-title h1 { font-size: 17px; }.detail-star { min-width: 65px; flex: 0 0 auto; }
  .repository-content-grid { grid-template-columns: 1fr; gap: 18px; }
  .about-card { display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; padding: 14px 0 0; border-top: 1px solid var(--border); }
  .about-card h3, .about-card > p, .about-stats, .about-created, .about-workspace { grid-column: 1 / -1; }
  .about-card .about-language { grid-column: 1 / -1; margin: 4px 0 12px; }
  .repository-content-grid .readme-content { padding: 20px 17px; }
}

.dashboard-topbar { height: 62px; gap: 20px; padding: 0 19px; }
.dashboard-topbar .brand { min-width: auto; }
.topbar-page-title { padding-left: 19px; border-left: 1px solid #35413b; color: #d7e2db; font-size: 12px; font-weight: 600; }
.dashboard-topbar .topbar-search { width: min(390px, 36vw); margin-left: auto; }
.dashboard-create { min-height: 31px; padding: 0 9px; font-size: 10px; }
.dashboard-create .button-plus { font-size: 15px; }
.dashboard-frame { display: grid; grid-template-columns: 248px minmax(0, 1fr); min-height: calc(100vh - 62px); }
.dashboard-sidebar { position: sticky; top: 62px; display: flex; flex-direction: column; height: calc(100vh - 62px); min-height: 600px; padding: 22px 15px 15px; border-right: 1px solid var(--border-soft); background: #111715; }
.dashboard-workspace { display: flex; align-items: center; gap: 9px; padding: 8px; border: 1px solid #2d3933; border-radius: 6px; background: #171f1b; }
.dashboard-workspace .workspace-icon { width: 28px; height: 28px; flex: 0 0 auto; border-radius: 6px; background: #b6e4c8; color: #193326; }
.dashboard-workspace > span:nth-child(2) { display: grid; flex: 1; gap: 3px; min-width: 0; }
.dashboard-workspace strong { overflow: hidden; color: #d9e3dc; font-size: 10px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-workspace small { color: #89978e; font-size: 9px; }
.dashboard-workspace > .chevron { font-size: 13px; }
.dashboard-navigation { display: grid; gap: 3px; margin-top: 21px; }
.dashboard-nav-link { position: relative; display: flex; align-items: center; gap: 10px; min-height: 34px; padding: 0 9px; border-radius: 5px; color: #9aa79f; font-size: 11px; }
.dashboard-nav-link:hover { background: #19221e; color: #e0e9e3; }
.dashboard-nav-link.active { background: #202b25; color: #e4eee7; font-weight: 600; }
.dashboard-nav-link.active::before { position: absolute; top: 6px; bottom: 6px; left: -15px; width: 3px; border-radius: 0 3px 3px 0; background: var(--green); content: ""; }
.nav-glyph { width: 16px; color: #9db2a4; font-size: 16px; line-height: 1; text-align: center; }
.dashboard-nav-link.active .nav-glyph { color: var(--green); }
.sidebar-divider { height: 1px; margin: 18px 1px 15px; background: var(--border); }
.dashboard-sidebar .sidebar-section-heading { display: flex; align-items: center; justify-content: space-between; padding: 0 5px; color: #839188; font: 8px var(--mono); letter-spacing: .8px; }
.dashboard-sidebar .tiny-plus { width: 20px; height: 20px; }
.dashboard-repo-links { display: grid; gap: 2px; margin-top: 8px; }
.dashboard-repo-links a { display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 29px; padding: 3px 5px; border-radius: 5px; color: #b9c6be; font-size: 10px; }
.dashboard-repo-links a:hover { background: #1b2620; color: var(--green); }
.dashboard-repo-links .repo-avatar { width: 18px; height: 18px; flex: 0 0 auto; border-radius: 5px; font-size: 8px; }
.dashboard-repo-links a > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-sidebar .sidebar-bottom { margin-top: auto; }
.workspace-status { display: flex; gap: 9px; padding: 11px 9px; border: 1px solid #2d3e34; border-radius: 6px; background: #17211b; }
.workspace-status .status-dot { position: static; flex: 0 0 auto; margin: 4px 0 0; }
.workspace-status strong, .workspace-status small { display: block; }.workspace-status strong { color: #c9d8ce; font-size: 9px; }.workspace-status small { margin-top: 4px; color: #89978e; font-size: 8px; }
.dashboard-sidebar .sidebar-footer { padding: 12px 4px 0; color: #78877e; font-size: 9px; }
.dashboard-content { width: 100%; max-width: 1510px; margin: 0 auto; padding: 35px 36px 20px; }
.dashboard-columns { display: grid; grid-template-columns: minmax(0, 1fr) 258px; align-items: start; gap: 25px; }
.dashboard-primary, .dashboard-rail { min-width: 0; }
.dashboard-greeting { margin: 1px 0 20px; }
.dashboard-greeting .eyebrow { margin-bottom: 8px; color: #91a198; }
.dashboard-greeting h1 { margin: 0; color: #e8efeb; font: 650 clamp(20px, 2.2vw, 26px)/1.25 var(--display); letter-spacing: -.8px; }
.dashboard-greeting h1 span { color: var(--green); }
.dashboard-greeting > p:last-child { margin: 7px 0 0; color: #91a097; font-size: 11px; }
.launch-card { padding: 16px; border: 1px solid #34463b; border-radius: 8px; background: radial-gradient(ellipse at 92% 3%, #1f382b 0, transparent 37%), linear-gradient(130deg, #17231c, #151d19 73%); }
.launch-card-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }
.launch-mark { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid #48614e; border-radius: 7px; background: #203529; color: var(--green); font-size: 15px; }
.launch-card h2 { margin: 0; color: #e2ece5; font: 600 13px var(--display); }
.launch-card-heading p { margin: 4px 0 0; color: #91a096; font-size: 10px; }
.launch-search { display: flex; align-items: center; gap: 8px; height: 36px; padding: 0 10px; border: 1px solid #39483e; border-radius: 5px; background: #101714; color: #829187; }
.launch-search:focus-within { border-color: #6b977b; box-shadow: 0 0 0 2px #a7e7c418; }
.launch-search svg { width: 14px; height: 14px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.5; }
.launch-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--text); font-size: 10px; }
.launch-search input::placeholder { color: #78877e; }
.launch-search kbd { border-color: #39473e; color: #839087; font-size: 9px; }
.launch-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 11px; }
.launch-actions .button { min-height: 30px; font-size: 9px; }
.launch-actions .button-outline { border-color: #39483e; background: #1a241e; color: #c7d5cb; }
.launch-actions .button-outline > span { color: var(--green); font-size: 13px; }
.dashboard-section { margin-top: 22px; }
.dashboard-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px; }
.dashboard-section-heading h2 { margin: 0; color: #dce7df; font: 600 12px var(--display); }
.dashboard-section-heading p { margin: 4px 0 0; color: #86948b; font-size: 9px; }
.dashboard-section-heading .filter-tabs { gap: 12px; }
.dashboard-section-heading .filter-tab { height: 27px; font-size: 9px; }
.dashboard-repo-list { border-top: 1px solid var(--border); }
.dashboard-repo-list .repo-row { min-height: 68px; border-bottom-color: #26332c; }
.dashboard-repo-list .repo-description { margin: 3px 0; color: #8e9d94; }
.dashboard-repo-list .repo-meta { color: #849289; }
.dashboard-repo-list .repo-name { color: #b5e5c7; }
.dashboard-primary .list-footer { padding-top: 9px; font-size: 8px; }
.dashboard-primary .list-footer a { color: #9dcaae; }
.dashboard-rail { display: grid; gap: 13px; padding-top: 1px; }
.rail-card { padding: 14px; border: 1px solid #344139; border-radius: 7px; background: #151c19; }
.rail-card-heading { display: flex; align-items: center; justify-content: space-between; }
.rail-card-heading h2 { margin: 0; color: #dce7df; font: 600 11px var(--display); }
.rail-card-heading .status-dot { position: static; }
.rail-card > p { margin: 7px 0 11px; color: #8d9a92; font-size: 9px; line-height: 1.5; }
.snapshot-stat { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; border-top: 1px solid #29352e; color: #9ba89f; font-size: 9px; }
.snapshot-stat strong { color: #d4e0d7; font: 500 10px var(--mono); }
.featured-repository { background: linear-gradient(145deg, #1a261f, #151c19); }
.rail-kicker { display: flex; align-items: center; gap: 6px; margin: 0 0 11px; color: #91a398; font: 8px var(--mono); letter-spacing: .7px; }
.rail-kicker .eyebrow-dot { width: 5px; height: 5px; }
.featured-name { display: flex; align-items: center; justify-content: space-between; color: #b7e9c9; font: 600 12px var(--mono); }
.featured-name:hover { color: #d1f6df; }.featured-name span { color: #8fb89d; }
.featured-repository > p { margin: 7px 0 11px; }
.featured-meta { display: flex; align-items: center; gap: 6px; color: #91a096; font-size: 9px; }
.featured-meta span:last-child { margin-left: auto; font-family: var(--mono); }
.rail-note { display: flex; gap: 10px; padding: 13px; border: 1px solid #354238; border-radius: 7px; background: #18211c; }
.rail-note-mark { color: var(--green); font-size: 14px; }
.rail-note strong { color: #d4e0d7; font: 600 10px var(--display); }
.rail-note p { margin: 5px 0 8px; color: #8e9b92; font-size: 9px; line-height: 1.5; }
.text-action { padding: 0; border: 0; background: none; color: #a7d6b7; font-size: 9px; cursor: pointer; }.text-action:hover { color: #d0f2db; }.text-action span { margin-left: 3px; }
.dashboard-content .main-footer { margin-top: 24px; padding-top: 11px; font-size: 8px; }

@media (max-width: 1100px) {
  .dashboard-frame { grid-template-columns: 220px minmax(0, 1fr); }
  .dashboard-content { padding-right: 23px; padding-left: 23px; }
  .dashboard-columns { grid-template-columns: minmax(0, 1fr) 220px; gap: 16px; }
  .dashboard-sidebar { padding-right: 12px; padding-left: 12px; }
}
@media (max-width: 880px) {
  .dashboard-columns { grid-template-columns: minmax(0, 1fr); }
  .dashboard-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .workspace-summary { grid-row: span 2; }
}
@media (max-width: 680px) {
  .dashboard-topbar { height: 58px; gap: 10px; padding: 0 12px; }
  .dashboard-topbar .brand { gap: 7px; font-size: 17px; }.dashboard-topbar .brand-mark { width: 19px; height: 19px; }
  .topbar-page-title { padding-left: 10px; font-size: 10px; }
  .dashboard-topbar .topbar-search { width: auto; flex: 1; min-width: 0; margin-left: 0; padding: 0 7px; }
  .dashboard-topbar .topbar-search input { font-size: 9px; }
  .dashboard-topbar .topbar-search kbd, .dashboard-topbar .profile-name, .dashboard-topbar .profile-button .chevron, .dashboard-topbar .notification-button, .dashboard-topbar .topbar-divider { display: none; }
  .dashboard-create { min-height: 28px; padding: 0 7px; font-size: 9px; }.dashboard-create .button-plus { font-size: 13px; }
  .dashboard-frame { display: block; min-height: calc(100vh - 58px); }
  .dashboard-sidebar { display: none; }
  .dashboard-content { padding: 22px 14px 18px; }
  .dashboard-greeting { margin-bottom: 15px; }.dashboard-greeting h1 { font-size: 21px; }
  .launch-card { padding: 13px; }.launch-card-heading { margin-bottom: 12px; }
  .dashboard-section { margin-top: 19px; }.dashboard-section-heading { align-items: flex-start; flex-direction: column; }
  .dashboard-section-heading .filter-tabs { width: 100%; gap: 15px; }.dashboard-section-heading .filter-tab { height: 26px; }
  .dashboard-repo-list .repo-row { grid-template-columns: 27px minmax(0, 1fr) auto; gap: 7px; min-height: 65px; }
  .dashboard-repo-list .repo-avatar { width: 26px; height: 26px; }
  .dashboard-repo-list .repo-description { max-width: 65vw; }
  .dashboard-rail { grid-template-columns: 1fr; gap: 10px; margin-top: 22px; }
  .workspace-summary { grid-row: auto; }
  .dashboard-content .main-footer { gap: 8px; flex-wrap: wrap; }
}
@media (max-width: 390px) {
  .dashboard-topbar { gap: 7px; padding: 0 8px; }
  .dashboard-topbar .brand { font-size: 15px; }.dashboard-topbar .brand-mark { width: 17px; height: 17px; }
  .topbar-page-title { font-size: 9px; }.dashboard-create { padding: 0 5px; }
  .dashboard-repo-list .repo-description { max-width: 57vw; }
}

.auth-page { min-height: 100vh; background: radial-gradient(ellipse at 50% 20%, #1a2a21 0, transparent 38%), var(--page); }
.auth-layout { display: flex; flex-direction: column; width: min(100% - 32px, 405px); min-height: 100vh; margin: 0 auto; padding: 38px 0 18px; }
.auth-brand { align-self: center; min-width: 0; margin-bottom: 27px; }
.auth-card { padding: 28px; border: 1px solid #35443a; border-radius: 9px; background: #151c19; box-shadow: 0 20px 70px #0003; }
.auth-symbol { display: grid; place-items: center; width: 35px; height: 35px; margin-bottom: 20px; border: 1px solid #49634f; border-radius: 9px; background: #203529; color: var(--green); font-size: 17px; }
.auth-card .eyebrow { margin-bottom: 9px; font-size: 8px; }
.auth-card h1 { margin: 0; color: #e7eee9; font: 650 22px var(--display); letter-spacing: -.5px; }
.auth-intro { margin: 7px 0 21px; color: #93a097; font-size: 10px; line-height: 1.5; }
.auth-form { display: grid; }
.auth-form label { margin: 12px 0 6px; color: #c9d4cc; font-size: 10px; font-weight: 600; }
.auth-form input { width: 100%; height: 37px; padding: 0 10px; border: 1px solid #39473e; border-radius: 5px; outline: 0; background: #101613; color: #e8eee9; font-size: 11px; }
.auth-form input::placeholder { color: #718077; }
.auth-form input:focus { border-color: #80ae90; box-shadow: 0 0 0 2px #a7e7c418; }
.auth-form .form-error { min-height: 14px; margin: 8px 0 0; color: #ed9989; font-size: 10px; }
.auth-submit { width: 100%; min-height: 37px; margin-top: 5px; }
.auth-switch { margin: 16px 0 0; color: #93a097; font-size: 10px; text-align: center; }
.auth-switch a { color: #a9e3bf; font-weight: 600; }.auth-switch a:hover { color: #d3f6df; text-decoration: underline; text-underline-offset: 3px; }
.auth-footer { display: flex; justify-content: space-between; gap: 12px; margin-top: auto; padding: 18px 4px 0; color: #758279; font-size: 9px; }
.logout-button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.logout-button:hover { color: var(--green); }

@media (max-width: 440px) {
  .auth-layout { width: min(100% - 22px, 405px); padding-top: 24px; }
  .auth-card { padding: 22px 18px; }
}