:root {
    --ink: #ecf5f0;
    --muted: #91a39c;
    --faint: #66766f;
    --canvas: #07110e;
    --sidebar: rgba(9, 22, 18, .94);
    --panel: rgba(16, 34, 28, .78);
    --panel-solid: #10221c;
    --line: rgba(177, 214, 198, .12);
    --line-strong: rgba(177, 214, 198, .22);
    --mint: #80efc2;
    --mint-bright: #b3fbdc;
    --sky: #78bff0;
    --violet: #b39df6;
    --amber: #f1bd72;
    --red: #f07d7d;
    --shadow: 0 24px 70px rgba(0, 0, 0, .28);
    --radius: 22px;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--canvas); }
body { min-height: 100vh; margin: 0; color: var(--ink); background:
    radial-gradient(circle at 75% -10%, rgba(61, 154, 116, .11), transparent 35%),
    linear-gradient(135deg, #07110e, #091712 56%, #06100d);
    font: 14px/1.5 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, select { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .45; }
code { font: 12px/1.45 "SFMono-Regular", Consolas, monospace; }
.ambient { position: fixed; border-radius: 50%; filter: blur(80px); pointer-events: none; opacity: .13; }
.ambient-one { width: 440px; height: 440px; right: -180px; top: 10%; background: #44c391; }
.ambient-two { width: 320px; height: 320px; left: 20%; bottom: -180px; background: #618cd4; }

.sidebar {
    position: fixed; inset: 0 auto 0 0; z-index: 30; width: 250px; display: flex; flex-direction: column;
    padding: 28px 18px 20px; border-right: 1px solid var(--line); background: var(--sidebar); backdrop-filter: blur(24px);
}
.brand { display: flex; align-items: center; gap: 13px; padding: 4px 8px 32px; }
.brand > span:last-child { display: grid; line-height: 1.05; }
.brand strong { font-family: Georgia, serif; font-size: 25px; letter-spacing: -.5px; }
.brand small { margin-top: 5px; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; }
.brand-mark { width: 34px; height: 34px; position: relative; display: block; }
.brand-mark span { position: absolute; width: 17px; height: 22px; border: 2px solid var(--mint); border-radius: 50% 10px 50% 10px; transform-origin: bottom right; }
.brand-mark span:nth-child(1) { left: 0; top: 3px; transform: rotate(-28deg); }
.brand-mark span:nth-child(2) { right: 1px; top: 0; transform: rotate(35deg) scale(.9); }
.brand-mark span:nth-child(3) { left: 9px; bottom: 0; transform: rotate(8deg) scale(.72); }
.nav { display: grid; gap: 7px; }
.nav a { display: flex; align-items: center; gap: 12px; min-height: 45px; padding: 0 14px; border: 1px solid transparent; border-radius: 13px; color: var(--muted); font-weight: 650; transition: .18s ease; }
.nav a:hover { color: var(--ink); background: rgba(255,255,255,.035); }
.nav a.active { color: var(--mint-bright); background: linear-gradient(90deg, rgba(87, 222, 165, .13), rgba(87, 222, 165, .04)); border-color: rgba(128, 239, 194, .15); box-shadow: inset 3px 0 var(--mint); }
.nav-icon { display: grid; place-items: center; width: 24px; height: 24px; font-size: 18px; }
.sidebar-note { display: flex; align-items: center; gap: 10px; margin: auto 8px 16px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); }
.sidebar-note div { display: grid; }
.sidebar-note strong { font-size: 11px; }
.sidebar-note small { color: var(--faint); font-size: 10px; }
.pulse-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(128,239,194,.08), 0 0 16px var(--mint); }
.profile { display: grid; grid-template-columns: 35px 1fr auto; align-items: center; gap: 10px; padding: 14px 8px 0; border-top: 1px solid var(--line); }
.profile img, .avatar { width: 35px; height: 35px; border-radius: 11px; object-fit: cover; }
.avatar { display: grid; place-items: center; color: #092117; background: var(--mint); font-weight: 900; }
.profile div { display: grid; min-width: 0; }
.profile strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.profile small { color: var(--faint); font-size: 10px; text-transform: capitalize; }
.profile form { margin: 0; }
.icon-button, .menu-button { border: 0; color: var(--muted); background: transparent; }
.icon-button:hover { color: var(--mint); }

.shell { position: relative; z-index: 1; margin-left: 250px; min-height: 100vh; }
.topbar { height: 96px; display: flex; align-items: center; gap: 20px; padding: 0 42px; border-bottom: 1px solid var(--line); background: rgba(7,17,14,.52); backdrop-filter: blur(20px); }
.topbar h1 { margin: 3px 0 0; font: 27px/1.1 Georgia, serif; }
.eyebrow, .kicker { color: var(--mint); font-size: 9px; font-weight: 850; letter-spacing: 2.2px; text-transform: uppercase; }
.top-actions { display: flex; gap: 8px; margin-left: auto; }
.environment-badge, .version-badge, .quiet-chip { padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.025); font-size: 10px; font-weight: 700; }
.environment-badge { color: var(--mint); border-color: rgba(128,239,194,.2); }
.menu-button { display: none; font-size: 20px; }
.page { max-width: 1560px; margin: auto; padding: 36px 42px 70px; }
footer { display: flex; justify-content: space-between; padding: 22px 42px; border-top: 1px solid var(--line); color: var(--faint); font-size: 10px; }

.flash { display: flex; align-items: center; gap: 10px; margin: 20px 42px -12px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-solid); }
.flash span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: #07110e; font-weight: 900; background: var(--mint); }
.flash-warning span { background: var(--amber); }

.hero-card { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.5fr .8fr; align-items: center; min-height: 280px; padding: 44px 50px; border: 1px solid var(--line); border-radius: 28px; background:
    linear-gradient(110deg, rgba(22, 52, 41, .94), rgba(11, 31, 24, .82)),
    radial-gradient(circle at 80% 40%, rgba(128,239,194,.2), transparent 35%); box-shadow: var(--shadow);
}
.hero-card::before { content:""; position:absolute; width:400px; height:400px; right:-140px; top:-170px; border:1px solid rgba(128,239,194,.08); border-radius:50%; box-shadow: 0 0 0 40px rgba(128,239,194,.02), 0 0 0 90px rgba(128,239,194,.015); }
.hero-card h2, .section-intro h2 { margin: 9px 0 14px; font: 44px/1.05 Georgia, serif; letter-spacing: -1.4px; }
.hero-card h2 em, .section-intro h2 em { color: var(--mint-bright); font-weight: 400; }
.hero-card p, .section-intro p { max-width: 650px; color: var(--muted); font-size: 15px; }
.health-orb { position: relative; justify-self: center; width: 176px; height: 176px; display: grid; place-content: center; text-align: center; border: 1px solid var(--line-strong); border-radius: 50%; background: radial-gradient(circle, rgba(128,239,194,.12), rgba(5,16,12,.3) 65%); box-shadow: inset 0 0 30px rgba(128,239,194,.06), 0 0 60px rgba(128,239,194,.08); }
.health-orb::before, .health-orb::after, .orb-ring { content:""; position:absolute; inset:-12px; border:1px solid rgba(128,239,194,.12); border-radius:50%; }
.health-orb::after { inset:-25px; border-style:dashed; opacity:.45; }
.health-orb strong { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: 1.5px; }
.health-orb b { margin: 4px 0; color: var(--mint); font: 23px Georgia, serif; }
.health-orb small { color: var(--faint); font-size: 9px; }
.health-orb.unhealthy b { color: var(--red); }

.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 22px 0; }
.metric-card { position: relative; min-height: 154px; padding: 23px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: 0 10px 35px rgba(0,0,0,.08); }
.metric-card::after { content:""; position:absolute; right:-35px; bottom:-55px; width:120px; height:120px; border-radius:50%; background: currentColor; filter:blur(45px); opacity:.09; }
.metric-card small, .metric-card strong, .metric-card em { display: block; }
.metric-card small { color: var(--muted); font-size: 11px; font-weight: 700; }
.metric-card strong { margin: 13px 0 5px; color: var(--ink); font: 34px Georgia, serif; }
.metric-card em { color: var(--faint); font-size: 10px; font-style: normal; }
.metric-icon { position: absolute; right: 19px; top: 18px; font-size: 20px; }
.accent-mint { color: var(--mint); }.accent-sky{color:var(--sky)}.accent-violet{color:var(--violet)}.accent-amber{color:var(--amber)}

