:root{font-family:Inter,system-ui,sans-serif;color:#172d32;background:#f1f4f3;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #cbd7d5;background:white;color:#163e39;border-radius:9px;padding:12px 18px;min-height:46px}button:hover{background:#e5eeeb}button.primary{background:#1f594f;color:white;border-color:#1f594f}button:disabled{opacity:.5;cursor:default}input,select,textarea{width:100%;padding:12px;border:1px solid #b7c8c3;border-radius:8px;background:white;color:#17342e}label{display:block;font-weight:600;margin:14px 0}label input,label select,label textarea{margin-top:7px;font-weight:400}h1{font-size:32px;letter-spacing:-1px;margin:8px 0 20px}h2{font-size:21px}p{line-height:1.55;color:#536b67}small{color:#5c746f}.login{max-width:470px;margin:9vh auto;background:white;padding:38px;border-radius:18px;box-shadow:0 16px 60px #173d3612}.brand{font-size:12px;font-weight:700;letter-spacing:2px;color:#2f7165}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:#123d35;color:white;padding:28px 18px}.side p,.side small{color:#bfd4cb}.side button{display:block;width:100%;text-align:left;margin:6px 0;background:transparent;color:#ecf5f0;border:0}.side button.active{background:#dceba9;color:#18382d}.side hr{border:0;border-top:1px solid #376054;margin:25px 0}.main{padding:32px;max-width:1500px;width:100%;overflow:hidden}.bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.bar h1{flex:1}.card{padding:24px;background:white;border:1px solid #dce4e1;border-radius:14px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.grid .card{margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metrics strong{display:block;font-size:36px;margin:12px 0}.badge{display:inline-block;border-radius:30px;background:#e3eee7;padding:5px 12px;font-size:13px}.warning{background:#fff1ca;padding:16px;border-radius:8px;color:#704b00;margin:12px 0}.danger{background:#ffe7e3;color:#7e2b20;padding:16px;border-radius:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid #e4eae7;vertical-align:top}th{font-size:12px;text-transform:uppercase;color:#587169}textarea.code{font-family:ui-monospace,monospace;min-height:350px;font-size:13px}dialog{border:0;border-radius:16px;padding:30px;max-width:850px;width:90vw;max-height:90vh;overflow:auto;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#10272088}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checks label{font-weight:400}.checks input{width:auto;margin-right:12px}#toast{display:none;position:fixed;bottom:25px;right:25px;max-width:600px;background:#153b34;color:white;border-radius:10px;padding:18px;z-index:30}.terminal-status{font-size:13px}.muted{color:#61766f}a{color:#165f51}.code-id{overflow-wrap:anywhere;font-family:monospace;font-size:12px}@media(max-width:800px){.layout{grid-template-columns:1fr}.side{padding:15px}.side nav{display:flex;overflow:auto}.side nav button{white-space:nowrap;width:auto}.main{padding:18px}.split,.metrics{grid-template-columns:1fr}}

pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:650px}fieldset{border:1px solid #cbd7d5;border-radius:10px;padding:16px;margin:20px 0}button:focus-visible,a:focus-visible{outline:3px solid #c69139;outline-offset:3px}.card .bar{margin-top:16px}

@media(min-width:801px){.side{position:sticky;top:0;height:100vh;height:100dvh;overflow:auto}}

label.update-policy-option{display:flex;align-items:center;gap:12px;margin:12px 0}label.update-policy-option input{width:22px;height:22px;flex:0 0 22px;margin:0}
.public-qr{display:flex;justify-content:center;margin:18px 0}.public-qr svg{width:240px;max-width:100%;height:auto;background:white}.public-status{padding:12px;border-radius:8px;background:#eaf2dc;font-weight:bold}#public-url{font-family:monospace}dialog .bar{flex-wrap:wrap}dialog{max-height:90vh;overflow:auto}

.sync-dialog{max-width:1180px}.sync-diff{max-height:380px;border:1px solid #dce4e1;border-radius:8px}.sync-diff td{font-size:14px;overflow-wrap:anywhere;min-width:170px;max-width:360px;white-space:pre-wrap}.sync-diff th{position:sticky;top:0;background:#edf4ef}.sync-dialog h3{margin-top:0}.sync-dialog details{margin:18px 0}.sync-dialog summary{cursor:pointer;padding:12px 0;font-weight:600}#sync-error:not(:empty){padding:18px;background:#ffe7e3;color:#7e2b20;border-radius:8px}
.layout>*{min-width:0}.side nav{max-width:100%}.sync-close{position:sticky;top:0;float:right;z-index:3;background:white}.sync-dialog .card{clear:both}
@media(max-width:800px){.layout{grid-template-columns:minmax(0,1fr)}.sync-dialog{width:96vw;padding:16px}.sync-dialog .card{padding:16px}.sync-dialog .bar button{width:100%}}