/* Development intelligence dashboard */
.stats-special-mode{--site-accent:#8d7fff}
.stats-page{width:min(1340px,calc(100% - 56px));margin:0 auto;padding:34px 0 52px;color:#eef0f4}
.stats-page button{font:inherit}

.stats-hero-v2{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:12px 0 26px;border-bottom:1px solid rgba(255,255,255,.07)}
.stats-hero-copy>span{font:700 7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#8d7fff}
.stats-hero-copy h1{margin:12px 0 9px;font-size:38px;line-height:1;letter-spacing:-.05em}
.stats-hero-copy p{max-width:680px;margin:0;color:#858d99;font-size:9.5px;line-height:1.65}
.stats-hero-v2>button{min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.085);border-radius:8px;background:#111318;color:#dfe2e8;font-size:8px;cursor:pointer;white-space:nowrap}
.stats-hero-v2>button:hover{border-color:rgba(141,127,255,.28);background:#151820}

.stats-source-strip{min-height:62px;margin:16px 0 12px;padding:0 14px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:linear-gradient(180deg,#11141a,#0e1014);display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(120px,.7fr)) auto;gap:14px;align-items:center}
.stats-source-strip>div{display:flex;align-items:center;gap:10px}.stats-source-strip>div>i{width:8px;height:8px;border-radius:50%;background:#c39458;box-shadow:0 0 15px rgba(195,148,88,.28)}.stats-source-strip.is-synced>div>i{background:#68d68a;box-shadow:0 0 15px rgba(104,214,138,.38)}
.stats-source-strip>div>span{display:grid;gap:2px}.stats-source-strip>div strong{font-size:8.5px}.stats-source-strip>div small{color:#68717d;font-size:6.5px}.stats-source-strip>span{display:grid;gap:2px;padding-left:14px;border-left:1px solid rgba(255,255,255,.055);color:#69717d;font-size:6.5px}.stats-source-strip>span b{color:#d9dde4;font-size:9px;font-weight:700}.stats-source-strip>small{color:#585f6a;font-size:6px;text-align:right}

.stats-editorial-summary{min-height:68px;margin-bottom:12px;padding:14px 16px;border-left:2px solid #8d7fff;background:linear-gradient(90deg,rgba(141,127,255,.07),transparent 70%);display:grid;grid-template-columns:90px 1fr;gap:14px;align-items:center}.stats-editorial-summary>span{font:700 6.5px/1 ui-monospace,monospace;letter-spacing:.14em;color:#8d7fff}.stats-editorial-summary p{margin:0;max-width:1000px;color:#a2a8b1;font-size:10px;line-height:1.65}

.stats-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}
.stats-summary-card{position:relative;min-height:142px;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:linear-gradient(180deg,#12151a,#0e1014);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease}
.stats-summary-card::after{content:"";position:absolute;right:-30px;bottom:-45px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(141,127,255,.11),transparent 68%);pointer-events:none}.stats-summary-card:hover{transform:translateY(-2px);border-color:rgba(141,127,255,.18)}
.stats-summary-card>div{display:flex;align-items:center;gap:8px}.stats-summary-card>div>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(141,127,255,.18);border-radius:8px;background:rgba(141,127,255,.045);color:#9c92ff;font:700 7px/1 ui-monospace,monospace}.stats-summary-card>div>small{font:700 6.3px/1 ui-monospace,monospace;letter-spacing:.12em;color:#727a86}.stats-summary-card>strong{margin-top:auto;font-size:23px;line-height:1.02;letter-spacing:-.045em}.stats-summary-card>p{margin:6px 0 0;color:#6f7783;font-size:7px;line-height:1.45}.stats-summary-card.is-data>strong{color:#72d890}.stats-summary-card.is-language>strong{color:#f1d64b}.stats-summary-card.is-code>strong{color:#d8d4ff}

.stats-main-grid{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.35fr);gap:10px;margin-bottom:10px}.stats-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);gap:10px;margin-bottom:10px}
.stats-panel{border:1px solid rgba(255,255,255,.075);border-radius:12px;background:linear-gradient(180deg,#111318,#0e1014);padding:18px;box-shadow:0 15px 40px rgba(0,0,0,.12)}
.stats-panel>header{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.055)}.stats-panel>header span{font:700 6.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#8d7fff}.stats-panel>header h2{margin:6px 0 0;font-size:17px;letter-spacing:-.035em}.stats-panel>header>small{font-size:6.7px;color:#646c78;text-align:right}

.stats-language-stack{height:15px;margin:23px 0 22px;display:flex;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:99px;background:#1b1e24;box-shadow:inset 0 1px 4px rgba(0,0,0,.45)}.stats-language-stack i{display:block;height:100%;min-width:2px;transition:filter .18s ease,transform .18s ease}.stats-language-stack i:hover{filter:brightness(1.2);transform:scaleY(1.18)}
.stats-language-list{display:grid}.stats-language-list article{min-height:54px;display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.045)}.stats-language-list article:last-child{border-bottom:0}.stats-language-list article>i{width:8px;height:8px;border-radius:2px}.stats-language-list article>span{display:grid;gap:2px}.stats-language-list strong{font-size:8.7px}.stats-language-list small{font-size:6.5px;color:#666f7a}.stats-language-list b{font-size:9px;color:#c4c9d1}
.stats-empty-state{min-height:300px;display:grid;place-items:center;align-content:center;text-align:center}.stats-empty-state i{width:58px;height:58px;border:1px solid rgba(141,127,255,.22);border-radius:50%;display:grid;place-items:center;color:#8d7fff;font-style:normal;font-size:16px;background:rgba(141,127,255,.04)}.stats-empty-state p{max-width:300px;margin:13px 0 0;color:#737b87;font-size:8px;line-height:1.6}

.stats-project-header{align-items:center!important}.stats-project-toggle{display:flex;padding:3px;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:#0b0d11}.stats-project-toggle button{min-width:42px;height:25px;border:0;border-radius:5px;background:transparent;color:#68717c;font-size:6.8px;cursor:pointer}.stats-project-toggle button.active{background:#1b1f27;color:#d9dde4}.stats-project-list{display:grid}.stats-project-row{width:100%;min-height:72px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:transparent;color:#e9ebef;display:grid;grid-template-columns:38px 150px minmax(100px,1fr) 120px;gap:12px;align-items:center;text-align:left;cursor:pointer;transition:background .16s ease}.stats-project-row:last-child{border-bottom:0}.stats-project-row:hover{background:rgba(255,255,255,.018)}
.stats-project-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--project-colour) 32%,transparent);border-radius:8px;background:color-mix(in srgb,var(--project-colour) 8%,transparent);color:var(--project-colour);font-size:7px;font-weight:800}.stats-project-copy{display:grid;gap:3px}.stats-project-copy strong{font-size:8.8px}.stats-project-copy small{font-size:6.5px;color:#666e7a}.stats-project-track{height:6px;border-radius:99px;background:#1c1f25;overflow:hidden}.stats-project-track i{display:block;height:100%;width:var(--absolute);border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--project-colour) 72%,#8d7fff),var(--project-colour));transition:width .35s cubic-bezier(.22,1,.36,1)}.stats-project-list[data-scale="share"] .stats-project-track i{width:var(--share)}.stats-project-value{display:grid;gap:2px;text-align:right}.stats-project-value b{font-size:8.5px}.stats-project-value small{font-size:6px;color:#626a75}.stats-project-row.is-unsynced{opacity:.5}.stats-project-row.is-unsynced .stats-project-track i{width:0!important}

.stats-data-panel{min-height:100%}.stats-database-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px}.stats-database-grid article{position:relative;min-height:185px;padding:15px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#0d0f13;display:flex;flex-direction:column;overflow:hidden}.stats-database-grid article::after{content:"";position:absolute;right:-34px;bottom:-45px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--db-accent) 10%,transparent),transparent 68%)}.stats-database-grid article>header{display:flex;align-items:center;justify-content:space-between}.stats-database-grid article>header span{font:700 6px/1 ui-monospace,monospace;letter-spacing:.11em;color:var(--db-accent)}.stats-database-grid article>header i{width:7px;height:7px;border-radius:50%;background:#68d68a;box-shadow:0 0 12px rgba(104,214,138,.32)}.stats-database-grid article>strong{margin-top:20px;font-size:10px}.stats-database-grid article>small{margin-top:3px;color:#656d79;font-size:6.5px}.stats-db-value{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:15px}.stats-db-value b{font-size:22px;letter-spacing:-.04em}.stats-db-value span{font-size:6.5px;color:#666e79}.stats-db-track{height:5px;margin-top:12px;border-radius:99px;background:#1b1e24;overflow:hidden}.stats-db-track i{display:block;height:100%;border-radius:inherit;background:var(--db-accent)}.stats-database-grid article.is-unsynced{opacity:.5}

.stats-insights-panel{min-height:100%}.stats-insight-list{display:grid}.stats-insight-list article{min-height:70px;display:grid;grid-template-columns:27px 115px minmax(0,1fr);gap:11px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.stats-insight-list article:last-child{border-bottom:0}.stats-insight-list article>b{font:600 6.5px/1 ui-monospace,monospace;color:#58606b}.stats-insight-list article>span{display:grid;gap:2px}.stats-insight-list article>span strong{font-size:12px;letter-spacing:-.025em}.stats-insight-list article>span small{font-size:6.2px;color:#7e8692}.stats-insight-list article>p{margin:0;color:#6f7782;font-size:7.2px;line-height:1.5}

.stats-footer-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 2px 0}.stats-footer-v2>span{display:grid;gap:3px;color:#5f6671;font-size:6.2px}.stats-footer-v2 b{font:700 5.8px/1 ui-monospace,monospace;letter-spacing:.12em;color:#707884}
.stats-loading{min-height:460px;display:grid;place-items:center;color:#777f8a;font-size:9px}.stats-loading.is-error{color:#c27878}.browser-bookmarks [data-stats-bookmark]>span{color:#8d7fff!important}

@media(max-width:1080px){
  .stats-source-strip{grid-template-columns:1fr repeat(3,110px)}.stats-source-strip>small{display:none}.stats-summary-grid{grid-template-columns:1fr 1fr}.stats-main-grid,.stats-lower-grid{grid-template-columns:1fr}.stats-data-panel{min-height:auto}.stats-project-row{grid-template-columns:38px 145px 1fr 110px}
}
@media(max-width:760px){
  .stats-page{width:min(100% - 28px,1340px);padding-top:22px}.stats-hero-v2{align-items:start}.stats-hero-copy h1{font-size:31px}.stats-source-strip{grid-template-columns:1fr 1fr;gap:0;padding:8px 12px}.stats-source-strip>div{grid-column:1/-1;min-height:42px}.stats-source-strip>span{min-height:42px;justify-content:center;padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.05)}.stats-editorial-summary{grid-template-columns:1fr;gap:6px}.stats-project-row{grid-template-columns:34px minmax(100px,1fr) 92px}.stats-project-track{grid-column:2/-1;grid-row:2;margin:-7px 0 10px}.stats-project-value{grid-column:3;grid-row:1}.stats-project-copy{grid-column:2;grid-row:1}.stats-project-mark{grid-column:1;grid-row:1}.stats-database-grid{grid-template-columns:1fr}.stats-footer-v2{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .stats-summary-grid{grid-template-columns:1fr}.stats-hero-v2{display:grid}.stats-hero-v2>button{justify-self:start}.stats-project-row{grid-template-columns:34px 1fr}.stats-project-value{grid-column:2;grid-row:2;text-align:left;margin-top:-7px}.stats-project-track{grid-column:1/-1;grid-row:3;margin:0 0 12px}.stats-insight-list article{grid-template-columns:24px 90px 1fr}.stats-footer-v2{grid-template-columns:1fr}.stats-panel{padding:15px}
}
