@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#f4f7fb;--ink:#111827;--ink-muted:#64748b;--surface:#fff;--surface-strong:#f8fafc;--line:#e2e8f0;--field-bg:#f8fafc;--field-border:#cbd5e1;--brand:#7c3aed;--brand-alt:#6d28d9;--success:#0f766e;--warning:#b45309;--danger:#be123c;--pending:#7c3aed;--shadow:0 10px 30px #0f172a14;--radius:16px;--radius-sm:10px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem}:root[data-theme=dark]{--bg:#0b1220;--ink:#e5e7eb;--ink-muted:#94a3b8;--surface:#111827;--surface-strong:#0f172a;--line:#1e293b;--field-bg:#0f172a;--field-border:#334155;--brand:#c4b5fd;--brand-alt:#a78bfa;--success:#14b8a6;--warning:#f59e0b;--danger:#fb7185;--pending:#a78bfa;--shadow:0 14px 36px #02061773}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:linear-gradient(180deg, #f8fbff 0%, var(--bg) 100%);font-family:Sora,Segoe UI,sans-serif;font-size:var(--text-md);line-height:1.6}:root[data-theme=dark] body{background:linear-gradient(#0b1220 0%,#0f172a 100%)}body:before,body:after{content:none;z-index:-1;filter:blur(8px);border-radius:999px;position:fixed}body:before{background:#856eff1f;width:300px;height:300px;top:-90px;right:-70px}:root[data-theme=dark] body:before{background:#442f856b}body:after{background:#c6a5ff21;width:240px;height:240px;bottom:-90px;left:-80px}:root[data-theme=dark] body:after{background:#4c388e66}h1,h2,h3,h4{letter-spacing:-.015em;margin:0;font-family:Space Grotesk,Sora,sans-serif;line-height:1.25}h1{font-size:clamp(1.75rem,3vw,2.25rem)}h2{font-size:clamp(1.4rem,2.1vw,1.75rem)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin:0}a{color:inherit;text-decoration:none}pre{border-radius:var(--radius-sm);color:#f8f2e6;background:#141318eb;margin:0;padding:1rem;font-size:.86rem;overflow:auto}.app-shell{grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(250px,300px);min-height:100vh;display:grid}.sidebar,.activity-panel,.card,.top-bar{-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#f7f3ff,#ede7ff);flex-direction:column;gap:1.25rem;padding:1.2rem;display:flex}:root[data-theme=dark] .sidebar{background:linear-gradient(#171327,#211a3a)}.brand-panel{gap:.2rem;display:grid}.sidebar-brand-title,.auth-brand{align-items:center;gap:8px;display:inline-flex}.brand-logo{object-fit:contain;border-radius:8px;width:28px;height:28px}.brand-panel h1{font-size:1.7rem}.tenant-chip{background:var(--surface-strong);border:1px solid var(--line);width:max-content;font-size:var(--text-xs);border-radius:999px;padding:.2rem .65rem}:root[data-theme=dark] .tenant-chip{background:#111827}.main-nav{gap:.4rem;display:grid}.nav-link{border-radius:var(--radius-sm);color:var(--ink-muted);font-size:var(--text-sm);padding:.6rem .75rem;font-weight:600;transition:all .2s}.nav-link:hover{color:var(--ink);background:#eef2ff}:root[data-theme=dark] .nav-link:hover{background:#1e293b}.nav-link-active{color:var(--ink);background:#efe7ff;border:1px solid #c4b5fd}:root[data-theme=dark] .nav-link-active{background:#4c1d95;border:1px solid #8b5cf6}.content-column{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.top-bar{z-index:6;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.3rem;display:flex;position:sticky;top:0}:root[data-theme=dark] .top-bar{background:#0f172a}.title-wrap h2{font-size:1.18rem}.page-content{padding:1.2rem}.activity-panel{border-left:1px solid var(--line);background:#f8fafc;align-content:start;gap:.7rem;padding:1.1rem;display:grid}:root[data-theme=dark] .activity-panel{background:#111827}.activity-list{gap:.65rem;max-height:calc(100vh - 8rem);padding-right:.35rem;display:grid;overflow:auto}.activity-item{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);gap:.2rem;padding:.72rem;display:grid}:root[data-theme=dark] .activity-item{background:#1f2937}.activity-item time{font-size:var(--text-xs);color:var(--ink-muted)}.activity-title{font-size:var(--text-sm);font-weight:600}.activity-detail,.panel-caption,.muted{color:var(--ink-muted);font-size:var(--text-sm)}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none;padding:1.1rem;animation:.3s riseIn;position:relative;overflow:hidden}:root[data-theme=dark] .card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#111827}.card:before{content:none}.gradient-card{background:linear-gradient(90deg,#f2ebff,#fff)}:root[data-theme=dark] .gradient-card{background:linear-gradient(90deg,#3b1f74,#5b2ca5)}.hero{gap:.7rem;display:grid}.hero h3{font-size:1.4rem}.hero-actions{flex-wrap:wrap;gap:.65rem;display:flex}.auth-page{--grid-shift-x:0px;--grid-shift-y:0px;--grid-react-ms:.46s;isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(380px,470px);align-items:center;gap:1.2rem;width:100%;min-height:100vh;margin:0;padding:clamp(1.4rem,3.2vw,3rem) clamp(1.6rem,5vw,4.5rem);display:grid;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.auth-page:before{background:radial-gradient(circle at 16% 22%,#a855f733,#0000 34%),radial-gradient(circle at 82% 14%,#7c3aed24,#0000 30%),radial-gradient(circle at 74% 80%,#a78bfa1f,#0000 34%);animation:14s ease-in-out infinite alternate authGlowDrift}.auth-page:after{opacity:.68;transform:translate3d(var(--grid-shift-x), var(--grid-shift-y), 0);transition:transform var(--grid-react-ms) ease-out;background-image:linear-gradient(#a78bfa47 1px,#0000 1px),linear-gradient(90deg,#a78bfa47 1px,#0000 1px),radial-gradient(circle at 18% 36%,#ffffff42 2px,#0000 2px),radial-gradient(circle at 58% 66%,#ffffff2e 2px,#0000 2px),radial-gradient(circle at 76% 30%,#ffffff3d 2px,#0000 2px);background-position:0 0,0 0,0 0,34px 64px,66px 30px;background-size:64px 64px,64px 64px,240px 240px,304px 304px,352px 352px;animation:15.5s linear infinite authGridFlow}.auth-processing{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.job-particle{width:var(--particle-size,34px);height:var(--particle-size,34px);box-shadow:0 0 calc(var(--particle-size,34px) * .95) #7c3aed9e;left:var(--x-start,4%);opacity:0;filter:blur(var(--particle-blur,0px));animation:jobParticleFlow var(--duration,7.8s) linear infinite;will-change:left, transform, opacity;background:radial-gradient(circle at 35% 35%,#f5f3ff 0%,#c4b5fd 48%,#7c3aed 100%);border-radius:999px;position:absolute}.particle-a{--particle-size:44px;--duration:9.6s;--x-start:1%;--x-end:92%;--particle-blur:0px;animation-delay:0s;top:calc(26% - 22px)}.particle-b{--particle-size:24px;--duration:7.1s;--x-start:8%;--x-end:96%;--particle-blur:1.1px;animation-delay:1.2s;top:calc(50% - 12px)}.particle-c{--particle-size:56px;--duration:11.2s;--x-start:-2%;--x-end:88%;--particle-blur:.35px;animation-delay:2.4s;top:calc(72% - 28px)}.particle-d{--particle-size:18px;--duration:6.4s;--x-start:14%;--x-end:98%;--particle-blur:1.6px;animation-delay:3.8s;top:calc(38% - 9px)}:root[data-theme=dark] .auth-page:before{background:radial-gradient(circle at 16% 22%,#a78bfa2e,#0000 36%),radial-gradient(circle at 82% 14%,#6d28d938,#0000 34%),radial-gradient(circle at 74% 80%,#5b21b633,#0000 38%)}:root[data-theme=dark] .auth-page:after{opacity:.58;background-image:linear-gradient(#c4b5fd4d 1px,#0000 1px),linear-gradient(90deg,#c4b5fd4d 1px,#0000 1px),radial-gradient(circle at 18% 36%,#ffffff47 2px,#0000 2px),radial-gradient(circle at 58% 66%,#fff3 2px,#0000 2px),radial-gradient(circle at 76% 30%,#ffffff3d 2px,#0000 2px)}:root[data-theme=dark] .job-particle{background:radial-gradient(circle at 35% 35%,#ede9fe 0%,#a78bfa 46%,#6d28d9 100%);box-shadow:0 0 34px #8b5cf6ad}.auth-hero,.auth-card{z-index:2;position:relative}.auth-brand .brand-logo{animation:4.5s ease-in-out infinite authLogoFloat}.auth-hero h1{animation:5.5s ease-in-out infinite authTitleBreath}.auth-card{animation:6s ease-in-out infinite authCardDrift}.auth-hero{gap:.9rem;padding:clamp(1rem,2.4vw,1.4rem);display:grid}.auth-brand{width:max-content;margin-bottom:.3rem;font-family:Space Grotesk,Sora,sans-serif;font-size:1.1rem;font-weight:700}.auth-hero h1{max-width:15ch;font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.06}.auth-hero p{max-width:56ch;color:var(--ink-muted)}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(164deg,#ffffffeb,#f7f4ffd1);border:1px solid #a78bfa38;border-radius:24px;gap:1rem;padding:clamp(1rem,2.1vw,1.5rem);display:grid;box-shadow:0 22px 56px #4f46e529}:root[data-theme=dark] .auth-card{background:linear-gradient(165deg,#1c1831eb,#131124e6);border-color:#c4b5fd4d;box-shadow:0 24px 60px #070712a8}.auth-card .tab-row{background:#ffffffa8;border:1px solid #a78bfa33;border-radius:999px;padding:.26rem}:root[data-theme=dark] .auth-card .tab-row{background:#1118279e;border-color:#c4b5fd33}.auth-card .tab{color:var(--ink-muted);letter-spacing:.01em;background:0 0;border-color:#0000}.auth-card .tab:hover{color:var(--ink);background:#a78bfa24}:root[data-theme=dark] .auth-card .tab:hover{background:#a78bfa33}.auth-card .form-grid{gap:.92rem}.auth-card label{letter-spacing:.01em;gap:.42rem}.auth-card input,.auth-card textarea,.auth-card select{background:#fffffff0;border-color:#a78bfa47;border-radius:14px;padding:.78rem .86rem;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:inset 0 1px #fff9}.auth-card input:focus-visible,.auth-card textarea:focus-visible,.auth-card select:focus-visible{border-color:#7c3aedb8;transform:translateY(-1px);box-shadow:0 0 0 4px #7c3aed2e}:root[data-theme=dark] .auth-card input,:root[data-theme=dark] .auth-card textarea,:root[data-theme=dark] .auth-card select{background:#1a172deb;border-color:#a78bfa66}.auth-card .btn.primary{letter-spacing:.01em;background:linear-gradient(135deg,#6d28d9,#7c3aed 55%,#8b5cf6 100%);border-radius:14px;width:100%;margin-top:.25rem;padding:.82rem 1rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 12px 28px #6d28d961}.auth-card .btn.primary:hover:not(:disabled){filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 16px 32px #6d28d961}.tab-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.tab{border:1px solid var(--field-border);background:var(--field-bg);font-weight:700;font-size:var(--text-sm);color:var(--ink-muted);cursor:pointer;border-radius:999px;padding:.58rem .78rem;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}:root[data-theme=dark] .tab{color:#94a3b8;background:#0f172a}.tab.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed;box-shadow:0 6px 14px #6d28d957}:root[data-theme=dark] .tab.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#a78bfa;box-shadow:0 8px 18px #5b21b685}.form-grid{gap:.75rem;display:grid}label{font-size:var(--text-sm);gap:.35rem;font-weight:600;display:grid}input,textarea,select{border:1px solid var(--field-border);border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--ink);background:var(--field-bg);font-size:var(--text-sm);padding:.68rem .74rem}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:1px;outline:2px solid #7a61ff75}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{background:var(--field-bg);border-color:var(--field-border);color:var(--ink)}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#cbc3ebbf}:root[data-theme=dark] input:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #201e36eb}:root[data-theme=dark] input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #201e36eb}:root[data-theme=dark] input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #201e36eb}:root[data-theme=dark] textarea:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #201e36eb}:root[data-theme=dark] select:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #201e36eb}textarea{resize:vertical}.inline-input{min-width:220px}.two-col-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.btn,.ghost,.menu-button{font:inherit;font-weight:600;font-size:var(--text-sm);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.58rem .96rem}.btn.primary{background:linear-gradient(130deg, var(--brand), #a855f7);color:#fff}.btn.secondary,.ghost,.menu-button{background:var(--surface);color:var(--ink);border-color:var(--line)}:root[data-theme=dark] .btn.secondary,:root[data-theme=dark] .ghost,:root[data-theme=dark] .menu-button{color:var(--ink);background:#1f2937}.sidebar-footer{gap:.6rem;margin-top:auto;display:grid}.theme-toggle{width:100%}.ghost.danger{color:var(--danger);border-color:#b0296752}.btn:disabled,.ghost:disabled{opacity:.65;cursor:not-allowed}.row,.row-spread{align-items:center;display:flex}.row-spread{justify-content:space-between;gap:.8rem}.wrap{flex-wrap:wrap}.gap-sm{gap:.52rem}.stack-sm{gap:.58rem;display:grid}.stack-lg{gap:1rem;display:grid}:root[data-theme=dark] .stack-sm>.card:nth-child(odd),:root[data-theme=dark] .stack-lg>.card:nth-child(odd){background:#0f172a}:root[data-theme=dark] .stack-sm>.card:nth-child(2n),:root[data-theme=dark] .stack-lg>.card:nth-child(2n){background:#111827}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}:root[data-theme=dark] .kpi-grid>.card:nth-child(4n+1){background:#0f172a}:root[data-theme=dark] .kpi-grid>.card:nth-child(4n+2){background:#111827}:root[data-theme=dark] .kpi-grid>.card:nth-child(4n+3){background:#172033}:root[data-theme=dark] .kpi-grid>.card:nth-child(4n+4){background:#1f2937}.kpi{gap:.22rem;display:grid}.kpi strong{font-size:var(--text-2xl);font-family:Space Grotesk,Sora,sans-serif}.table-shell{margin-top:.8rem;overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{border-bottom:1px solid var(--line);text-align:left;font-size:var(--text-sm);padding:.66rem .5rem}th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted)}.meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.meta-grid div{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);gap:.18rem;padding:.68rem;display:grid}:root[data-theme=dark] .meta-grid div{background:#1f2937}:root[data-theme=dark] .meta-grid div:nth-child(3n+1){background:#0f172a}:root[data-theme=dark] .meta-grid div:nth-child(3n+2){background:#111827}:root[data-theme=dark] .meta-grid div:nth-child(3n){background:#1f2937}.meta-grid span{text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);color:var(--ink-muted)}.meta-grid strong{font-size:var(--text-sm);font-weight:700;line-height:1.3}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.info-grid.one-col{grid-template-columns:1fr}.info-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);gap:.2rem;padding:.75rem;display:grid}:root[data-theme=dark] .info-item{background:#1f2937}:root[data-theme=dark] .info-grid .info-item:nth-child(odd){background:#0f172a}:root[data-theme=dark] .info-grid .info-item:nth-child(2n){background:#1f2937}.info-label{text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-xs);color:var(--ink-muted)}.info-value{font-size:var(--text-sm);word-break:break-word;margin:0;font-weight:700;line-height:1.3}.status-group{color:var(--ink-muted);font-size:var(--text-sm);align-items:center;gap:.35rem;display:flex}.dot{background:var(--success);border-radius:999px;width:9px;height:9px}.status-pill{font-size:var(--text-xs);border-radius:999px;align-items:center;padding:.2rem .56rem;font-weight:700;display:inline-flex}.status-pending,.status-queued{color:#fff;background:#764ab0c7}.status-running{color:#fff;background:#5c3dc9d1}.status-completed{color:#fff;background:#157b54d1}.status-failed,.status-deadletter{color:#fff;background:#9b2259d1}.text-link{color:var(--brand-alt);text-underline-offset:2px;text-decoration:underline}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:var(--text-xs);color:var(--ink-muted)}.error-text{color:var(--danger);font-size:var(--text-sm)}.warning{color:var(--warning);font-size:var(--text-sm)}.menu-button{display:none}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes authGlowDrift{0%{opacity:.9;transform:translate(0,0)scale(1)}to{opacity:1;transform:translate(10px,-8px)scale(1.06)}}@keyframes authGridFlow{0%{background-position:0 0,0 0,0 0,34px 64px,66px 30px}18%{background-position:24px -30px,-26px 20px,18px -24px,72px 32px,44px 76px}37%{background-position:-40px 14px,32px -22px,-16px 26px,18px 92px,88px 12px}56%{background-position:28px 48px,-34px -38px,22px 10px,82px 58px,34px 98px}76%{background-position:-22px -44px,18px 36px,-20px -18px,46px 20px,104px 44px}90%{background-position:38px 22px,-44px 8px,28px -30px,94px 74px,52px 24px}to{background-position:0 0,0 0,0 0,34px 64px,66px 30px}}@keyframes jobParticleFlow{0%{left:var(--x-start,4%);opacity:0;transform:translateY(0)scale(.72)}10%{opacity:.9;transform:translateY(-3px)scale(.96)}42%{opacity:1;transform:translateY(3px)scale(1.06)}74%{opacity:.92;transform:translateY(-2px)scale(.98)}90%{opacity:.7;transform:translateY(2px)scale(.9)}to{left:var(--x-end,95%);opacity:0;transform:translateY(0)scale(.68)}}@keyframes authLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes authTitleBreath{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes authCardDrift{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.job-particle,.auth-page:before,.auth-page:after,.auth-brand .brand-logo,.auth-hero h1,.auth-card{animation:none}}@media (width<=1240px){.app-shell{grid-template-columns:minmax(200px,240px) minmax(0,1fr)}.activity-panel{display:none}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.auth-page{grid-template-columns:1fr;padding:1rem}.app-shell{grid-template-columns:1fr}.sidebar{z-index:20;width:min(82vw,280px);box-shadow:var(--shadow);transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.menu-button{display:inline-flex}.top-bar{padding:.72rem}.title-wrap h2{font-size:1rem}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.page-content{padding:.72rem}.card{padding:.82rem}.two-col-grid,.kpi-grid,.meta-grid,.info-grid{grid-template-columns:1fr}.hero-actions,.row-spread{align-items:stretch}.status-group{display:none}}
