@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color-scheme:dark;font-family:DM Sans,sans-serif;color:#f4f4f1;background:#0b0d10;font-synthesis:none;--lime: #c9ff55;--panel: #12151a;--line: #262a31;--muted: #898f99}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% 0%,#192017 0,transparent 25rem),#0b0d10}button,input{font:inherit}button{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:28px 18px 20px;display:flex;flex-direction:column;background:#0a0c0fd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{border:0;background:none;display:flex;align-items:center;gap:11px;text-align:left;padding:0 8px 35px;cursor:pointer}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid #41483b;border-radius:9px;transform:rotate(-7deg)}.brand-mark span{width:11px;height:16px;border-radius:50%;background:var(--lime);box-shadow:0 0 20px #c9ff5577}.brand strong{font:700 15px Manrope;letter-spacing:-.02em;display:block}.brand small,.sidebar-foot small{color:#6d737d;font-size:10px;display:block;margin-top:2px}nav p{color:#555b64;text-transform:uppercase;letter-spacing:.14em;font-size:9px;padding:0 12px 8px}nav button{width:100%;border:0;background:transparent;color:#9297a0;border-radius:9px;padding:10px 12px;margin:2px 0;text-align:left;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.2s;font-size:13px}nav button:hover{color:#fff;background:#15181d}nav button.active{color:#f7f8f4;background:#1a1e23;box-shadow:inset 2px 0 var(--lime)}.nav-icon{width:18px;font-size:17px;color:#747b83}nav button.active .nav-icon{color:var(--lime)}nav em{margin-left:auto;background:var(--lime);color:#10130b;border-radius:10px;font:700 9px Manrope;padding:2px 6px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 9px 2px;display:flex;align-items:center;gap:10px}.sidebar-foot strong{display:block;font-size:11px;font-weight:500}.pulse{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.pulse.bad{background:#ff6e6e;box-shadow:0 0 10px #ff6e6e}main{min-width:0;padding:0 4vw 60px;max-width:1540px;width:100%;margin:0 auto}header{height:115px;display:flex;align-items:center;justify-content:space-between}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:.18em;font:600 9px Manrope;margin:0 0 8px}header h1{margin:0;font:600 25px Manrope;letter-spacing:-.04em}.refresh{border:1px solid var(--line);border-radius:50%;background:#111419;width:37px;height:37px;cursor:pointer;color:#aeb3bb;font-size:18px}.refresh:hover{border-color:#4b5243;color:var(--lime)}.notice{padding:10px 14px;background:#3b1b1b;color:#ffbaba;border:1px solid #6a2929;border-radius:8px;margin-bottom:18px;font-size:12px}.page-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.8fr);gap:18px}.hero{grid-column:1 / -1;min-height:285px;border:1px solid #293027;border-radius:16px;background:linear-gradient(110deg,#11150f,#14181c 56%,#111419);padding:38px 42px;display:grid;grid-template-columns:1fr minmax(390px,.8fr);gap:55px;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:330px;height:330px;background:radial-gradient(circle,#c9ff5510,transparent 67%);left:32%;top:-100px;pointer-events:none}.hero h2{font:600 clamp(34px,4vw,57px)/.98 Manrope;letter-spacing:-.065em;margin:0}.hero-copy{color:#8d948a;font-size:13px;line-height:1.6;max-width:430px;margin:18px 0 0}.collector{background:#0d1013;border:1px solid #2b3036;padding:21px;border-radius:13px;position:relative;z-index:1}.collector>label{font:600 11px Manrope}.kind-tabs{display:flex;gap:4px;margin:14px 0;flex-wrap:wrap}.kind-tabs button{border:0;border-radius:6px;background:transparent;color:#717780;padding:6px 9px;font-size:10px;text-transform:capitalize;cursor:pointer}.kind-tabs button.selected{background:#242a20;color:var(--lime)}.target-field{display:flex;border:1px solid #323740;border-radius:8px;overflow:hidden;background:#15181d}.target-field:focus-within{border-color:#5c6b44}.target-field input{min-width:0;flex:1;background:transparent;color:#fff;border:0;outline:0;padding:12px;font-size:11px}.target-field button,.primary{border:0;background:var(--lime);color:#13150e;font-weight:700;font-size:11px;padding:0 16px;cursor:pointer}.target-field button span,.primary span{margin-left:7px}.target-field button:disabled{opacity:.55}.collector>small{display:block;min-height:14px;margin-top:10px;color:#646a72;font-size:9px}.stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:18px 20px}.stat p{color:#777d86;font-size:10px;margin:0 0 10px}.stat strong{display:block;font:600 29px Manrope;letter-spacing:-.05em}.stat span{display:block;color:#525861;font-size:9px;margin-top:6px}.stat.accent{background:var(--lime);color:#11140c;border-color:var(--lime)}.stat.accent p,.stat.accent span{color:#4f6327}.panel{border:1px solid var(--line);border-radius:14px;background:#12151af0}.panel-head{height:56px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h3{margin:0;font:600 12px Manrope}.panel-head>span{color:#656b74;font-size:9px}.video-row{padding:11px 16px;display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid #20242a}.video-row:last-child{border:0}.mini-thumb{width:65px;height:37px;border-radius:5px;background:#252a31 center/cover}.video-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500}.video-row small{display:block;color:#626871;font-size:9px;margin-top:4px}.video-row>span{color:#858b94;font-size:9px}.job-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid #20242a}.job-row:last-child{border:0}.job-row>i,.kind i{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#232823;color:var(--lime);font-style:normal;text-transform:uppercase;font:700 10px Manrope}.job-row strong{display:block;font-size:10px;text-transform:capitalize}.job-row small{display:block;color:#626871;font-size:9px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.status{color:#8a9098;text-transform:capitalize;font-size:9px;display:inline-flex;align-items:center;gap:5px}.status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor}.status.succeeded{color:#a8cc60}.status.running,.status.queued{color:#e3b75c}.status.failed{color:#e06f6f}.full-panel{min-height:calc(100vh - 155px);overflow:hidden}.library-head{padding:25px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.library-head h2,.key-intro h2{margin:0;font:600 22px Manrope;letter-spacing:-.04em}.library-head p,.key-intro>p{color:var(--muted);font-size:11px;margin:7px 0 0}.search{width:270px;background:#0d1014;border:1px solid #2e333a;border-radius:8px;color:#fff;padding:10px 13px;outline:0;font-size:11px}.search:focus{border-color:#536140}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--line)}.video-card{background:var(--panel);min-width:0}.thumb{aspect-ratio:16/9;background:#20242b center/cover no-repeat;position:relative}.thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 55%,#12151a)}.thumb span{position:absolute;bottom:7px;right:8px;z-index:1;font-size:8px;background:#0b0d10cc;padding:3px 5px;border-radius:3px}.video-card-body{padding:13px 15px 16px}.video-card-body>small{color:var(--lime);font-size:8px}.video-card h3{font:600 11px/1.4 Manrope;height:31px;overflow:hidden;margin:5px 0 12px}.video-card-body>div{display:flex;justify-content:space-between;color:#626871;font-size:8px}.jobs-table{font-size:10px}.table-head,.table-row{display:grid;grid-template-columns:160px minmax(180px,1fr) 120px 100px 55px;align-items:center;gap:15px;padding:12px 20px}.table-head{color:#5d636c;text-transform:uppercase;letter-spacing:.1em;font-size:8px;border-bottom:1px solid var(--line)}.table-row{min-height:52px;border-bottom:1px solid #20242a}.kind{display:flex;align-items:center;gap:9px;text-transform:capitalize}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a8acb2}.text-button{border:0;background:none;color:#9298a0;cursor:pointer;padding:5px;font-size:9px}.text-button:hover{color:#fff}.danger:hover{color:#ff8181}.row-error{grid-column:2 / -1;margin:-5px 0 5px;color:#d66f6f;font-size:9px}.settings-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.key-intro{padding:30px}.key-intro>p{line-height:1.7;margin-top:15px}.privacy-note{margin-top:30px;padding:14px;border:1px solid #30362c;border-radius:9px;background:#171c14;display:flex;gap:12px;align-items:center}.privacy-note>span{color:var(--lime)}.privacy-note p{color:#757c73;font-size:9px;line-height:1.5;margin:0}.privacy-note strong{color:#ccd1c7}.key-manager{padding:28px}.key-manager h3{font:600 13px Manrope;margin:0 0 20px}.key-manager form{display:grid;grid-template-columns:.6fr 1fr auto;gap:10px;align-items:end}.key-manager label{color:#6e747d;font-size:9px}.key-manager input{display:block;width:100%;margin-top:7px;padding:11px;background:#0d1014;color:#fff;border:1px solid #2d323a;border-radius:7px;outline:0;font-size:10px}.key-manager .primary{height:36px;border-radius:7px}.key-manager form>small{grid-column:1/-1;color:#8d9879;min-height:12px}.keys-list{grid-column:1/-1;overflow:hidden}.key-row{display:grid;grid-template-columns:34px minmax(0,1fr) 80px 60px;gap:12px;align-items:center;padding:15px 20px;border-bottom:1px solid #20242a}.key-avatar{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:#212620;color:var(--lime)}.key-row strong{font-size:10px;display:block}.key-row code{color:#666d75;font-size:9px}.key-usage{text-align:right}.key-usage small{color:#636972;font-size:8px}.empty{min-height:160px;display:grid;place-content:center;justify-items:center;color:#555c64}.empty span{font-size:24px}.empty p{font-size:10px}.loading{height:50vh;display:flex;align-items:center;justify-content:center;gap:5px}.loading span{width:5px;height:5px;background:var(--lime);border-radius:50%;animation:bounce .8s infinite alternate}.loading span:nth-child(2){animation-delay:.2s}.loading span:nth-child(3){animation-delay:.4s}@keyframes bounce{to{transform:translateY(-8px);opacity:.3}}@media (max-width: 950px){.shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{justify-content:center;padding-inline:0}.brand>span:last-child,nav p,nav button:not(.active):after,nav button{font-size:0}.nav-icon{font-size:18px}.sidebar nav button{justify-content:center;padding:11px}.sidebar-foot div{display:none}.sidebar-foot{justify-content:center}.hero{grid-template-columns:1fr;gap:28px}.page-grid{grid-template-columns:1fr}.recent-videos,.recent-jobs{grid-column:1}.settings-grid{grid-template-columns:1fr}.keys-list{grid-column:1}}@media (max-width: 650px){.shell{display:block}.sidebar{position:fixed;z-index:10;top:auto;bottom:0;width:100%;height:61px;flex-direction:row;padding:7px 12px;border:0;border-top:1px solid var(--line)}.brand,.sidebar-foot,nav p{display:none}.sidebar nav{width:100%;display:flex;justify-content:space-around}.sidebar nav button{width:auto;margin:0}.nav-icon{display:block}.sidebar nav button.active{box-shadow:inset 0 -2px var(--lime)}.sidebar nav button em{position:absolute}.hero{padding:28px 22px}.hero h2{font-size:38px}.stats{grid-template-columns:repeat(2,1fr)}.page-grid{display:block}.page-grid>*{margin-bottom:12px}.library-head{display:block}.search{margin-top:18px;width:100%}.table-head{display:none}.table-row{grid-template-columns:110px minmax(0,1fr) 70px}.table-row>span:nth-child(3){display:none}.table-row>span:nth-child(5){grid-column:3}.key-manager form{grid-template-columns:1fr}.key-manager form>small{grid-column:1}main{padding-bottom:90px}}