:root{font-family:system-ui,-apple-system,sans-serif;color:#172238;background:#f2f5fa}*{box-sizing:border-box}body{max-width:1050px;margin:auto;padding:20px}header{padding:24px;background:#172b4d;color:white;border-radius:20px}header small{letter-spacing:2px;color:#a9c9fa}h1{font-size:25px}nav{display:flex;gap:8px;overflow:auto;padding:20px 0}button{cursor:pointer;background:#245ad5;color:white;border:0;border-radius:9px;padding:12px 16px;white-space:nowrap}nav button{background:white;color:#36445c}nav button.active{background:#245ad5;color:white}section{background:white;border-radius:16px;padding:22px;margin-bottom:18px}label{display:block;margin:16px 0 5px;font-size:14px}input,select,textarea{width:100%;padding:12px;border:1px solid #ccd5e2;border-radius:8px;font:inherit;background:white;color:#172238}textarea{min-height:100px}input[type=checkbox]{width:auto;margin-right:10px}form button{margin-top:18px}p,small{line-height:1.6}.hint{color:#627087;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.metric{padding:20px;background:#eaf1ff;border-radius:12px}.metric strong{display:block;font-size:26px;margin-top:8px}.scroll{overflow:auto}table{border-collapse:collapse;font-size:13px;width:100%}td,th{padding:12px;border-bottom:1px solid #e8edf4;text-align:left;max-width:320px;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere}button:disabled{opacity:.5;cursor:wait}.toolbar{display:flex;gap:10px;margin:15px 0}.toolbar input{min-width:100px}a{color:#245ad5}.danger{background:#b63445}@media(max-width:600px){body{padding:12px}section{padding:16px}.toolbar{flex-wrap:wrap}}
.save-feedback { margin: 8px 0 0; font-size: 14px; }
.save-feedback:empty { margin: 0; }
.save-feedback[data-state="pending"], .save-feedback[data-state="unchanged"] { color: #4f6075; }
.save-feedback[data-state="success"] { color: #176641; }
.save-feedback[data-state="error"] { color: #aa2638; }