@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #09090b;--bg-gradient: radial-gradient(circle at top, #1a1a2e, #09090b 80%);--panel: rgba(23, 23, 23, .6);--panel-hover: rgba(30, 30, 30, .8);--panel-2: rgba(38, 38, 38, .6);--border: rgba(255, 255, 255, .08);--border-focus: rgba(59, 130, 246, .5);--text: #f8fafc;--muted: #94a3b8;--faint: #64748b;--accent: #3b82f6;--accent-bg: rgba(59, 130, 246, .15);--accent-hover: #2563eb;--green: #10b981;--green-bg: rgba(16, 185, 129, .15);--amber: #f59e0b;--amber-bg: rgba(245, 158, 11, .15);--red: #ef4444;--radius: 8px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);font-family:var(--font);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(100px);z-index:-1;pointer-events:none;opacity:.15}body:before{top:-10%;left:-10%;width:40vw;height:40vw;background:var(--accent)}body:after{bottom:-10%;right:-10%;width:50vw;height:50vw;background:var(--green)}.glass{background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}button{font-family:inherit;font-size:13px;font-weight:500;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:7px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--transition)}button:hover{background:var(--panel-hover);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}button:active{transform:translateY(1px) scale(.96)}button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-color:transparent;color:#fff;box-shadow:0 4px 15px #3b82f666}button.primary:hover{background:linear-gradient(135deg,#4f90f7,var(--accent));box-shadow:0 6px 20px #3b82f699}button.ghost{background:transparent;border-color:transparent}button.ghost:hover{background:#ffffff14}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}input,select,textarea{font-family:inherit;font-size:13px;color:var(--text);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;width:100%;height:34px;transition:var(--transition)}option{background:var(--bg);color:var(--text)}textarea{height:auto;resize:vertical;font-family:var(--mono)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);background:#0006;box-shadow:0 0 0 3px #3b82f640}input:disabled{color:var(--faint);background:#ffffff05}label.field{display:block}label.field>span{display:block;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:500}label.check{display:inline-flex;align-items:center;gap:5px;height:28px;cursor:pointer}label.check input{width:auto;height:auto;cursor:pointer}.row{display:grid;gap:9px}.row.c2{grid-template-columns:1fr 1fr}.row.c3{grid-template-columns:1fr 1fr 1fr}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center}.login-card{width:320px;padding:26px 24px;border-radius:12px;background:var(--panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 30px -10px #00000080;animation:fadeSlideUp .4s ease-out}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-card h1{font-size:16px;font-weight:600;margin:0 0 4px;color:#fff}.login-card p.sub{color:var(--muted);margin:0 0 18px;font-size:11.5px}.login-card .f{margin-bottom:12px}.err{color:var(--red);font-size:11px;margin-top:8px;padding:6px;background:#ef44441a;border-radius:5px}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.05);background:#09090bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10;box-shadow:0 4px 20px #0003}.req-invalid{border-color:#ef444499!important;background:#ef44440d!important;box-shadow:0 0 0 1px #ef444466}.req-invalid::placeholder{color:#ef444480!important}.brand{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;color:#fff;letter-spacing:.5px}.envtabs{display:flex;gap:4px;background:#0006;border-radius:12px;padding:4px;border:1px solid rgba(255,255,255,.08)}.envtab{padding:6px 14px;border-radius:8px;cursor:pointer;color:var(--muted);border:none;background:transparent;font-size:12px;font-weight:600;transition:var(--transition)}.envtab:hover:not(.active){color:var(--text);background:#ffffff14;transform:translateY(-1px)}.envtab.active{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;box-shadow:0 4px 10px #3b82f666}.envtab.add{color:var(--faint);padding:3px 9px}.ws{display:flex;align-items:center;gap:6px}.fielderr{color:var(--red);font-size:10.5px;margin-top:3px;display:block}.spacer{flex:1}.meta{color:var(--faint);font-size:11px}.main{flex:1;display:grid;grid-template-columns:220px 1fr;min-height:0}.sidebar{border-right:1px solid var(--border);background:#0f111566;padding:9px;overflow:auto}.center{overflow:auto;padding:12px 14px}.preview{border-left:1px solid var(--border);background:#0f111566;padding:10px;overflow:auto}.grouplabel{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:12px 0 6px 4px}.appitem{padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;transition:var(--transition);margin-bottom:4px;border:1px solid transparent}.appitem:hover{background:#ffffff0d;color:var(--text);transform:translate(4px);border-color:#ffffff0d}.appitem.active{background:linear-gradient(90deg,var(--accent-bg),transparent);color:var(--accent);font-weight:600;border-left:3px solid var(--accent)}.section{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px;transition:var(--transition);box-shadow:0 4px 6px -1px #0000001a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.section:hover{border-color:#fff3;box-shadow:0 10px 15px -3px #0003;transform:translateY(-2px)}.section h3{margin:0 0 12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;color:#fff}.section h3 .tag{font-size:11px;color:var(--accent);font-weight:600;background:var(--accent-bg);padding:2px 8px;border-radius:999px}.pill{font-size:10px;font-weight:600;padding:1px 8px;border-radius:999px;letter-spacing:.02em}.pill.green{background:var(--green-bg);color:var(--green);border:1px solid rgba(16,185,129,.2)}.pill.amber{background:var(--amber-bg);color:var(--amber);border:1px solid rgba(245,158,11,.2)}.pill.blue{background:var(--accent-bg);color:var(--accent);border:1px solid rgba(59,130,246,.2)}.toolbar{display:flex;gap:7px;align-items:center;margin-top:4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.previewh{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;display:flex;align-items:center;gap:5px}pre.yaml{margin:0;font-family:var(--mono);font-size:10px;line-height:1.55;color:#a1a1aa;white-space:pre-wrap;word-break:break-word;background:#0003;padding:8px;border-radius:6px;border:1px solid var(--border)}.toast{position:fixed;right:14px;bottom:14px;padding:9px 13px;border-radius:8px;font-size:11.5px;font-weight:500;max-width:360px;box-shadow:0 8px 20px #0000004d;animation:slideInRight .3s cubic-bezier(.175,.885,.32,1.275);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.ok{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.toast.bad{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.empty{color:var(--muted);padding:30px;text-align:center;font-size:12px;font-weight:500}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:300px;background:#141418d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px;box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #ffffff0d inset;animation:scaleUp .4s cubic-bezier(.16,1,.3,1)}@keyframes scaleUp{0%{transform:scale(.92) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal h2{font-size:18px;font-weight:700;margin:0 0 16px;color:#fff;letter-spacing:-.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}