:root{--color-bg:#f8fafc;--color-text:#0f172a;--color-muted:#64748b;--primary-500:#22c55e;--primary-600:#16a34a;--primary-700:#15803d;--secondary-500:#0ea5e9;--card-border:#e5e7eb;--card-bg:#fff}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text)}main{max-width:1024px;margin:0 auto;padding:16px}a{color:var(--secondary-500);text-decoration:none}button{cursor:pointer;background:var(--primary-600);color:#fff;border:0;padding:10px 14px;border-radius:10px;transition:transform .12s ease,filter .12s ease}button:hover{filter:brightness(1.06)}button:active{transform:translateY(1px)}.container{max-width:1024px;margin:0 auto;padding:16px}h1,h2,h3{margin:0 0 8px;font-weight:700;letter-spacing:.2px}h2{font-size:24px}h3{font-size:18px;color:var(--color-text)}.section-subtitle{color:var(--color-muted);font-size:14px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:8px 12px;border-radius:999px;border:1px solid #e2e8f0;background:#f1f5f9;color:#0f172a;font-weight:600}.tab.active{background:linear-gradient(135deg,var(--primary-600),var(--secondary-500));color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(34,197,94,.25)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#ecfeff;color:#0c4a6e;font-size:12px;border:1px solid #bae6fd}.chip.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary-600);display:inline-block}.chip.green{background:#dcfce7;color:#166534;border-color:#86efac}.chip.yellow{background:#fef9c3;color:#854d0e;border-color:#fde68a}.chip.red{background:#fee2e2;color:#991b1b;border-color:#fecaca}.card{border:1px solid var(--card-border);border-radius:12px;background:var(--card-bg);box-shadow:0 1px 2px rgba(0,0,0,.04);overflow:hidden}.card-header{padding:14px 16px;border-bottom:1px solid var(--card-border);background:linear-gradient(180deg,rgba(34,197,94,.06),rgba(14,165,233,.06))}.card-title{font-weight:700;font-size:16px}.card-content{padding:16px}.list-clean{list-style:none;padding-left:0;margin:0}.list-item{padding:6px 0}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sticky-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--color-bg);border-bottom:1px solid var(--card-border);padding:8px 0}@media (max-width:640px){.container,main{padding:12px}h2{font-size:20px}h3{font-size:16px}button{padding:10px 12px}}