:root{color-scheme:dark;--bg: #15171c;--surface: #1e2129;--surface-alt: #262a34;--border: #2e323c;--text: #f2f3f5;--muted: #9aa0ab;--accent: #ff5a5f;--ok: #2ecc71;--warn: #f0b429;--bad: #e74c3c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.shell{display:flex;min-height:100vh}.sidebar{width:210px;flex:0 0 210px;background:var(--surface);border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.brand{font-weight:800;color:var(--accent);font-size:18px;margin-bottom:14px}.brand span{display:block;font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:600}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button{text-align:left;background:transparent;border:1px solid transparent;color:var(--muted);padding:8px 10px;border-radius:8px;cursor:pointer;font-weight:600}.sidebar nav button:hover{color:var(--text);background:var(--surface-alt)}.sidebar nav button.active{color:var(--text);background:var(--surface-alt);border-color:var(--accent)}.sidebar nav .nav-group{display:flex;flex-direction:column;gap:4px}.sidebar nav .nav-parent .caret{display:inline-block;width:14px;font-size:11px;opacity:.7}.sidebar nav .nav-child{margin-left:18px;padding:6px 10px;font-weight:500;font-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:100;overflow-y:auto}.modal{background:var(--surface, #fff);color:var(--text);border:1px solid var(--border);border-radius:12px;width:100%;max-width:560px;box-shadow:0 20px 60px #0000004d}.modal-wide{max-width:920px}.modal-head,.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.modal-head{border-bottom:1px solid var(--border)}.modal-foot{border-top:1px solid var(--border)}.modal-body{padding:16px;max-height:65vh;overflow-y:auto}td.lang-cell{display:flex;align-items:center;gap:4px}td.lang-cell input{flex:1 1 auto;min-width:0}.field{display:flex;flex-direction:column;gap:2px}.field>span{font-size:11px}.field input{width:100%}.new-ingredient-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.sidebar-foot{margin-top:auto;color:var(--muted);font-size:11px}.content{flex:1;padding:22px 28px;max-width:1200px}.view-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.view-head h1{font-size:20px;margin:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-top:16px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{font-size:14px;margin:0 0 4px}button{background:var(--surface-alt);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 12px;cursor:pointer;font-weight:600}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.danger{color:var(--bad);border-color:transparent}button.link{background:none;border:none;color:var(--accent);padding:0;cursor:pointer;font:inherit}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 8px;width:100%;font:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}.filter{width:160px;font-weight:400}.checkbox{color:var(--muted)}.checkbox input{width:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:middle}th{color:var(--muted);font-weight:600;font-size:12px}td code,td.muted,.muted{color:var(--muted)}.small{font-size:12px}tr.detail td{background:var(--bg)}tr.flagged td:first-child{box-shadow:inset 3px 0 0 var(--warn)}tr.add td{border-bottom:none;padding-top:12px}tr.add input,tr.add select{border-style:dashed}.row-actions{white-space:nowrap;display:flex;gap:6px;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.stat{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:12px}.stat-value{font-size:22px;font-weight:800}.stat-label{color:var(--muted);font-size:12px;margin-top:2px}.stat-hint{color:var(--muted);font-size:11px;margin-top:4px}.stat-ok{border-color:#2ecc7166}.stat-warn{border-color:#f0b42980}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.pill-ok{background:#2ecc7126;color:var(--ok)}.pill-warn{background:#f0b42926;color:var(--warn)}.pill-bad{background:#e74c3c26;color:var(--bad)}.pill-muted{background:var(--surface-alt);color:var(--muted)}.health-stale{color:var(--bad);font-weight:600}.warnings{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.cards{display:flex;flex-direction:column;gap:12px}.card{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.card-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.card ol{margin:8px 0;padding-left:20px}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:10px 4px}.edit-grid label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:12px}.edit-grid .wide{grid-column:1 / -1}.error{background:#3a2327;border:1px solid var(--bad);color:#ffd7d7;border-radius:8px;padding:10px 12px;margin:12px 0;white-space:pre-wrap;display:flex;justify-content:space-between;gap:12px}.notice-ok{background:#2ecc711f;border:1px solid var(--ok);color:var(--ok);border-radius:8px;padding:10px 12px;margin:12px 0}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:320px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px}.login-card h1{font-size:18px;margin:4px 0 0}.login-card label,.account-form label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:12px}.login-card button[type=submit],.account-form button[type=submit]{margin-top:4px;background:var(--accent);border-color:var(--accent);color:#fff}.account-form{display:flex;flex-direction:column;gap:12px;max-width:360px}.account-form label.checkbox{flex-direction:row;align-items:center;gap:8px;font-size:13px}.account-form label.checkbox input{width:auto}.site-list{list-style:none;padding:0;margin:0 0 12px}.site-list>li{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.site-off .site-host{text-decoration:line-through;color:var(--muted)}.site-host{font-weight:600}.site-meta{flex:1;min-width:180px}.site-options{flex-basis:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;padding:10px;border:1px solid var(--border);border-radius:8px}.site-options label,.source-grid label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:12px}.source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-bottom:10px}.run-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;padding:8px 18px}button.primary:disabled{opacity:.5}.run-summary{font-size:15px;font-weight:600;margin:0 0 4px}.run-summary-bad{color:var(--warn)}.run-numbers{margin-bottom:12px}.site-report{border-left:3px solid var(--border);padding:8px 0 8px 10px;margin-bottom:8px}.site-report-ok{border-left-color:var(--ok)}.site-report-warn{border-left-color:var(--warn)}.site-report-error{border-left-color:var(--bad)}.site-report-head{display:flex;flex-wrap:wrap;gap:8px}.site-report-problems{margin:6px 0 0;padding-left:18px}.lang-switch{display:flex;gap:4px;margin-bottom:8px}.lang-switch button{flex:1;padding:4px 0;font-size:11px;font-weight:700;border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:6px;cursor:pointer}.lang-switch button.active{background:var(--accent);border-color:var(--accent);color:#fff}.live-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.live-toggle.on{color:var(--ok, #2ecc71)}