:root{font-family:Inter,Arial,PingFang SC,sans-serif;color:#172033;background:#f3f5f8;font-size:14px}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:224px 1fr}aside{background:#111827;color:#dbe3f0;padding:24px 16px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{padding:0 10px 24px;border-bottom:1px solid #293244}.brand b{display:block;color:white;font-size:20px}.brand span{display:block;color:#92a0b5;font-size:12px;margin-top:6px}nav{display:grid;grid-gap:4px;gap:4px;margin-top:20px}nav a{color:#bdc8d8;text-decoration:none;padding:11px 12px;border-radius:7px}nav a.active,nav a:hover{background:#273449;color:white}.scope{position:absolute;bottom:22px;left:26px;color:#718096;font-size:11px;line-height:1.7}main{padding:30px 36px;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-head h1{font-size:26px;margin:0;color:#111827}.page-head p{margin:7px 0 0;color:#667085}.metrics{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));grid-gap:12px;gap:12px;margin-bottom:22px}.metric,.panel{background:white;border:1px solid #e1e6ee;border-radius:10px}.metric{padding:16px}.metric span{font-size:12px;color:#667085}.metric b{display:block;font-size:26px;margin-top:7px}.panel{padding:18px;margin-bottom:18px}.panel h2{font-size:16px;margin:0 0 14px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.toolbar input,.toolbar select,input,select,textarea{border:1px solid #cfd6e1;border-radius:6px;padding:8px 10px;background:white;min-height:36px}.toolbar input{min-width:220px}.button,button{border:0;border-radius:6px;background:#1d4ed8;color:white;padding:9px 13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block}.button.secondary,button.secondary{background:#eef2f7;color:#344054}button.danger{background:#b42318}table{width:100%;border-collapse:collapse;background:white}td,th{text-align:left;border-bottom:1px solid #e6eaf0;padding:10px 9px;vertical-align:top}th{font-size:12px;color:#667085;background:#f8fafc;white-space:nowrap}td a{color:#1d4ed8;text-decoration:none}.badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eaf7ef;color:#18794e;font-size:11px;font-weight:700;white-space:nowrap}.badge.alert{background:#fff0e6;color:#b54708}.grid2{grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.grid2,.kv{display:grid}.kv{grid-template-columns:160px 1fr;border-top:1px solid #edf0f4}.kv dd,.kv dt{padding:9px 0;margin:0;border-bottom:1px solid #edf0f4}.kv dt{color:#667085}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.form-grid label{display:grid;grid-gap:5px;gap:5px;color:#475467}.form-grid .wide{grid-column:1/-1}textarea{min-height:100px;resize:vertical}pre{white-space:pre-wrap;word-break:break-word;background:#f7f8fa;border:1px solid #eaecf0;border-radius:6px;padding:10px;font-size:12px;max-height:320px;overflow:auto}.empty{text-align:center;color:#98a2b3;padding:30px}.notice{padding:10px 12px;border-left:4px solid #f79009;background:#fff7ed;color:#934b00;margin-bottom:14px}.success{background:#ecfdf3;color:#027a48}.error,.success{padding:10px 12px;margin-bottom:12px}.error{background:#fef3f2;color:#b42318}.diff{display:grid;grid-template-columns:160px 1fr 1fr}.diff>*{padding:8px;border-bottom:1px solid #e6eaf0}.muted{color:#667085}.nowrap{white-space:nowrap}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.shell{grid-template-columns:190px 1fr}main{padding:22px}.form-grid{grid-template-columns:1fr}.diff{grid-template-columns:120px 1fr 1fr}}