:root{--bg: #f4f7fb;--panel: #ffffff;--text: #17324d;--muted: #5b7188;--border: #d6e1ee;--accent: #0f766e;--accent-soft: #e6fffb;--danger: #b91c1c;--danger-soft: #fef2f2;--shadow: 0 14px 40px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:linear-gradient(180deg,#e8f1fb 0%,var(--bg) 28%,#f8fbff 100%);color:var(--text)}.page{max-width:1480px;margin:0 auto;padding:32px 22px 44px}.hero{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end;margin-bottom:24px}.hero h1{margin:0;font-size:2rem;letter-spacing:-.03em}.hero p{margin:8px 0 0;color:var(--muted);max-width:760px}.hero-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;width:100%;max-width:760px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:10px 14px;border-radius:12px;background:var(--panel);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);font-weight:600;text-align:center}.toolbar,.panel{background:#ffffffeb;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.toolbar{padding:16px;margin-bottom:18px}.toolbar form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.field{display:grid;gap:6px;min-width:140px}.field label{font-size:.82rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.field select,.field input{border:1px solid var(--border);border-radius:12px;padding:10px 12px;font:inherit;color:var(--text);background:#fff}.field button{border:0;border-radius:12px;padding:10px 16px;background:var(--accent);color:#fff;font:inherit;font-weight:700;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:18px}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.stat-card .label{font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.stat-card .value{margin-top:10px;font-size:1.9rem;font-weight:800;letter-spacing:-.03em}.stat-card .hint{margin-top:8px;color:var(--muted);font-size:.92rem}.panel{padding:18px;margin-bottom:18px}.panel h2{margin:0 0 6px;font-size:1.15rem}.panel .subtitle{margin:0 0 16px;color:var(--muted);font-size:.94rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:980px}th,td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:0}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700;white-space:nowrap}.pill.success{background:var(--accent-soft);color:var(--accent)}.pill.failed{background:var(--danger-soft);color:var(--danger)}.pill.started{background:#fff7ed;color:#b45309}.metric-bar{width:100%;height:10px;background:#edf2f7;border-radius:999px;overflow:hidden;margin-top:6px}.metric-bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f766e,#2563eb)}.error-box{margin-bottom:18px;padding:14px 16px;border-radius:16px;background:var(--danger-soft);border:1px solid #fecaca;color:var(--danger);font-weight:600}.muted{color:var(--muted)}.pagination{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.pagination .summary{color:var(--muted);font-size:.9rem}.pagination .controls{display:inline-flex;align-items:center;gap:8px}.pagination .page-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);text-decoration:none;font-size:.88rem;font-weight:700;padding:7px 11px}.pagination .page-info{color:var(--muted);font-size:.88rem;font-weight:500;display:block;margin-top:10px}.pagination .page-number{min-width:38px}.pagination .page-link.active{background:var(--accent);border-color:var(--accent);color:#fff;cursor:default;pointer-events:none}.pagination .page-dots{color:var(--muted);font-weight:700;padding:0 4px}.pagination .page-link:hover{background:#f8fbff}@media(max-width:900px){.page{padding:20px 14px 28px}.hero h1{font-size:1.6rem}table{min-width:780px}}