:root{--bg:#f3f5f8;--surface:#ffffff;--surface-soft:#f8fafc;--surface-muted:#edf2f7;--border:#d9e1ec;--border-strong:#b9c5d4;--text:#172033;--text-muted:#647086;--text-subtle:#8a95a8;--sidebar:#151820;--sidebar-soft:#202633;--accent:#1f6feb;--accent-strong:#1858ba;--accent-soft:#e9f1ff;--danger:#b42318;--danger-bg:#fff1f0;--success:#067647;--success-bg:#eaf8f0;--warning:#b54708;--warning-bg:#fff6e5;--radius:8px;--shadow:0 12px 28px rgba(23,32,51,0.08)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;letter-spacing:0}button,input,select{font:inherit}button{border:0}a{color:inherit;text-decoration:none}strong{font-weight:760}.auth-page{display:grid;min-height:100vh;place-items:center;padding:32px;background:linear-gradient(135deg,#eef2f7,#f8fafc 56%,#edf7f2)}.auth-shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(1120px,calc(100vw - 64px));min-height:440px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.auth-hero{display:grid;align-content:start;grid-gap:30px;gap:30px;min-height:100%;padding:36px;background:#172033;color:#ffffff}.auth-brand-stack{display:grid;grid-gap:8px;gap:8px}.auth-brand-row{display:flex;align-items:center;font-size:20px;font-weight:780}.auth-hero-copy{display:grid;grid-gap:14px;gap:14px;max-width:500px}.auth-hero-copy h1{margin:0;max-width:480px;font-size:44px;line-height:1.06}.auth-hero-copy p{margin:0;max-width:440px;color:#cbd5e1;font-size:16px;line-height:1.55}.auth-kicker{margin:0;color:#93c5fd!important;font-size:12px!important;font-weight:760;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}.auth-panel{width:min(420px,100%);padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.auth-card{display:grid;align-content:center;justify-self:stretch;width:100%;min-height:100%;padding:46px;border:0;border-radius:0;box-shadow:none}.auth-card-header{display:flex;align-items:flex-start;gap:12px}.auth-card-icon{display:inline-grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent)}.auth-card h2{margin:0;font-size:24px;line-height:1.18}.auth-card p{margin:8px 0 0}.page-title h1{margin:0;font-size:26px;line-height:1.18}.muted{color:var(--text-muted)}.stack{display:grid;grid-gap:16px;gap:16px}.field{display:grid;grid-gap:7px;gap:7px}.field label{color:var(--text-muted);font-size:11px;font-weight:760;letter-spacing:.02em;text-transform:uppercase}.field input,.field select{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);box-shadow:inset 0 1px 0 rgba(23,32,51,.02)}.field input:hover,.field select:hover{border-color:var(--border-strong)}.field input:focus,.field select:focus{border-color:var(--accent);outline:3px solid rgba(31,111,235,.14)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border:1px solid transparent;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;font-weight:720;line-height:1;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}.button:hover{background:var(--accent-strong);box-shadow:0 8px 16px rgba(31,111,235,.18);transform:translateY(-1px)}.button.secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.button.secondary:hover{border-color:var(--border-strong);background:var(--surface-soft);box-shadow:0 8px 16px rgba(23,32,51,.07)}.button.danger{background:var(--danger)}.button.danger:hover{background:#931b13;box-shadow:0 8px 16px rgba(180,35,24,.16)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.app-shell{display:grid;min-height:100vh;grid-template-columns:252px 1fr}.sidebar{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);background:var(--sidebar);color:#f8fafc}.brand{display:flex;align-items:center;gap:10px;min-height:64px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1);font-size:17px;font-weight:780}.brand-mark{display:inline-grid;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:#ffffff;color:var(--sidebar);font-size:12px;font-weight:820}.nav{display:grid;grid-gap:4px;gap:4px;padding:14px}.nav a,.sidebar-footer button{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 11px;border-radius:var(--radius);background:transparent;color:#c9d3e2;cursor:pointer;text-align:left;transition:background .14s ease,color .14s ease}.nav .active,.nav a:hover,.sidebar-footer button:hover{background:var(--sidebar-soft);color:#fff}.nav .active{box-shadow:inset 3px 0 0 var(--accent)}.sidebar-footer{margin-top:auto;padding:14px;border-top:1px solid rgba(255,255,255,.1)}.main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 28px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-summary{display:grid;grid-gap:2px;gap:2px}.content{display:grid;grid-gap:20px;gap:20px;padding:28px}.page-title{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.page-title p{margin:10px 0 0}.panel{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px 2px rgba(23,32,51,.04)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:15px 16px;border-bottom:1px solid var(--border);background:var(--surface-soft)}.panel-title{margin:0;font-size:16px;line-height:1.25}.panel-body{padding:16px}.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-gap:20px;gap:20px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));grid-gap:16px;gap:16px}.metric{display:grid;min-height:118px;align-content:space-between;grid-gap:8px;gap:8px;padding:16px;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 2px rgba(23,32,51,.04)}.metric,.metric-icon{border-radius:var(--radius)}.metric-icon{display:inline-grid;width:34px;height:34px;place-items:center;background:var(--accent-soft);color:var(--accent)}.metric-label{color:var(--text-muted);font-weight:660}.metric-value{font-size:22px;line-height:1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;white-space:nowrap}th{color:var(--text-muted);font-size:11px;font-weight:780;letter-spacing:.02em;text-transform:uppercase}tbody tr:hover{background:#fbfcfe}tr:last-child td{border-bottom:0}.actions{display:flex;flex-wrap:wrap;gap:8px}.status-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:760}.status-badge.active,.status-badge.succeeded{background:var(--success-bg);color:var(--success)}.status-badge.blocked,.status-badge.canceled,.status-badge.deleted,.status-badge.disabled,.status-badge.failed{background:var(--danger-bg);color:var(--danger)}.status-badge.archived,.status-badge.pending,.status-badge.running{background:var(--warning-bg);color:var(--warning)}.error{padding:12px 14px;border:1px solid #ffd5d2;border-radius:var(--radius);background:var(--danger-bg);color:var(--danger);font-weight:650}.empty-state{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:34px 16px;color:var(--text-muted);text-align:center}.empty-state svg{color:var(--text-subtle)}.empty-state strong{color:var(--text)}.empty-state span{max-width:420px}@media (max-width:1020px){.auth-shell{grid-template-columns:1fr;min-height:auto;width:min(680px,100%)}.auth-card,.auth-hero{width:100%}.auth-hero{min-height:320px}.metrics-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.grid-2{grid-template-columns:1fr}}@media (max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0}.brand{min-height:58px}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-footer{margin-top:0}.content,.topbar{padding-left:16px;padding-right:16px}}@media (max-width:520px){.auth-page{padding:16px}.auth-hero{min-height:auto}.auth-card,.auth-hero{padding:22px}.auth-hero-copy h1{font-size:30px}.auth-hero-copy p{font-size:14px}.auth-panel{padding:20px}.metrics-grid,.nav{grid-template-columns:1fr}.actions{display:grid}.button{width:100%}}