body{margin:0;font-family:Arial,'Malgun Gothic',sans-serif;background:#f4f6f8;color:#222}.topbar{height:54px;background:#172033;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.brand{font-weight:bold;font-size:18px}.user a{color:#d9e8ff;margin-left:12px}.layout{display:flex}.sidebar{width:230px;min-height:calc(100vh - 54px);background:#fff;border-right:1px solid #ddd;padding:16px 0}.sidebar a{display:block;padding:11px 20px;color:#333;text-decoration:none}.sidebar a:hover{background:#eef4ff}.content{flex:1;padding:24px}.card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:18px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:#fff;border:1px solid #ddd;border-radius:8px;padding:18px}.metric b{display:block;font-size:28px;margin-top:8px}table{border-collapse:collapse;width:100%;background:#fff}th,td{border:1px solid #ddd;padding:9px;text-align:left;vertical-align:top}th{background:#f0f2f5}.btn{display:inline-block;background:#2255cc;color:#fff;padding:8px 12px;border-radius:4px;text-decoration:none;border:0;cursor:pointer}.btn.gray{background:#666}.btn.red{background:#b00020}input[type=text],input[type=password],input[type=number],textarea,select{width:100%;box-sizing:border-box;border:1px solid #bbb;border-radius:4px;padding:8px}textarea{min-height:100px}.form-row{margin-bottom:12px}.badge{display:inline-block;padding:3px 7px;border-radius:11px;background:#ddd;font-size:12px}.badge.ok{background:#dff3df;color:#0b6b0b}.badge.fail{background:#ffe1e1;color:#9d1111}.badge.run{background:#fff0cc;color:#8a5a00}.login-box{width:360px;margin:120px auto;background:#fff;border:1px solid #ddd;border-radius:8px;padding:24px}.error{color:#b00020;margin-bottom:12px}.muted{color:#777;font-size:12px}.actions{margin:14px 0}.pre{white-space:pre-wrap;background:#111;color:#eee;padding:12px;border-radius:6px;overflow:auto}