.panel { padding: 25px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: 0 12px 40px rgba(0,0,0,.09); }
.two-column { display: grid; grid-template-columns: 1.35fr 1fr; gap: 18px; margin: 18px 0; }
.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 23px; }
.panel-heading h3 { margin: 4px 0 0; font: 22px Georgia, serif; }
.text-link { color: var(--mint); font-size: 11px; font-weight: 700; }
.bar-chart { height: 205px; display: grid; grid-template-columns: repeat(14, 1fr); align-items: end; gap: 9px; padding-top: 10px; border-bottom: 1px solid var(--line); background: repeating-linear-gradient(to top, transparent 0 49px, var(--line) 50px); }
.bar-column { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 8px; }
.bar-column span { width: min(24px, 65%); min-height: 4px; border-radius: 7px 7px 2px 2px; background: linear-gradient(to top, #3d9f77, var(--mint)); box-shadow: 0 0 15px rgba(128,239,194,.12); }
.bar-column small { height: 17px; color: var(--faint); font-size: 7px; transform: rotate(-40deg); }
.mix-list { display: grid; gap: 15px; }
.mix-list > div { display: grid; grid-template-columns: 125px 1fr 40px; align-items: center; gap: 10px; }
.mix-list span { color: var(--muted); font-size: 10px; text-transform: capitalize; }
.mix-list i, .quality i { height: 5px; overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.055); }
.mix-list b, .quality b { display:block; height:100%; border-radius:inherit; background: linear-gradient(90deg, #459d7b, var(--mint)); }
.mix-list strong { text-align:right; font-size:10px; }

.section-intro { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin: 6px 0 28px; }
.section-intro h2 { font-size: 38px; }
.big-number { flex: 0 0 auto; display: grid; text-align: right; }
.big-number strong { font: 42px Georgia, serif; color: var(--mint); }
.big-number span { color: var(--faint); font-size: 10px; }
.filter-bar { display:flex; gap:10px; align-items:center; margin-bottom:18px; padding:14px; border:1px solid var(--line); border-radius:16px; background:rgba(13,30,24,.65); }
.filter-bar input, .filter-bar select, .mini-filter input, .mini-filter select, .modal input, .modal textarea { min-height:42px; padding:0 13px; border:1px solid var(--line); border-radius:11px; outline:0; color:var(--ink); background:#0a1914; }
.filter-bar input:focus, .filter-bar select:focus, .mini-filter input:focus, .modal input:focus, .modal textarea:focus { border-color:rgba(128,239,194,.45); box-shadow:0 0 0 3px rgba(128,239,194,.07); }
.search-field { flex:1; position:relative; }
.search-field span { position:absolute; left:13px; top:10px; color:var(--faint); }
.search-field input { width:100%; padding-left:37px; }
.button { min-height:40px; display:inline-flex; align-items:center; justify-content:center; padding:0 16px; border:1px solid transparent; border-radius:11px; font-weight:750; font-size:11px; transition:.16s ease; }
.button-primary { color:#06110d; background:var(--mint); box-shadow:0 7px 24px rgba(128,239,194,.14); }
.button-primary:hover { background:var(--mint-bright); transform:translateY(-1px); }
.button-secondary { color:var(--ink); border-color:var(--line-strong); background:rgba(255,255,255,.045); }
.button-ghost { color:var(--muted); border-color:var(--line); background:transparent; }
.button-small { min-height:32px; padding:0 11px; font-size:9px; }
.button-full { width:100%; min-height:48px; }

.table-panel { padding:0; overflow:hidden; }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; }
th { padding:14px 18px; text-align:left; color:var(--faint); border-bottom:1px solid var(--line); background:rgba(255,255,255,.018); font-size:8px; letter-spacing:1.4px; text-transform:uppercase; }
td { padding:14px 18px; border-bottom:1px solid rgba(177,214,198,.07); color:var(--muted); font-size:11px; white-space:nowrap; }
tr:last-child td { border-bottom:0; }
tbody tr:hover { background:rgba(128,239,194,.025); }
.person-cell { display:flex; align-items:center; gap:10px; }
.person-cell > span { width:33px; height:33px; display:grid; place-items:center; border-radius:10px; color:#07110e; background:linear-gradient(135deg, var(--mint), #6eb5a3); font-weight:900; }
.person-cell div { display:grid; }
.person-cell strong { color:var(--ink); }
.person-cell small { color:var(--faint); }
.status { display:inline-flex; align-items:center; gap:5px; padding:4px 8px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:rgba(255,255,255,.025); font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.6px; }
.status::before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
.status-active,.status-ready,.status-approved,.status-completed { color:var(--mint); background:rgba(128,239,194,.06); }
.status-running,.status-published { color:var(--sky); background:rgba(120,191,240,.07); }
.status-queued,.status-pending,.status-draft { color:var(--amber); background:rgba(241,189,114,.06); }
.status-failed,.status-rejected,.status-disabled,.status-cancelled { color:var(--red); background:rgba(240,125,125,.06); }
.row-action { color:var(--mint); font-weight:750; }
.pagination { display:flex; justify-content:space-between; padding:14px 18px; border-top:1px solid var(--line); color:var(--faint); font-size:10px; }
.pagination div { display:flex; gap:15px; color:var(--mint); }

.drawer-backdrop { position:fixed; inset:0; z-index:80; background:rgba(2,8,6,.66); backdrop-filter:blur(3px); }
.drawer { position:fixed; inset:0 0 0 auto; z-index:90; width:min(530px, 94vw); overflow-y:auto; padding:40px; border-left:1px solid var(--line-strong); background:#0b1b16; box-shadow:-30px 0 80px rgba(0,0,0,.35); }
.drawer h2 { margin:7px 0 0; font:32px Georgia,serif; }.drawer>p{color:var(--muted);margin-top:5px}
.drawer h3 { margin:30px 0 12px; font:17px Georgia,serif; }
.drawer-close { position:absolute; right:24px; top:22px; color:var(--muted); font-size:28px; }
.detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:24px 0; }
.detail-grid div { padding:14px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.025); }
.detail-grid small,.detail-grid strong { display:block; }.detail-grid small{color:var(--faint);font-size:9px}.detail-grid strong{margin-top:4px;font-size:11px}
.drawer-list { display:grid; gap:8px; }.drawer-list>div{display:flex;justify-content:space-between;gap:15px;padding:12px;border:1px solid var(--line);border-radius:11px}.drawer-list strong{font-size:11px}.drawer-list span{color:var(--faint);font-size:9px}
.timeline { display:grid; gap:0; }.timeline>div{position:relative;display:grid;grid-template-columns:15px 1fr auto;gap:8px;padding:8px 0;color:var(--muted)}.timeline i{width:7px;height:7px;margin-top:6px;border-radius:50%;background:var(--mint)}.timeline strong{font-size:10px}.timeline small{color:var(--faint);font-size:9px}

.log-filters .search-field { min-width:240px; }.status-input{width:80px}
.log-meta { display:flex; flex-wrap:wrap; gap:18px; margin:0 4px 14px; color:var(--faint); font-size:9px; }.log-meta span{display:flex;align-items:center;gap:7px}
.log-stream { display:grid; gap:7px; }
.log-entry { border:1px solid var(--line); border-radius:13px; overflow:hidden; background:rgba(12,28,22,.72); }
.log-entry summary { display:grid; grid-template-columns:80px 64px minmax(160px,1fr) minmax(150px,1.2fr) 45px 55px; align-items:center; gap:10px; padding:12px 14px; list-style:none; cursor:pointer; }
.log-entry summary::-webkit-details-marker{display:none}.log-entry summary:hover{background:rgba(255,255,255,.025)}
.log-time,.duration{color:var(--faint);font:9px monospace}.level-pill{font-size:8px;font-weight:800;text-transform:uppercase;color:var(--mint)}.level-error .level-pill{color:var(--red)}.level-warning .level-pill{color:var(--amber)}
.log-entry summary strong{font:10px monospace}.route{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font:9px monospace;white-space:nowrap}.http-status{font:9px monospace}.status-2xx{color:var(--mint)}.status-4xx{color:var(--amber)}.status-5xx{color:var(--red)}
.log-detail { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; border-top:1px solid var(--line); background:var(--line); }.log-detail div{min-width:0;padding:12px;background:#0a1813}.log-detail small,.log-detail code{display:block}.log-detail small{margin-bottom:5px;color:var(--faint);font-size:8px;text-transform:capitalize}.log-detail code{overflow-wrap:anywhere;color:var(--muted)}

.catalog-intro { align-items:center; }.catalog-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.catalog-stats a{padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.catalog-stats a.active{border-color:rgba(128,239,194,.28);background:rgba(128,239,194,.055)}.catalog-stats small,.catalog-stats strong{display:block}.catalog-stats small{color:var(--faint);font-size:9px}.catalog-stats strong{margin-top:5px;font:24px Georgia,serif}
.catalog-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.catalog-layout>*{min-width:0}.jobs-panel{position:sticky;top:18px}.job-list{display:grid;gap:10px}.job-list article{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.job-head{display:flex;justify-content:space-between;gap:10px}.job-head>div,.job-list.compact article>div:first-child{display:grid}.job-head strong{font-size:11px}.job-head small,.job-list.compact small{color:var(--faint);font-size:8px}.progress{height:5px;margin:13px 0 9px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.055)}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#469f79,var(--mint))}
.job-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--faint);font-size:8px}.job-meta b{color:var(--ink)}.job-error{display:block;margin-top:8px;color:var(--red)}.job-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.job-actions form{margin:0}.job-actions button{padding:0;border:0;color:var(--muted);background:transparent;font-size:9px}.job-actions button:hover,.job-actions .publish-link{color:var(--mint)}.job-actions .danger-link:hover{color:var(--red)}.inline-warning{margin-bottom:12px;padding:10px;border:1px solid rgba(241,189,114,.2);border-radius:10px;color:var(--amber);background:rgba(241,189,114,.05);font-size:9px}
.job-list.compact article{display:grid;grid-template-columns:1fr 90px 1fr 100px;align-items:center;gap:14px}.job-list.compact .progress{margin:0}.job-list.compact article>b{text-align:right;font-size:9px}
.mini-filter{display:grid;grid-template-columns:1fr 140px 60px;gap:8px;margin-bottom:15px}.mini-filter button{border:1px solid var(--line);border-radius:10px;color:var(--muted);background:rgba(255,255,255,.03)}
.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.recipe-card{display:flex;flex-direction:column;min-height:315px;padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}.recipe-top{display:flex;justify-content:space-between}.meal-icon{color:var(--mint);font-size:22px}.recipe-card h4{margin:12px 0 6px;font:18px Georgia,serif}.recipe-card>p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 11px;color:var(--muted);font-size:10px}.recipe-facts{display:flex;flex-wrap:wrap;gap:7px;color:var(--faint);font-size:8px}.recipe-facts span:not(:last-child)::after{content:"·";margin-left:7px}.tag-row{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0}.tag-row span{padding:3px 6px;border-radius:6px;color:var(--muted);background:rgba(255,255,255,.04);font-size:7px}.tag-row .flag{color:var(--amber);background:rgba(241,189,114,.06)}.recipe-detail{margin:2px 0 12px;padding:9px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:8px}.recipe-detail summary{cursor:pointer;color:var(--mint)}.recipe-detail h5{margin:10px 0 3px;color:var(--ink);font-size:8px;text-transform:uppercase;letter-spacing:1px}.recipe-detail ul,.recipe-detail ol{margin:0;padding-left:17px}.recipe-detail li{margin:3px 0}.quality{display:grid;grid-template-columns:45px 1fr 22px;align-items:center;gap:6px;margin-top:auto;color:var(--faint);font-size:8px}.review-actions{display:flex;gap:6px;margin-top:12px;padding-top:11px;border-top:1px solid var(--line)}.review-actions form{flex:1}.review-actions button{width:100%;padding:6px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:transparent;font-size:8px}.review-actions button:hover{color:var(--mint);border-color:rgba(128,239,194,.3)}.review-actions .publish{color:var(--sky)}.review-actions .reject{color:var(--red)}

.modal{width:min(570px,calc(100vw - 30px));padding:0;border:1px solid var(--line-strong);border-radius:22px;color:var(--ink);background:#0c1d17;box-shadow:0 35px 100px rgba(0,0,0,.55)}.modal::backdrop{background:rgba(2,8,6,.78);backdrop-filter:blur(5px)}.modal form{position:relative;padding:30px}.modal h2{margin:6px 0;font:28px Georgia,serif}.modal>form>p{color:var(--muted);font-size:11px}.modal label{display:grid;gap:6px;margin:14px 0;color:var(--muted);font-size:9px;font-weight:750}.modal textarea{padding:11px;resize:vertical}.modal-close{position:absolute;right:18px;top:14px;border:0;color:var(--muted);background:transparent;font-size:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cost-note{display:flex;gap:10px;margin:18px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(128,239,194,.035)}.cost-note>span{color:var(--mint)}.cost-note strong,.cost-note p{display:block;margin:0}.cost-note strong{font-size:10px}.cost-note p{color:var(--faint);font-size:8px}

.check-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.check-grid article{display:flex;gap:11px;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.check-grid article>span{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:#07110e;background:var(--mint);font-weight:900}.check-grid .not-ok>span{background:var(--amber)}.check-grid small,.check-grid strong,.check-grid p{display:block;margin:0}.check-grid small{color:var(--faint);font-size:8px}.check-grid strong{font-size:10px}.check-grid p{overflow:hidden;text-overflow:ellipsis;color:var(--faint);font-size:7px;white-space:nowrap}.system-columns{grid-template-columns:1fr 1fr}.admin-list{display:grid;gap:8px}.admin-list>div{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:12px}.admin-list>div>div{display:grid}.admin-list strong{font-size:10px}.admin-list small{color:var(--faint);font-size:8px}.boundary-list{display:grid;gap:13px;margin:0;padding:0;list-style:none}.boundary-list li{display:flex;gap:12px}.boundary-list li>span{color:var(--mint);font:16px Georgia,serif}.boundary-list strong{font-size:10px}.boundary-list p{margin:2px 0;color:var(--faint);font-size:9px}.audit-table{display:grid}.audit-table>div{display:grid;grid-template-columns:10px 1fr 120px 1.3fr 150px;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line);font-size:9px}.audit-dot{width:5px;height:5px;border-radius:50%;background:var(--mint)}.audit-table>div>span{color:var(--muted)}.audit-table code,.audit-table time{color:var(--faint)}

.empty-state{grid-column:1/-1;display:grid;place-items:center;padding:38px;text-align:center}.empty-state>span{color:var(--mint);font-size:26px}.empty-state strong{margin-top:8px;font:18px Georgia,serif}.empty-state p{margin:4px;color:var(--faint);font-size:10px}.error-state{min-height:430px;display:grid;place-content:center;justify-items:center;text-align:center}.error-state>span{font-size:42px;color:var(--red)}.error-state h2{margin:12px 0 5px;font:30px Georgia,serif}.error-state p{color:var(--muted)}.error-state code{margin:10px 0 20px;color:var(--faint)}

.auth-body{overflow:hidden}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-visual{position:relative;overflow:hidden;display:flex;align-items:center;padding:9vw;background:
    linear-gradient(135deg,rgba(5,19,14,.9),rgba(10,42,30,.78)),
    radial-gradient(circle at 30% 30%,#1e7e5b,transparent 45%)}.login-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to right,#000,transparent)}.login-copy{position:relative;z-index:2;max-width:660px}.mini-brand{display:flex;align-items:center;gap:9px;color:var(--mint);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.mini-brand i{width:9px;height:9px;border:2px solid var(--mint);border-radius:2px 8px;transform:rotate(35deg)}.login-copy h1{margin:25px 0;font:clamp(48px,5.4vw,78px)/.98 Georgia,serif;letter-spacing:-2.5px}.login-copy h1 em{color:var(--mint-bright);font-weight:400}.login-copy>p{max-width:580px;color:#a2bcb1;font-size:16px}.login-points{display:flex;gap:25px;margin-top:52px}.login-points span{display:grid;color:#a2bcb1;font-size:10px}.login-points b{margin-bottom:6px;color:var(--mint);font:18px Georgia,serif}.login-orbit{position:absolute;border:1px solid rgba(128,239,194,.12);border-radius:50%}.orbit-one{width:560px;height:560px;right:-270px;bottom:-210px;box-shadow:0 0 0 60px rgba(128,239,194,.018),0 0 0 140px rgba(128,239,194,.012)}.orbit-two{width:180px;height:180px;left:-80px;top:-60px}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px;background:#08130f}.login-card{width:min(390px,100%)}.login-card h2{margin:10px 0 5px;font:38px Georgia,serif}.login-card>p{margin:0 0 28px;color:var(--muted)}.google-button{min-height:54px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line-strong);border-radius:14px;color:#1d2824;background:#f4faf7;font-weight:750}.google-button:hover{background:#fff}.google-button svg{width:20px}.access-rule{display:flex;align-items:flex-start;gap:9px;margin-top:20px;padding:14px;border-top:1px solid var(--line);color:var(--faint);font-size:9px}.access-rule>span{color:var(--mint)}.setup-required,.auth-error{padding:16px;border:1px solid rgba(241,189,114,.25);border-radius:13px;color:var(--amber);background:rgba(241,189,114,.05)}.setup-required p{color:var(--muted);font-size:10px}.setup-required code{display:block;overflow-wrap:anywhere;color:var(--ink)}.auth-error{margin-bottom:15px;color:var(--red);border-color:rgba(240,125,125,.25);background:rgba(240,125,125,.05)}.login-footer{position:absolute;bottom:25px;color:var(--faint);font-size:8px}

@media (max-width: 1220px) {
    .metric-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.jobs-panel{position:static}.recipe-grid{grid-template-columns:repeat(2,1fr)}.check-grid{grid-template-columns:repeat(3,1fr)}.log-entry summary{grid-template-columns:70px 55px 1fr 1fr 40px}.duration{display:none}
}
@media (max-width: 900px) {
    .sidebar{transform:translateX(-100%);transition:.2s ease}.sidebar.open{transform:translateX(0);box-shadow:30px 0 80px rgba(0,0,0,.5)}.shell{margin-left:0}.menu-button{display:block}.topbar{padding:0 20px}.page{padding:24px 20px 60px}.hero-card{grid-template-columns:1fr;padding:32px}.health-orb{display:none}.two-column,.system-columns{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.login-footer{position:static;margin-top:30px}.catalog-stats{grid-template-columns:repeat(3,1fr)}.filter-bar{flex-wrap:wrap}.search-field{flex-basis:100%}.check-grid{grid-template-columns:repeat(2,1fr)}.audit-table>div{grid-template-columns:10px 1fr 100px}.audit-table code,.audit-table time{display:none}
}
@media (max-width: 600px) {
    .top-actions{display:none}.topbar h1{font-size:22px}.hero-card h2,.section-intro h2{font-size:31px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:130px}.section-intro{display:block}.big-number{text-align:left;margin-top:20px}.recipe-grid{grid-template-columns:1fr}.catalog-stats{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.log-entry summary{grid-template-columns:60px 50px 1fr 40px}.route,.duration{display:none}.log-detail{grid-template-columns:1fr}.job-list.compact article{grid-template-columns:1fr auto}.job-list.compact .progress{grid-column:1/-1}.check-grid{grid-template-columns:1fr}.drawer{padding:30px 20px}.footer{padding:20px}.login-points{display:none}
}