:root{color-scheme:dark;--bg:#0d1422;--panel:#121d30;--panel2:#18263c;--line:#293951;--text:#e9f0fa;--muted:#9aa9bd;--mint:#74e0c3;--blue:#83b8ff;--red:#ff8e91;--amber:#f0c776;--radius:16px;font-family:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% -12%,#1b3451 0,transparent 44%),var(--bg);color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.boot{padding:48px;color:var(--muted)}.layout{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{padding:24px 16px;border-right:1px solid var(--line);background:#0c1420cc;display:flex;flex-direction:column;gap:24px}.brand{display:flex;gap:12px;align-items:center;padding:0 8px}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#8bf2d3,#78a9ff);display:grid;place-items:center;color:#0b1821;font-weight:900;font-size:20px}.brand-name{font:800 15px Manrope,sans-serif;letter-spacing:.02em}.brand-sub{font-size:11px;color:var(--muted);margin-top:3px}.nav-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6d7d93;padding:4px 12px}.nav{display:grid;gap:5px}.nav button,.logout{border:0;background:transparent;color:#aab8cb;text-align:left;border-radius:10px;padding:11px 12px;display:flex;gap:12px;align-items:center;font-weight:600;transition:.16s}.nav button:hover,.nav button.active{color:var(--text);background:var(--panel2)}.nav button.active{box-shadow:inset 3px 0 var(--mint)}.nav-icon{width:18px;text-align:center;color:var(--mint)}.side-bottom{margin-top:auto}.operator{font-size:12px;color:var(--muted);padding:12px}.logout{width:100%;border:1px solid var(--line);justify-content:center}.main{min-width:0;padding:30px clamp(18px,4vw,56px) 56px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--mint);font-weight:700}.title{font:800 clamp(24px,3vw,34px) Manrope,sans-serif;margin:7px 0 5px}.subtitle{color:var(--muted);font-size:14px}.top-actions{display:flex;gap:10px;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);display:inline-block;margin-right:7px;box-shadow:0 0 12px #74e0c3aa}.card{background:linear-gradient(145deg,#152238,#111b2c);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 12px 30px #050b1420}.card h2,.card h3{font:700 16px Manrope,sans-serif;margin:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat{padding:18px 20px;min-height:117px}.stat-label{font-size:12px;color:var(--muted)}.stat-value{font:800 32px Manrope,sans-serif;margin-top:11px}.stat-foot{font-size:11px;color:#71829a;margin-top:3px}.grid-two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px}.stack{display:grid;gap:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;text-transform:uppercase;letter-spacing:.09em;font-size:10px;color:#8293aa;font-weight:700;padding:11px 10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #24334a;font-size:13px}tr:last-child td{border-bottom:0}tbody tr[data-click]{cursor:pointer}tbody tr[data-click]:hover{background:#ffffff08}.primary,.secondary,.danger,.icon-button{border-radius:10px;border:1px solid transparent;padding:10px 14px;font-weight:700;font-size:12px;transition:.15s}.primary{color:#091a20;background:var(--mint)}.primary:hover{background:#9bf0d9;transform:translateY(-1px)}.secondary{color:var(--text);background:#1a2a42;border-color:#334762}.secondary:hover{border-color:#6e89aa;background:#20334e}.danger{color:#ffc0c0;background:#421f2b;border-color:#63313d}.danger:hover{background:#592936}.icon-button{color:var(--muted);background:transparent;border-color:var(--line);padding:8px 10px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px;margin-bottom:13px}.field label,.field-label{font-size:11px;font-weight:700;color:#9eb0c6}.field input,.field select,.field textarea{width:100%;border:1px solid #354760;background:#0e1828;color:var(--text);border-radius:9px;padding:10px 11px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #74e0c31c}.field textarea{min-height:110px;resize:vertical;font:12px ui-monospace,monospace}.check-list{display:flex;gap:8px;flex-wrap:wrap}.check{display:flex;gap:7px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:9px;color:#c1cedd;font-size:12px}.check input{accent-color:var(--mint)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;background:#26364d;color:#c7d4e4;font-size:10px;font-weight:700}.pill.active,.pill.ready,.pill.succeeded{background:#173c38;color:#95ead3}.pill.pending,.pill.running,.pill.queued,.pill.waiting{background:#453c28;color:#f2d28a}.pill.failed,.pill.blocked,.pill.revoked,.pill.degraded{background:#472932;color:#ffb2b5}.muted{color:var(--muted)}.mono{font:12px ui-monospace,SFMono-Regular,monospace}.empty{padding:30px;text-align:center;color:var(--muted);font-size:13px}.notice{padding:12px 14px;border:1px solid #594b2d;background:#302a20;color:#efd28a;border-radius:10px;font-size:12px;line-height:1.5}.error{padding:12px 14px;border:1px solid #673743;background:#341f2a;color:#ffb3b8;border-radius:10px;font-size:12px;line-height:1.5}.success{padding:12px 14px;border:1px solid #28554b;background:#16332f;color:#a6ecd9;border-radius:10px;font-size:12px;line-height:1.5}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:16px}.section-title{font:700 14px Manrope,sans-serif;margin:0 0 14px}.subsection{padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.id{font:11px ui-monospace,monospace;color:#91a4bd;word-break:break-all}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.toolbar .field{margin:0;min-width:220px}.modal-backdrop{position:fixed;inset:0;background:#050a12cc;display:grid;place-items:center;padding:18px;z-index:20}.modal{background:#142137;border:1px solid #3b506c;border-radius:16px;width:min(760px,100%);max-height:90vh;overflow:auto;padding:22px;box-shadow:0 24px 80px #0009}.modal pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1422;padding:14px;border-radius:10px;font:12px ui-monospace,monospace}.toast{position:fixed;right:22px;bottom:22px;z-index:30;max-width:min(500px,calc(100vw - 44px));padding:14px 17px;border-radius:12px;background:#1c3047;border:1px solid #425d7a;box-shadow:0 15px 40px #0007;font-size:13px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);padding:30px}.login-card .brand{padding:0;margin-bottom:30px}.login-card h1{font:800 24px Manrope,sans-serif;margin:0 0 8px}.login-card p{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 23px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:16px}.link-button{border:0;background:transparent;color:var(--blue);padding:0;font-weight:700;cursor:pointer}.operation-step{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #25354b;font-size:12px}.json-note{font-size:11px;color:var(--muted);line-height:1.45}.resource-tabs{display:flex;gap:7px;flex-wrap:wrap}.resource-tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 12px;border-radius:9px;font-size:11px;font-weight:700}.resource-tabs button.active{background:#20334d;color:var(--mint);border-color:#43616f}.mobile-head{display:none}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid,.grid-two{grid-template-columns:1fr}}
@media(max-width:700px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;padding:9px 12px;border-right:0;border-bottom:1px solid var(--line);display:block;backdrop-filter:blur(18px)}.brand{display:none}.nav-label,.operator,.logout{display:none}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap;padding:10px 11px;font-size:11px}.nav-icon{width:auto}.side-bottom{display:none}.main{padding:22px 14px 40px}.topbar{margin-bottom:20px}.stats{gap:9px}.stat{padding:14px;min-height:100px}.stat-value{font-size:26px}.field-row{grid-template-columns:1fr}.card{padding:15px}.toolbar{align-items:stretch;flex-direction:column}.toolbar .field{min-width:0}.top-actions .status-text{display:none}}