@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";
:root{--navy-950:#060f16;--navy-900:#0c212d;--navy-800:#112c3e;--navy-700:#173548;--navy-600:#1e4157;--navy-500:#285569;--orange:#ee7203;--orange-h:#ff8a1f;--red:#ff3816;--red-h:#ff5a3d;--ink:#f0ede8;--muted:#7a9aac;--faint:#2e4a5a;--glass:#112c3e8c;--glass-border:#ee720326;--glow-orange:0 0 40px #ee72032e;--glow-red:0 0 40px #ff38162e;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-xl:36px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--navy-950);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Poppins,sans-serif;font-size:15px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 50% at 85% 10%,#ee720317,#0000 60%),radial-gradient(60% 40% at 10% 90%,#ff381612,#0000 60%),radial-gradient(80% 60%,#112c3e99,#0000 80%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page{z-index:1;gap:28px;max-width:1480px;margin:0 auto;padding:32px 36px 60px;display:grid;position:relative}.hero{background:linear-gradient(135deg, var(--navy-800) 0%, var(--navy-900) 60%, #0a1c27 100%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glow-orange), inset 0 1px 0 #ee72031f;padding:40px 48px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ee720324 0%,#0000 65%);width:340px;height:340px;position:absolute;top:-60px;right:-60px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff381617 0%,#0000 70%);width:200px;height:200px;position:absolute;bottom:-40px;left:25%}.hero-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--orange);background:#ee72031f;border:1px solid #ee720340;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:4px 14px;font-size:.72rem;font-weight:600;display:inline-flex}.hero-eyebrow-dot{background:var(--orange);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.hero h1{letter-spacing:-.03em;background:linear-gradient(120deg, #f0ede8 30%, var(--orange) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.6rem;font-weight:800;line-height:1.1}.hero p{color:var(--muted);max-width:760px;font-size:.95rem;font-weight:400}.hero-meta{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.renderer-badge{border:1px solid var(--faint);color:var(--muted);background:#0c212db3;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.renderer-badge-icon{background:#2d9e68;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #2d9e6899}.grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-full{grid-column:1/-1}.panel{background:var(--glass);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid #ffffff0f;border-top-color:#ffffff1a;padding:26px 28px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.panel:hover{border-color:#ee720333;box-shadow:0 0 0 1px #ee72030f,0 20px 50px #0000004d}.panel-accent-line{background:linear-gradient(90deg, var(--orange), var(--red));opacity:0;border-radius:0 0 4px 4px;height:2px;transition:opacity .3s;position:absolute;top:0;left:28px;right:28px}.panel:hover .panel-accent-line{opacity:1}.panel h2{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:20px;font-size:.72rem;font-weight:700;display:flex}.panel h2:before{content:"";background:linear-gradient(180deg, var(--orange), var(--red));border-radius:2px;width:3px;height:14px;display:block}.dropzone{border-radius:var(--radius-md);cursor:pointer;background:#ee720308;border:1.5px dashed #ee72034d;padding:28px 24px;transition:border-color .25s,background .25s}.dropzone:hover{background:#ee720312;border-color:#ee720399}.dropzone-icon{border-radius:var(--radius-sm);background:#ee72031a;border:1px solid #ee720333;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:1.4rem;display:flex}.dropzone-label{color:var(--ink);margin-bottom:4px;font-size:.95rem;font-weight:600}.dropzone-sub{color:var(--muted);margin-bottom:16px;font-size:.8rem}.field input[type=file]{border:1px solid var(--faint);border-radius:var(--radius-sm);width:100%;color:var(--muted);cursor:pointer;background:#0c212dcc;padding:12px 16px;font-size:.85rem;transition:border-color .2s}.field input[type=file]:hover{border-color:var(--orange);color:var(--ink)}.field input[type=file]:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #ee720326}.metrics-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.metric{border:1px solid var(--faint);border-radius:var(--radius-md);background:#0c212db3;padding:18px 16px;transition:border-color .25s,transform .2s;position:relative;overflow:hidden}.metric:hover{border-color:#ee720359;transform:translateY(-2px)}.metric:after{content:"";background:linear-gradient(90deg, var(--orange), var(--red));opacity:0;height:2px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.metric:hover:after{opacity:1}.metric-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:.72rem;font-weight:600}.metric-value{letter-spacing:-.04em;background:linear-gradient(120deg, var(--ink) 40%, var(--orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1}.metric-value.accent{background:linear-gradient(120deg, var(--orange), var(--red));-webkit-background-clip:text;background-clip:text}.metric-value.danger{background:linear-gradient(120deg, var(--red), #ff6b4a);-webkit-background-clip:text;background-clip:text}.status-card{border:1px solid var(--faint);border-radius:var(--radius-md);background:#0c212d99;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.status-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.status-icon.idle{background:#7a9aac1f}.status-icon.processing{background:#ee72031f;animation:2s linear infinite icon-spin}.status-icon.blocked{background:#ff38161f}.status-icon.completed{background:#2d9e681f}.status-icon.failed{background:#ff38161f}@keyframes icon-spin{0%{box-shadow:0 0 #ee72034d}50%{box-shadow:0 0 0 8px #ee720300}to{box-shadow:0 0 #ee720300}}.status-content{flex:1}.status-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;font-size:.7rem;font-weight:700}.status-message{color:var(--ink);font-size:.9rem;font-weight:500}.status-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-self:center;padding:4px 12px;font-size:.72rem;font-weight:700}.badge-idle{color:var(--muted);background:#7a9aac1f}.badge-processing{color:var(--orange);background:#ee720326}.badge-blocked{color:var(--red);background:#ff381626}.badge-completed{color:#2d9e68;background:#2d9e6826}.badge-failed{color:var(--red);background:#ff381626}.blocker-item{border-radius:var(--radius-sm);color:#ff8a76;background:#ff381612;border:1px solid #ff381633;align-items:center;gap:12px;padding:12px 16px;font-size:.85rem;font-weight:500;display:flex}.blocker-item:before{content:"⚠";flex-shrink:0;font-size:1rem}.job-current{border-radius:var(--radius-md);background:#ee72030d;border:1px solid #ee720333;gap:14px;padding:18px 20px;display:grid}.job-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.job-name{color:var(--ink);font-size:.85rem;font-weight:600}.progress-bar-wrap{background:#ffffff0f;border-radius:99px;width:100%;height:6px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--orange), var(--red));border-radius:99px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ee720380}.job-stats{flex-wrap:wrap;gap:20px;display:flex}.job-stat{flex-direction:column;gap:1px;display:flex}.job-stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:600}.job-stat-value{color:var(--ink);font-size:1.1rem;font-weight:700}.job-stat-value.orange{color:var(--orange)}.job-stat-value.red{color:var(--red)}.job-stat-value.green{color:#2d9e68}.queue-item{border:1px solid var(--faint);border-radius:var(--radius-md);background:#0c212d80;gap:10px;padding:16px 18px;transition:border-color .2s;display:grid}.queue-item:hover{border-color:#ee720340}.queue-item-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.queue-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.queue-item-name{color:var(--ink);margin-bottom:2px;font-size:.88rem;font-weight:600}.queue-item-sub{color:var(--muted);font-size:.78rem}.queue-item-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;font-size:.78rem;display:flex}.queue-item-stat{align-items:center;gap:5px;display:flex}.queue-item-stat strong{color:var(--ink);font-weight:600}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot-completed{background:#2d9e68;box-shadow:0 0 6px #2d9e6880}.dot-failed{background:var(--red);box-shadow:0 0 6px #ff381680}.dot-running{background:var(--orange);animation:1.2s infinite dot-blink;box-shadow:0 0 6px #ee720380}.dot-queued{background:#f0c040;box-shadow:0 0 6px #f0c04080}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.4}}.dataset-row{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.dataset-stat{border:1px solid var(--faint);border-radius:var(--radius-sm);text-align:center;background:#0c212d99;padding:12px 14px;transition:border-color .2s}.dataset-stat:hover{border-color:#ee72034d}.dataset-stat-val{letter-spacing:-.03em;color:var(--orange);font-size:1.5rem;font-weight:800}.dataset-stat-key{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-top:2px;font-size:.68rem;font-weight:600}.stack{gap:12px;display:grid}.small{color:var(--muted);font-size:.8rem;font-weight:400}.button{cursor:pointer;letter-spacing:.02em;border:none;border-radius:999px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:opacity .2s,transform .15s,box-shadow .2s}.button:hover{opacity:.88;transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.danger{background:linear-gradient(135deg, #a52a1c, var(--red));color:#fff;box-shadow:0 4px 14px #ff381640}.button.danger:hover{box-shadow:0 6px 20px #ff381666}.button.subtle{border:1px solid var(--faint);color:var(--ink);background:#0c212dd9}.button.subtle:hover{border-color:#ee720359;box-shadow:0 6px 20px #0000002e}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.template-card{border:1px solid var(--faint);border-radius:var(--radius-md);background:#0c212d8c;gap:12px;padding:16px;display:grid}.template-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.template-title{color:var(--ink);font-size:.92rem;font-weight:600}.template-sub{color:var(--muted);font-size:.78rem}.divider{background:var(--faint);border:none;height:1px;margin:4px 0}.empty-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 20px;font-size:.85rem;display:flex}.empty-state-icon{opacity:.35;margin-bottom:4px;font-size:2rem}.queue-pill{color:var(--orange);letter-spacing:.05em;background:#ee72031a;border:1px solid #ee720338;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.catalog-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.catalog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.catalog-tabs{flex-wrap:wrap;gap:8px;display:inline-flex}.catalog-tab{border:1px solid var(--faint);color:var(--muted);cursor:pointer;background:#0c212db3;border-radius:999px;padding:9px 16px;transition:all .2s}.catalog-tab.active{color:var(--orange);background:#ee720324;border-color:#ee720359}.catalog-filters{flex-wrap:wrap;gap:10px;display:flex}.catalog-filters select{border:1px solid var(--faint);border-radius:var(--radius-sm);color:var(--ink);background:#0c212dcc;padding:10px 12px}.catalog-summary{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-size:.82rem;display:flex}.catalog-summary strong{color:var(--orange);font-size:1rem}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.catalog-card{border:1px solid var(--faint);border-radius:var(--radius-md);background:#0c212d8c;gap:12px;padding:16px;transition:border-color .2s,transform .2s;display:grid}.catalog-card:hover{border-color:#ee72034d;transform:translateY(-2px)}.catalog-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.catalog-card-title{color:var(--ink);font-size:.92rem;font-weight:600}.catalog-card-sub{color:var(--muted);word-break:break-word;font-size:.78rem}.catalog-meta{flex-wrap:wrap;gap:8px;display:flex}.catalog-pill{color:var(--ink);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;align-items:center;padding:5px 10px;font-size:.72rem;display:inline-flex}.catalog-pill.success{color:#2d9e68;background:#2d9e6814;border-color:#2d9e6833}.catalog-actions{flex-wrap:wrap;gap:10px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#060f16b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);width:min(720px,100%);box-shadow:var(--glow-orange);background:linear-gradient(#112c3ef5,#0a1c27fa);border:1px solid #ee720333;padding:24px}.modal-card h3{margin-bottom:8px;font-size:1.1rem}.modal-card p{color:var(--muted);font-size:.9rem}.modal-actions{justify-content:flex-end;margin-top:18px;display:flex}@media (max-width:1100px){.grid{grid-template-columns:1fr}.grid-full{grid-column:1}.metrics-grid,.dataset-row{grid-template-columns:repeat(3,1fr)}.template-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.page{padding:16px}.hero{padding:28px 24px}.hero h1{font-size:1.8rem}.metrics-grid,.dataset-row{grid-template-columns:repeat(2,1fr)}.panel{padding:20px}.template-grid{grid-template-columns:1fr}.catalog-header,.catalog-toolbar{flex-direction:column;align-items:stretch}.catalog-grid{grid-template-columns:1fr}}