@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--text-primary:242 242 242;--text-secondary:148 148 155;--text-tertiary:105 105 112;--bg-main-primary:24 24 24;--bg-main-secondary:35 35 35;--bg-main-tertiary:27 27 27;--bg-main-quaternary:23 25 28;--border-primary:49 49 49;--divide-primary:41 41 41;--info:124 98 255;--success:136 202 94;--warning:251 132 24;--danger:228 61 64;--teal:11 170 206}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:rgb(var(--bg-main-primary));color:rgb(var(--text-primary));-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:10px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.shell{max-width:1200px;margin:0 auto;padding:24px}.topnav{border-bottom:1px solid rgb(var(--border-primary));background:rgb(var(--bg-main-quaternary));z-index:20;align-items:center;gap:24px;padding:14px 24px;display:flex;position:sticky;top:0}.topnav .brand{letter-spacing:-.02em;font-weight:700}.topnav .brand span{color:rgb(var(--teal))}.topnav nav{gap:16px;font-family:DM Sans,sans-serif;font-size:14px;display:flex}.topnav nav a{color:rgb(var(--text-secondary));border-radius:6px;padding:4px 8px}.topnav nav a:hover{color:rgb(var(--text-primary));background:#ffffff0d}.topnav .user{color:rgb(var(--text-secondary));align-items:center;gap:10px;margin-left:auto;font-size:13px;display:flex}.card{background:rgb(var(--bg-main-secondary));border:1px solid rgb(var(--border-primary));border-radius:12px;padding:18px}.grid{gap:14px;display:grid}h1{letter-spacing:-.02em;font-size:22px;font-weight:700}h2{margin-bottom:10px;font-size:16px;font-weight:600}table.data{border-collapse:collapse;width:100%;font-family:DM Sans,sans-serif;font-size:13.5px}table.data th{text-align:left;color:rgb(var(--text-secondary));text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgb(var(--border-primary));padding:8px 10px;font-size:12px;font-weight:500}table.data td{border-bottom:1px solid rgb(var(--divide-primary));vertical-align:middle;padding:10px}table.data tr:hover td{background:#ffffff05}.chip{border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.chip.running{color:rgb(var(--teal));background:#0baace1f}.chip.paused{color:rgb(var(--warning));background:#fb84181f}.chip.draft{color:rgb(var(--text-secondary));background:#ffffff0f}.chip.done{color:rgb(var(--info));background:#7c62ff24}.chip.failed,.chip.stalled{color:rgb(var(--danger));background:#e43d401f}.chip.open{color:rgb(var(--success));background:#88ca5e1f}.chip.closed{color:rgb(var(--text-tertiary));background:#ffffff0d}.stat{flex-direction:column;gap:2px;display:flex}.stat .label{color:rgb(var(--text-secondary));text-transform:uppercase;letter-spacing:.06em;font-family:DM Sans,sans-serif;font-size:12px}.stat .value{letter-spacing:-.02em;font-size:24px;font-weight:700}.btn{border:1px solid rgb(var(--border-primary));background:rgb(var(--bg-main-secondary));color:rgb(var(--text-primary));cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background:#ffffff14}.btn.primary{background:rgb(var(--info));color:#fff;border-color:#0000}.btn.primary:hover{filter:brightness(1.1)}.btn.danger{color:rgb(var(--danger));border-color:#e43d4066}.btn.teal{background:rgb(var(--teal));color:#04222b;border-color:#0000}.btn:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{background:rgb(var(--bg-main-tertiary));border:1px solid rgb(var(--border-primary));color:rgb(var(--text-primary));border-radius:8px;width:100%;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:14px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #7c62ff80}label{color:rgb(var(--text-secondary));margin-bottom:5px;font-family:DM Sans,sans-serif;font-size:12.5px;display:block}.banner{border:1px solid;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px}.banner.danger{color:#ffb4b5;background:#e43d401a;border-color:#e43d4066}.banner.warning{color:#ffc896;background:#fb84181a;border-color:#fb841866}.muted{color:rgb(var(--text-secondary))}.mono{font-family:ui-monospace,SF Mono,monospace;font-size:12.5px}