:root{--bg:#0f172a;--bg-card:#1e293b;--bg-card-hover:#273548;--text:#e2e8f0;--text-dim:#94a3b8;--text-muted:#64748b;--border:#334155;--accent:#60a5fa}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6}.app-container{max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.app-header{text-align:center;margin-bottom:2.5rem}.app-header h1{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.subtitle{color:var(--text-dim);margin-top:.5rem;font-size:1rem}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.overview-card{background:var(--bg-card);text-align:center;border-top:3px solid #0000;border-radius:12px;padding:1.25rem 1rem;transition:background .2s,transform .2s}.overview-card:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.overview-value{font-size:2.25rem;font-weight:800;line-height:1}.overview-label{color:var(--text-dim);margin-top:.4rem;font-size:.85rem}.section{margin-bottom:2.5rem}.section-title{border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.4rem;font-weight:600}.card-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:background .2s,border-color .2s,transform .2s}.card:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:translateY(-2px)}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.site-name,.repo-name,.employee-name,.gap-item{word-break:break-all;font-size:1rem;font-weight:600}.status-badge{color:#0f172a;white-space:nowrap;border-radius:6px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.card-body{flex-direction:column;gap:.6rem;display:flex}.info-row{gap:.5rem;font-size:.875rem;display:flex}.info-label{color:var(--text-muted);flex-shrink:0;min-width:5rem}.info-value{color:var(--text);word-break:break-word}.mono{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.8rem}.text-dim{color:var(--text-muted);font-style:italic}.info-link{color:var(--accent);word-break:break-all;text-decoration:none}.info-link:hover{text-decoration:underline}.status-text{color:#fbbf24}.site-card{border-left:3px solid #0000}.app-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);margin-top:2rem;padding:2rem 0 1rem;font-size:.8rem}@media (width<=640px){.app-container{padding:1.25rem 1rem}.app-header h1{font-size:1.5rem}.overview-grid{grid-template-columns:repeat(3,1fr)}.overview-value{font-size:1.75rem}.card-grid{grid-template-columns:1fr}.info-row{flex-direction:column;gap:.15rem}.info-label{min-width:auto}}