:root { color-scheme: dark; --bg:#0b1020; --panel:#121a2c; --panel-2:#18233a; --text:#edf3ff; --muted:#9eabc4; --line:#2a3855; --accent:#7dd3fc; --good:#5eead4; --warn:#fbbf24; --danger:#fb7185; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; font-family: ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; background:radial-gradient(circle at top right,#1a3156 0,#0b1020 42rem); color:var(--text); }
.shell { width:min(1440px,calc(100% - 40px)); margin:0 auto; padding:48px 0 28px; }
.hero { display:flex; justify-content:space-between; gap:32px; align-items:flex-end; margin-bottom:32px; }
.eyebrow { margin:0 0 10px; color:var(--accent); font-size:12px; font-weight:800; letter-spacing:.14em; }
h1 { margin:0; font-size:clamp(32px,5vw,64px); letter-spacing:-.04em; }
.lede { max-width:700px; margin:16px 0 0; color:var(--muted); font-size:16px; line-height:1.7; }
.sync-card { min-width:230px; padding:16px 18px; border:1px solid var(--line); border-radius:16px; background:rgba(18,26,44,.82); box-shadow:0 14px 40px rgba(0,0,0,.2); }
.sync-card span,.sync-card small { display:block; color:var(--muted); font-size:12px; }
.sync-card strong { display:block; margin:5px 0; font-size:15px; }
.copy-button { margin-top:12px; padding:9px 11px; border:1px solid #3d597e; border-radius:10px; background:#172b49; color:var(--text); font:inherit; font-size:12px; cursor:pointer; }.copy-button:hover { border-color:var(--accent); background:#1d3a60; }.copy-status { min-height:16px; margin-top:7px; color:var(--good) !important; }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:28px; }
.stat { padding:18px; border:1px solid var(--line); border-radius:16px; background:rgba(18,26,44,.82); }
.stat span { color:var(--muted); font-size:13px; }.stat strong { display:block; margin-top:10px; font-size:32px; }
.controls { display:flex; justify-content:space-between; gap:18px; align-items:flex-end; margin-bottom:20px; }
.search { display:grid; gap:7px; min-width:min(420px,100%); color:var(--muted); font-size:12px; font-weight:700; }
input { width:100%; padding:12px 14px; border:1px solid var(--line); border-radius:12px; background:var(--panel); color:var(--text); font:inherit; outline:none; } input:focus { border-color:var(--accent); }
.filters { display:flex; flex-wrap:wrap; gap:8px; }.filter { border:1px solid var(--line); border-radius:999px; padding:9px 13px; background:transparent; color:var(--muted); cursor:pointer; }.filter.is-active,.filter:hover { border-color:var(--accent); background:#15304c; color:var(--text); }
.project-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(330px,1fr)); gap:16px; }
.project-card { min-height:440px; padding:20px; border:1px solid var(--line); border-top:3px solid var(--good); border-radius:16px; background:linear-gradient(160deg,rgba(24,35,58,.96),rgba(18,26,44,.96)); box-shadow:0 14px 36px rgba(0,0,0,.16); }
.project-card.attention { border-top-color:var(--danger); }.project-card.working { border-top-color:var(--accent); }.project-card.waiting { border-top-color:var(--warn); }
.card-top { display:flex; align-items:center; gap:8px; color:var(--muted); font-size:12px; }.card-top time { margin-left:auto; }.status-dot { width:9px; height:9px; border-radius:50%; background:var(--good); }.attention .status-dot { background:var(--danger); }.working .status-dot { background:var(--accent); }.waiting .status-dot { background:var(--warn); }
.project-card h2 { margin:14px 0 18px; font-size:23px; letter-spacing:-.02em; }.section { margin-top:15px; }.section h3 { display:flex; justify-content:space-between; margin:0 0 6px; font-size:12px; color:var(--accent); letter-spacing:.06em; }.section ul { margin:0; padding-left:18px; color:#dbe7fb; font-size:13px; line-height:1.55; }.section li+li { margin-top:5px; }.blocker-section h3 { color:var(--warn); }.blocker-section b { color:var(--text); }
.copy-project { width:100%; margin-top:18px; }
details { margin-top:16px; padding-top:12px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; } summary { cursor:pointer; color:var(--text); } details p { margin:8px 0 0; }.muted { color:var(--muted); }.empty,.error { padding:34px; border:1px dashed var(--line); border-radius:16px; color:var(--muted); }.error { color:var(--danger); }
footer { margin-top:28px; color:var(--muted); font-size:12px; text-align:center; }
@media (max-width:760px) { .shell { width:min(100% - 24px,1440px); padding-top:28px; }.hero,.controls { display:block; }.sync-card { margin-top:20px; }.stats { grid-template-columns:repeat(2,1fr); margin-top:20px; }.filters { margin-top:14px; }.project-grid { grid-template-columns:1fr; }.project-card { min-height:0; } }