@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#0b0d12;--panel:#12161d;--panel2:#171c25;--line:#252d39;--text:#edf1f7;--muted:#8e99aa;--accent:#9cf3d1;--accent2:#73b7ff;--danger:#ff9a9a;--shadow:0 18px 50px #0004}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#1a3340 0,#0b0d12 34rem),var(--bg);color:var(--text);font:15px 'DM Sans',system-ui,sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.wrap{max-width:1440px;margin:auto;padding:0 28px}.hero{padding:56px 0 30px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.hero h1{font:700 clamp(38px,6vw,76px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:14px 0 18px;max-width:800px}.hero p{max-width:640px;color:var(--muted);font-size:17px;line-height:1.6;margin:0}.stats{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.stat{background:#ffffff09;border:1px solid #ffffff12;border-radius:13px;padding:12px 15px;min-width:106px}.stat strong{display:block;font:700 22px 'Space Grotesk'}.stat span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.controls{position:sticky;top:0;z-index:4;background:#0b0d12e8;backdrop-filter:blur(18px);border-block:1px solid var(--line);padding:14px 0}.control-row{display:flex;gap:10px;flex-wrap:wrap}.field{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:11px 13px;outline:0}.field:focus{border-color:var(--accent2);box-shadow:0 0 0 3px #73b7ff22}.search{flex:1;min-width:240px}.clear{color:var(--accent);background:transparent;border:1px solid #9cf3d155;border-radius:10px;padding:10px 15px}.meta-row{display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;padding-bottom:60px}.card{background:linear-gradient(145deg,#161b23,#10141a);border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 12px 30px #0002;transition:.22s transform,.22s border-color,.22s box-shadow}.card:hover,.card:focus-within{transform:translateY(-3px);border-color:#9cf3d155;box-shadow:var(--shadow)}.thumb{height:190px;background:#080a0e;position:relative;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.card:hover .thumb img{transform:scale(1.04)}.badge{position:absolute;top:12px;left:12px;background:#0b0d12d9;border:1px solid #ffffff20;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:700;text-transform:capitalize}.badge.completed{color:var(--accent)}.badge.failed{color:var(--danger)}.badge.queued,.badge.pending{color:#ffd27d}.card-body{padding:17px}.card h2{font:600 19px/1.15 'Space Grotesk';letter-spacing:-.02em;margin:0 0 8px}.date{color:var(--muted);font-size:12px}.type{display:inline-block;color:#b8c3d4;background:#ffffff08;border-radius:5px;padding:4px 7px;font-size:10px;margin:11px 0 10px;text-transform:uppercase;letter-spacing:.06em}.preview{color:#b3bdca;line-height:1.55;font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:60px}.card-actions{display:flex;gap:8px;margin-top:15px}.action{background:#ffffff0b;color:var(--text);border:1px solid #ffffff13;border-radius:8px;padding:8px 10px;font-size:12px}.action.primary{background:var(--accent);color:#0b211b;border-color:transparent;font-weight:700}.empty{text-align:center;color:var(--muted);padding:80px 20px;grid-column:1/-1;border:1px dashed var(--line);border-radius:16px}.modal-backdrop{position:fixed;inset:0;background:#020407c7;backdrop-filter:blur(8px);z-index:10;padding:22px;display:none;overflow:auto}.modal-backdrop.open{display:block}.modal{max-width:1050px;margin:3vh auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 100px #0008;overflow:hidden}.modal-top{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 26px 16px;border-bottom:1px solid var(--line)}.modal h2{font:600 28px 'Space Grotesk';margin:0 0 8px}.close{background:transparent;color:var(--muted);border:0;font-size:28px;line-height:1}.modal-content{padding:22px 26px 30px}.images{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.images figure{margin:0;background:#080a0e;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.images img{display:block;width:100%;height:280px;object-fit:contain}.images figcaption{padding:8px 11px;color:var(--muted);font-size:11px}.markdown{color:#cbd3df;line-height:1.65}.markdown h1,.markdown h2,.markdown h3{font-family:'Space Grotesk';color:var(--text);line-height:1.2}.markdown h2{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.markdown strong{color:var(--text)}.markdown code{background:#ffffff0d;padding:2px 5px;border-radius:4px}.section-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:24px 0 10px}.copy-ok{color:var(--accent)!important}@media(max-width:650px){.wrap{padding:0 16px}.hero{padding-top:38px}.thumb{height:210px}.modal-backdrop{padding:8px}.modal-top,.modal-content{padding-inline:18px}.images{grid-template-columns:1fr}.images img{height:220px}}