:root{color-scheme:light;--ink:#18211f;--muted:#4f5f58;--line:#b9c8bf;--surface:#fff;--background:#f4f7f5;--accent:#8fc043;--accent-hover:#7cab38;--accent-strong:#5f8428;--danger:#a43b3b;--danger-hover:#8b2f2f}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--background);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,textarea{font:inherit}.shell{min-height:100vh;padding:28px}.topbar{align-items:center;display:flex;gap:16px;justify-content:flex-start;margin:0 auto 24px;max-width:1100px}.brand{font-size:30px;font-weight:800;line-height:1.1}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin:0 auto;max-width:760px;padding:24px}.panel.wide{max-width:1100px}.admin-section{border-top:2px solid var(--line);margin-top:34px;padding-top:22px}.admin-section.first{margin-top:28px}.gate-group{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.gate-group:first-of-type{border-top:0;margin-top:0;padding-top:0}.gate-list,.site-list{display:grid;grid-gap:14px;gap:14px}.gate-card,.site-card{border:1px solid var(--line);border-radius:8px;padding:16px}.gate-card-main,.site-card-main{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr) auto}.site-edit-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr)}.gate-edit-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr) minmax(120px,.6fr)}.readonly-value{align-items:center;background:#f8faf8;border:1px solid var(--line);border-radius:6px;display:flex;min-height:44px;padding:10px 12px;width:100%}.code-value{font-family:Consolas,Monaco,Courier New,monospace}.field.compact input{max-width:180px}.gate-meta,.site-meta{align-content:start;display:grid;grid-gap:12px;gap:12px;min-width:160px}.meta-label{color:var(--muted);display:block;font-size:13px;font-weight:700;margin-bottom:6px}.gate-actions,.site-actions{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.gate-actions summary,.site-actions summary{color:var(--accent-strong);cursor:pointer;font-weight:700}.gate-action-buttons,.site-action-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}th{color:var(--muted);font-size:13px}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;grid-gap:6px;gap:6px}.field.full{grid-column:1/-1}label{color:var(--muted);font-size:14px;font-weight:700}input,select,textarea{border:1px solid var(--line);border-radius:6px;color:var(--ink);min-height:44px;padding:10px 12px;width:100%}textarea{min-height:96px;resize:vertical}.button,button{background:var(--accent);border:1px solid var(--accent);border-radius:6px;color:#14220e;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:42px;padding:10px 14px;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform 80ms ease}.button:hover,button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button:active,button:active{transform:translateY(1px)}.button.secondary,button.secondary{background:transparent;border-color:var(--accent);color:var(--accent-strong)}.button.secondary:hover,button.secondary:hover{background:#f4faeb;border-color:var(--accent-strong);color:var(--accent-strong)}button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}button.danger:hover{background:#fff3f3;border-color:var(--danger-hover);color:var(--danger-hover)}button:disabled{cursor:not-allowed;transform:none}button:disabled,button:disabled:hover{background:transparent;border-color:#d4ddd7;color:#9aa8a1}.action-choice{margin-bottom:16px}.choice-buttons,.filter-actions{display:flex;flex-wrap:wrap;gap:10px}.filter-actions{margin:18px 0}.check{align-items:flex-start;display:flex;gap:10px}.check input{min-height:auto;width:auto}.error{color:var(--danger);font-size:13px}.success{background:#edf7df;border:1px solid #c9e5a2;border-radius:6px;color:#355317;padding:12px}.muted{color:var(--muted)}@media (max-width:900px){.gate-card-main,.gate-edit-grid,.site-card-main,.site-edit-grid{grid-template-columns:1fr}.field.compact input{max-width:none}.gate-meta,.site-meta{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}}@media (max-width:720px){.shell{padding:18px}.brand{font-size:24px}.grid{grid-template-columns:1fr}}@media (max-width:520px){.gate-meta,.site-meta{grid-template-columns:1fr}.gate-action-buttons,.gate-action-buttons button,.gate-action-buttons form,.site-action-buttons,.site-action-buttons button,.site-action-buttons form{width:100%}}