:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#1c2938;background:#f4f6f9}*{box-sizing:border-box}body{margin:0}main{max-width:1150px;margin:35px auto;padding:0 20px}header{display:flex;justify-content:space-between;align-items:center;gap:15px}h1{margin:0;font-size:26px}header p{color:#637083;margin:4px 0 0}a{color:#155da6}section{background:white;border:1px solid #dce2eb;border-radius:12px;padding:22px;margin-top:22px;box-shadow:0 2px 7px #1629430b}h2{font-size:19px;margin:0 0 16px}.overflow{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:12px;border-bottom:1px solid #e8edf2;vertical-align:middle}th{font-size:13px;color:#647083}td small{display:block;color:#647083}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}label{font-weight:600;font-size:14px;display:block}input,select{display:block;width:100%;font:inherit;border:1px solid #b8c4d2;border-radius:7px;padding:11px;margin-top:6px;background:white}button{border:0;border-radius:7px;background:#125f9b;color:white;padding:10px 14px;font-weight:600;cursor:pointer}button.secondary{background:#edf2f8;color:#233c5b}button.danger{background:#a32b32}button:disabled{opacity:.5;cursor:not-allowed}td button{margin:2px}.note{color:#5d6a7a;font-size:13px}#message:not(:empty){margin-top:20px;padding:12px;border:1px solid #c8d7e5;background:#ecf4fb;border-radius:8px}.state{font-weight:600}.state.off{color:#a32b32}.state.on{color:#1c7851}@media(max-width:720px){.fields{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}