*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f4f6;color:#111827}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:16px 32px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;position:sticky;top:0;z-index:10}.app-header h1{font-size:20px;margin:0}.app-nav{display:flex;gap:12px}.nav-link{padding:6px 14px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-size:14px;color:#4b5563;background:transparent;transition:all .15s ease-out}.nav-link:hover{border-color:#9ca3af;box-shadow:0 0 0 1px #d1d5db}.nav-link.active{background:#111827;color:#f9fafb;border-color:#111827}.app-main{padding:24px 32px 40px;max-width:1100px;width:100%;margin:0 auto}.card{background:#fff;border-radius:18px;border:1px solid #e5e7eb;padding:20px 22px;box-shadow:0 10px 25px #0f172a0f}.card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.card-title{margin:0;font-size:18px}.card-subtitle{margin:0;font-size:13px;color:#9ca3af}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12px;border:1px solid #d1d5db;background:#f9fafb}.badge-dot{width:7px;height:7px;border-radius:999px}.badge-dot.green{background:#16a34a}.badge-dot.yellow{background:#ca8a04}.badge-dot.red{background:#b91c1c}.badge-dot.gray{background:#9ca3af}.tasks-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px}.tasks-table thead{color:#6b7280}.tasks-table th,.tasks-table td{padding:8px 6px;text-align:left}.status-cell{text-align:center}.tasks-table tbody tr:nth-child(odd){background:#f9fafb}.tasks-table tbody tr:nth-child(2n){background:#f3f4f6}.tasks-table tr:hover{background:#e5e7eb}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 6px;font-size:12px;justify-content:center}.pill.status-new{background:#dbeafe;color:#1d4ed8}.pill.status-in_progress{background:#f3e8ff;color:#6b21a8}.pill.status-done{background:#ecfdf3;color:#15803d}.pill.status-failed{background:#fef2f2;color:#b91c1c}.pill.status-cancelled{background:#fef9c3;color:#a16207}.pill.status-unknown{background:#e5e7eb;color:#4b5563}.muted{color:#6b7280}.layout-two-columns{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:18px}@media(max-width:900px){.app-main{padding:20px 16px 32px}.layout-two-columns{grid-template-columns:minmax(0,1fr)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:8px}.stat-card{padding:12px 14px;border-radius:14px;border:1px solid #e5e7eb;background:#fff}.stat-label{font-size:12px;color:#6b7280}.stat-value{font-size:20px;font-weight:600}.stat-sub{font-size:11px;color:#9ca3af}.chips-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{padding:4px 10px;border-radius:999px;font-size:12px;background:#f9fafb;border:1px solid #e5e7eb}.timestamp{font-size:11px;color:#9ca3af}.flex-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}